Barranco cover image

Metadata

Sector

  • Commercial Contracting

Scope

  • Back-End Development
  • Front-End Development
  • UI/UX Design

Barranco

Barranco, a commercial contractor known for transforming spaces across industries, sought to revamp its digital presence to better reflect its versatility and commitment to service. Monogram stepped in to deliver a sleek, high-performance website—built with Next.js, Tailwind CSS, DatoCMS, and Vercel—that brings Barranco’s vision to life online with speed, clarity, and precision.

Visit Website
[@portabletext/react] Unknown block type "summaryImage", specify a component for it in the `components.types` prop
Case study image 0

Familiar, Yet Refined

The redesign of Barranco’s marketing website wasn’t about starting over—it was about evolution. Core visual elements from the previous site, including bold typography and distinctive patterns, were reimagined with a modern touch seen throughout all sections and pages. This ensures Barranco’s identity is preserved while enhancing clarity, usability, and impact.

Workflows That Work

Managing content with traditional CMS platforms can be complex, often leading to fragmented workflows and challenges in maintaining content consistency. Teams may struggle with rigid structures that hinder efficient collaboration and timely updates. Dato CMS enabled Barranco to simplify content management with its intuitive interface and adaptable content modeling. The seamless integration allowed the team to efficiently organize and update information, ensuring a cohesive and engaging experience for their audience while enhancing overall workflow efficiency.

Case study image 1
Case study image 0

Organized, Optimized, Rasterized

Handling media assets across multiple platforms can lead to inconsistencies, storage limitations, and version control challenges. Without a centralized system, teams may struggle to keep track of edits, updates, and optimized formats for different use cases. By storing all assets in Raster and integrating it with DatoCMS, Barranco gained a unified solution for managing their visual content. This setup allowed the team to organize, edit, and track versions of all uploaded media seamlessly, ensuring consistency across the site while streamlining the content workflow.

Hosting Without Limits

Deploying and maintaining a website can be challenging, with performance bottlenecks and scalability issues often hindering the overall user experience. Slow load times and unreliable infrastructure can impact engagement and overall site effectiveness. By launching the Barranco site on Vercel, the team leveraged a high-performance hosting platform optimized for speed and reliability. Vercel’s global edge network ensured fast load times and seamless scalability, allowing Barranco to deliver a smooth, responsive experience while maintaining efficiency throughout both development and deployment.

Case study image 1