Compadre

Compadre is a South American restaurant in Paris that combines bold flavors with a relaxed, welcoming atmosphere. Before this project, the restaurant relied exclusively on social media to communicate its concept. The challenge was to translate a strong existing brand identity into a dedicated website that felt modern, coherent, and easy to explore. Rather than reinventing the brand, the website was designed as a natural extension of the identity manual, focusing on hierarchy, rhythm, and visual balance. A one-page structure was chosen to keep the experience intuitive and lightweight, allowing visitors to quickly understand the concept, browse essential information, and feel confident about the place. Built in Framer, the site emphasizes performance and simplicity, using subtle animations to avoid a static feel while respecting the calm, friendly tone of the brand.

Compadre

Compadre is a South American restaurant in Paris that combines bold flavors with a relaxed, welcoming atmosphere. Before this project, the restaurant relied exclusively on social media to communicate its concept. The challenge was to translate a strong existing brand identity into a dedicated website that felt modern, coherent, and easy to explore. Rather than reinventing the brand, the website was designed as a natural extension of the identity manual, focusing on hierarchy, rhythm, and visual balance. A one-page structure was chosen to keep the experience intuitive and lightweight, allowing visitors to quickly understand the concept, browse essential information, and feel confident about the place. Built in Framer, the site emphasizes performance and simplicity, using subtle animations to avoid a static feel while respecting the calm, friendly tone of the brand.

3 iPhones displaying the responsiveness of the website Compadre
3 iPhones displaying the responsiveness of the website Compadre
2 iPads displaying the resposiveness of the Compadre website
2 iPads displaying the resposiveness of the Compadre website

What I Did

For this project, I handled the complete design and development process, working closely with the client to ensure the website accurately reflected the existing brand identity while adapting it to a digital context.

Starting from a well-defined identity manual, my role was to translate the brand into a clear, functional, and visually consistent web experience. The focus was on simplicity, clarity, and performance, avoiding unnecessary complexity while creating a site that feels warm, modern, and easy to navigate.

I worked independently throughout the project, from initial structure and layout decisions to final development and subtle motion design, validating key steps with the client along the way.

  • UX/UI Design – defined the site structure, content hierarchy, and user flow, prioritizing clarity and ease of exploration in a one-page layout

  • Brand translation – adapted an existing, professional identity manual into a cohesive web interface without altering the brand’s core elements

  • Framer development – built a responsive, performance-optimized website with subtle animations to avoid a static feel

  • Content & microcopy – adjusted and refined copy to fit a web context, ensuring clarity, tone consistency, and usability

Footer screenshot of Compadre, displaying their info and map location
Footer screenshot of Compadre, displaying their info and map location

Focus Areas

  • Translating a physical dining experience into a calm, digital interface

  • Balancing visual warmth with structure and legibility

  • Prioritizing content hierarchy over complex features

  • Designing for real-world usage rather than exploration-heavy flows

  • Implementing bilingual content (English and French) to support both local and international audiences

2 iPads displaying the resposiveness of the Compadre website
2 iPads displaying the resposiveness of the Compadre website
3 iPhones displaying the responsiveness of the website Compadre
3 iPhones displaying the responsiveness of the website Compadre

Get occasional design wisdom in your inbox

I share honest lessons, tools I love, and things I'm building, when I think it's worth your time.

No spam. Unsubscribe anytime.

Get occasional design wisdom in your inbox

I share honest lessons, tools I love, and things I'm building, when I think it's worth your time.

No spam. Unsubscribe anytime.

Black and white portrait of a man with a beard and glasses

Cisco Larios

Web-designer

Got a project in mind?

Prefer email? Prefer WA? Either works. I’ll respond within 24h.

Let’s chat!

I only take a few projects at a time, so yours gets full focus.

© Copyright 2025. All rights Reserved.

Black and white portrait of a man with a beard and glasses

Cisco Larios

Web-designer

Got a project in mind?

Prefer email? Prefer WA? Either works. I’ll respond within 24h.

Let’s chat!

I only take a few projects at a time, so yours gets full focus.

© Copyright 2025. All rights Reserved.