![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg"><g d="M 11.644 9.984 C 11.647 10.163 11.649 10.342 11.648 10.521 C 11.647 11.128 11.55 11.531 11.112 11.971 C 10.541 12.545 9.885 12.504 9.154 12.502 L 7.598 12.5 L 2.006 12.503 C 1.41 12.501 0.944 12.378 0.516 11.944 C -0.029 11.391 0 10.688 0.001 9.984 L 0.001 8.68 L 0 4.091 C 0.007 2.968 0.31 2.008 1.105 1.202 C 1.795 0.501 2.621 0.142 3.594 0.026 C 3.969 -0.018 4.436 0.007 4.82 0.007 L 6.281 0.008 L 9.788 0.006 C 10.211 0.01 10.768 0.175 11.066 0.489 C 11.753 1.214 11.655 2.071 11.645 2.982 C 11.649 3.131 11.63 3.86 11.643 3.931 C 11.604 4.242 11.645 4.725 11.628 5.058 C 11.639 5.937 11.626 6.819 11.63 7.698 C 11.631 7.786 11.632 7.878 11.628 7.966 C 11.641 8.339 11.631 8.728 11.634 9.103 C 11.643 9.396 11.646 9.69 11.644 9.984 Z M 11.611 10.262 C 11.603 10.202 11.59 9.95 11.58 9.921 C 11.564 9.918 11.549 9.916 11.534 9.912 C 10.752 9.721 9.311 8.383 8.874 7.694 C 7.624 5.721 9.841 4.077 11.295 3.108 C 11.364 3.062 11.504 2.987 11.584 3.013 C 11.6 2.923 11.575 2.789 11.604 2.715 C 11.626 2.761 11.641 2.914 11.647 2.973 C 11.652 3.122 11.633 3.851 11.646 3.922 C 11.607 4.233 11.648 4.716 11.631 5.049 C 11.642 5.928 11.628 6.81 11.633 7.69 C 11.634 7.778 11.635 7.869 11.631 7.957 C 11.643 8.33 11.634 8.719 11.637 9.094 C 11.646 9.388 11.649 9.681 11.647 9.975 Z M 11.639 7.96 C 11.62 8.089 11.641 8.423 11.572 8.497 C 11.522 8.49 11.466 8.427 11.414 8.398 C 10.706 8.014 10.03 7.037 10.209 6.205 C 10.332 5.638 10.713 5.104 11.143 4.73 C 11.249 4.637 11.465 4.566 11.596 4.479 C 11.626 4.625 11.621 4.883 11.639 5.052 C 11.65 5.932 11.637 6.813 11.641 7.693 C 11.642 7.781 11.643 7.872 11.639 7.96 Z M 2.604 8.515 C 3.298 8.431 3.929 8.925 4.013 9.619 C 4.097 10.313 3.602 10.943 2.908 11.026 C 2.215 11.109 1.586 10.615 1.502 9.922 C 1.418 9.23 1.911 8.6 2.604 8.515 Z M 11.645 3.901 C 12.356 3.353 13.064 2.724 13.85 2.286 C 13.877 2.271 13.909 2.236 13.935 2.217 C 14.703 1.439 15.936 1.826 15.986 2.959 C 16.005 3.383 15.994 3.862 15.993 4.308 L 15.992 6.889 L 15.992 8.92 C 15.993 9.27 16.018 9.745 15.975 10.077 C 15.864 10.947 14.933 11.288 14.213 10.83 C 13.931 10.651 11.703 9.055 11.636 9.073 C 11.633 8.697 11.643 8.309 11.63 7.936 C 11.634 7.848 11.633 7.756 11.632 7.668 C 11.628 6.789 11.641 5.907 11.63 5.028 C 11.647 4.695 11.607 4.212 11.645 3.901 Z" fill="transparent" height="12.503033318007633px" id="qEdHgo3xV" width="15.999999324684891px"><path d="M 11.644 9.984 C 11.647 10.163 11.649 10.342 11.648 10.521 C 11.647 11.128 11.55 11.531 11.112 11.971 C 10.541 12.545 9.885 12.504 9.154 12.502 L 7.598 12.5 L 2.006 12.503 C 1.41 12.501 0.944 12.378 0.516 11.944 C -0.029 11.391 0 10.688 0.001 9.984 L 0.001 8.68 L 0 4.091 C 0.007 2.968 0.31 2.008 1.105 1.202 C 1.795 0.501 2.621 0.142 3.594 0.026 C 3.969 -0.018 4.436 0.007 4.82 0.007 L 6.281 0.008 L 9.788 0.006 C 10.211 0.01 10.768 0.175 11.066 0.489 C 11.753 1.214 11.655 2.071 11.645 2.982 C 11.649 3.131 11.63 3.86 11.643 3.931 C 11.604 4.242 11.645 4.725 11.628 5.058 C 11.639 5.937 11.626 6.819 11.63 7.698 C 11.631 7.786 11.632 7.878 11.628 7.966 C 11.641 8.339 11.631 8.728 11.634 9.103 C 11.643 9.396 11.646 9.69 11.644 9.984 Z" fill="rgb(254, 212, 21)" height="12.50303331800764px" id="Qrf2THiZ1" transform="translate(0 0)" width="11.655179932484916px"/><path d="M 3.105 7.547 C 3.097 7.487 3.084 7.236 3.074 7.206 C 3.058 7.204 3.043 7.201 3.028 7.197 C 2.246 7.006 0.805 5.669 0.368 4.979 C -0.881 3.007 1.335 1.362 2.789 0.393 C 2.858 0.347 2.998 0.273 3.079 0.299 C 3.094 0.208 3.069 0.075 3.098 0 C 3.12 0.046 3.135 0.199 3.141 0.259 C 3.146 0.408 3.127 1.136 3.14 1.207 C 3.101 1.519 3.142 2.001 3.125 2.334 C 3.136 3.214 3.122 4.095 3.127 4.975 C 3.128 5.063 3.129 5.154 3.125 5.242 C 3.137 5.616 3.128 6.004 3.131 6.379 C 3.14 6.673 3.143 6.967 3.141 7.261 Z" fill="rgb(255, 204, 142)" height="7.547065800069635px" id="mXr_Dm24S" transform="translate(8.506 2.715)" width="3.142067821969685px"/><path d="M 1.459 3.481 C 1.44 3.61 1.461 3.944 1.392 4.018 C 1.342 4.011 1.286 3.947 1.234 3.919 C 0.526 3.535 -0.15 2.558 0.029 1.726 C 0.152 1.159 0.533 0.624 0.963 0.251 C 1.069 0.158 1.285 0.087 1.416 0 C 1.446 0.146 1.441 0.404 1.459 0.573 C 1.47 1.453 1.457 2.334 1.461 3.214 C 1.462 3.302 1.463 3.393 1.459 3.481 Z" fill="rgb(255, 192, 199)" height="4.018079802720429px" id="Auwwn7ysj" transform="translate(10.18 4.479)" width="1.4637361282138754px"/><path d="M 1.111 0.01 C 1.805 -0.075 2.436 0.419 2.52 1.113 C 2.604 1.807 2.109 2.437 1.415 2.52 C 0.722 2.603 0.093 2.109 0.009 1.417 C -0.075 0.724 0.418 0.094 1.111 0.01 Z" fill="rgb(254, 254, 254)" height="2.5291167942065864px" id="u1587cuT4" transform="translate(1.493 8.506)" width="2.5291147904148685px"/><path d="M 0.017 2.091 C 0.728 1.544 1.436 0.915 2.222 0.476 C 2.249 0.461 2.281 0.426 2.307 0.407 C 3.076 -0.371 4.308 0.016 4.359 1.15 C 4.377 1.573 4.366 2.052 4.365 2.499 L 4.364 5.079 L 4.364 7.11 C 4.365 7.46 4.39 7.935 4.347 8.268 C 4.236 9.137 3.305 9.478 2.585 9.021 C 2.303 8.841 0.075 7.245 0.008 7.263 C 0.005 6.888 0.015 6.499 0.002 6.126 C 0.006 6.038 0.005 5.947 0.005 5.859 C 0 4.979 0.014 4.097 0.002 3.218 C 0.02 2.885 -0.021 2.402 0.017 2.091 Z" fill="rgb(250, 171, 0)" height="9.224112768256546px" id="jNgOuCiib" transform="translate(11.628 1.81)" width="4.372145931130202px"/></g></svg>)
Article
The Boutique Restaurant case Study—The Cavalariça Redesign.
When digital presence finally matches physical hospitality, A Speculative Case Study.
Disclaimer: Unsolicited, speculative project for portfolio purposes. Not affiliated with or endorsed by the original brands. All trademarks and copyrights belong to their respective owners.
A modern paradigma of Bistros restaurants in the age of AI.
This case study details my speculative redesign of the website for Cavalariça, a Michelin-recommended restaurant in Comporta, Portugal. It explores how emotional UX, custom CMS architecture, and Generative Engine Optimization (GEO) can elevate a hospitality brand’s digital footprint to match its physical excellence—in other words, the "zero clicks" Web.
Tap to go to the Website (Desktop, Tablet, or Mobile):
View the brand book by pressing here.
Industry Related data.
A contextualisation for a further deep dive (AI assisted):
Research: Restaurant Marketing Trends Infographic
Research: Combine Social Media and Website
Beyond the Interface: Designing for Emotion
Web design is no longer just about creating a functional path; it is about emotional resonance. Making my entrance into UX/UI design, I strongly believe that a digital interface should evoke the same positive, sensory feelings as the physical space it represents, much like Don Norman's principles of emotional design. I chose to redesign Cavalariça’s website on spec because I saw a massive gap between their breathtaking in-person dining experience and their stagnant online presence.
The Road to Comporta: A Serendipitous Discovery
My introduction to Cavalariça happened organically. Earlier this summer, my partner and I were heading to a remote estate in Odemira for a holiday. We needed a pet-friendly place to stop for lunch with our dog, and I used Gemini and Instagram to find options.
Arriving in that tiny, traditional Alentejo village with its striking blue and white buildings, I was blown away. The restaurant had a powerful identity: unpretentious, relaxed service, independent wines, and an incredible four-course meal.
The Digital Disconnect
When I returned home and looked up their website, I noticed a clear opportunity for digital refinement. Their current website, built on a standard template, features a rigid visual hierarchy and inconsistent typography that doesn't quite match the elegance of their physical space. The user journey experiences some friction, particularly around the calls to action (CTAs), which lack a clear structural flow and leave the booking process feeling less seamless than it could be.
Beyond the UX and architecture, there is a glaring media deficit. Despite having highly skilled chefs, dynamic hosts, and a talented barman, there is almost no employee-generated content (EGC) on their site or social media. They still rely on pristine, overly sterilised photographs of perfectly placed plates. Contemporary digital marketing is moving away from the "perfect influencer" towards "calibrated amateurism"—a deliberately raw, spontaneous aesthetic that transmits naturalness. Cavalariça’s unapologetic, rich culinary identity simply isn't reflected in their current visual media.
The Fix: Textures, Tech, and True Identity
My goal was to inject movement, texture, and neo-brutalist elements into the design without destroying their core values of contemporary, traditional cuisine. You can view the progressive disclosure and texturised aesthetic in my Framer prototype. Because their existing media library failed to reflect their true identity, I relied on very few AI-generated images to populate the mockup and achieve the right visual tone.
User Experience.
To resolve the navigation friction, I completely redesigned the CTAs to establish a clear visual hierarchy and updated all contact touchpoints. The entire build now features improved inter-device responsiveness, ensuring the sensorial experience remains perfectly optimised across both mobile and desktop platforms.
From my own past experience owning a restaurant, I know that constant external design maintenance is a financial drain. I rebuilt the site in Framer to include a custom CMS, empowering the team to autonomously update seasonal menus and feature local wine pairings. Drawing directly from the 2026 content marketing trends, I also integrated a professional WhatsApp touchpoint into the contact structure to facilitate low-friction, high-velocity booking nudges and seamless guest communication.
Going forward, this new architecture must be supported by a revised media strategy. I propose a balanced mix of EGC and user-generated content (UGC). Swapping pristine plate photography for authentic, unvarnished kitchen pass videos will act as a strategic governor—setting realistic expectations and pre-qualifying diners before they book.
Search Footprint.
To fix their search footprint, I integrated a Generative Engine Optimization (GEO) strategy. By adding JSON-LD schema and tagging local farms—e.g. through weblink inclusions on the CMS elements, the site now feeds verifiable entity networks to AI models. I also implemented a targeted Search Intent Map; for example, if a user makes a navigational search for the restaurant's address, or a transactional search to book a table, the website's content and structure now seamlessly align with their immediate goal.
A Reflection on the Result and Design
Ultimately, this redesign bridges the gap between digital utility and physical luxury.
What went really well was the successful integration of a self-sufficient CMS and the texturised, neo-brutalist aesthetic, which perfectly captured the sensory depth I wanted to convey. The mobile optimization and structural CTA overhaul also brought immediate clarity to the user journey.
However, there were hurdles. Relying on AI-generated images because of the brand's current media deficit was a necessary workaround, but it highlighted what went wrong: without an established library of authentic employee-generated content, the design's true potential remains partially conceptual. Moving forward, what can still be improved is the direct collaboration with the restaurant's team to replace these placeholders with unvarnished kitchen pass videos and raw culinary moments.
By combining this emotionally driven interface with modern SEO, a self-sufficient CMS, and a roadmap for authentic EGC, the new Cavalariça website acts as a true reflection of the brand—attracting the right guests and authentically representing the soul of the Alentejo.
