The Green Olive Catering
A refined web system for a modern Mediterranean brand.
We reimagined The Green Olive Catering's digital presence with a clean, modern design system and a scalable CMS architecture, giving each location its own voice while staying brand-aligned.
Visual Design / UX/UI Design / Webflow Development
The Green Olive Catering website homepage viewed on a laptop.
Fresh Foundation

Overview

A scalable Webflow CMS build with independent control.

The Green Olive needed more than just a redesign. With multiple locations offering different menus and prices, they required a flexible backend — one that preserved consistency while giving each store the autonomy to serve its audience. The result: a refined design system built on a multi-CMS Webflow infrastructure, with clarity across every screen and dish.
View live website
The structure of the The Green Olive Catering project.
Split Identity

Challenge

One brand, three kitchens, no structure.

Each Green Olive location operated independently, but the digital experience didn’t reflect that. A single, outdated site tried to speak for all three — leading to confusion, content bottlenecks, and missed opportunities for showcasing local offerings.
The inconsistent websites that the previous locations had.
Early wireframes organizing the different location content.
Style & Structure

Approach

Brand-forward design with CMS-first thinking.

We began by refining the brand’s digital aesthetic — typography, spacing, color, and iconography — into a clean, modern system. Then, we implemented three separate CMS Collections, one for each location, allowing for unique menus, pricing, and content while maintaining visual consistency and ease of use in the client-facing Webflow Editor.
Core color and text styles with updated SVG logo.
Before and after shots of the home page.
Multi-Site Toolkit

Deliverables

 A CMS system that balances autonomy and unity.

We began by refining the brand’s digital aesthetic — typography, spacing, color, and iconography — into a clean, modern system. Then, we implemented three separate CMS Collections, one for each location, allowing for unique menus, pricing, and content while maintaining visual consistency and ease of use in the client-facing Webflow Editor.
Up close detail shot of the menu page.
Up close detail shot of the menu page.
The Green Olive Catering homepage.
Person viewing The Green Olive Catering website on a tablet.
An image of the oceanside in the Mediterranean.
The Green Olive Catering contact form on a tablet.
Component Highlight

Sticky Sub-Navigation

Frosted glass sticky island sub-navigation for menu pages.

For the menu pages, I wanted the navigation to be persistent. A sticky sub-navigation seemed ideal, it helps users stay aware of their location within the menu while also providing quick access to other sections.
Sticky sub-nav component up-close simplified anatomy.
Location-Aware

Outcomes

A scalable site that meets local needs at a brand level.

Each Green Olive location can now control its own content, respond to changes quickly, and showcase its offerings independently all while staying true to the brand’s identity. The new system also lays the groundwork for future features like location-based promotions.
Elegant Utility

Reflection

Complexity, simplified.

Designing with multiple endpoints in mind pushed the structure to do more, without looking like it did. The project reminded me that a good user experience can start with thoughtful internal strategy and tools, not just front-end polish.
View live website
Make Something

Let's get started.

Tell us what you need, what you have, and when you need it.
Contact usSchedule call