THE TRANSFORMATION

Built a digital platform designed to grow with the business.

VALE had outgrown a traditional restaurant website. We designed a scalable digital ecosystem that brings together online ordering, catering, retail products, loyalty, social engagement, and future growth into one seamless customer experience.

Link to website Back to Work

Executive overview

Designed for growth beyond the dining room.

The existing experience could no longer support the way VALE was growing. The business needed a flexible platform capable of managing ecommerce, rotating seasonal promotions, evolving menus, catering, and future locations from one cohesive system. We reimagined the experience with a refined tropical aesthetic inspired by South Florida, creating a premium brand that feels welcoming while giving the team the flexibility to grow without rebuilding the platform every season.

Brand foundation

Modernized the brand without losing its identity.

The redesign preserved the recognizable elements customers already trusted while introducing a disciplined design system built for long-term growth. A structured color palette expanded the core brand colors into functional UI shades, while Proxima Nova unified typography across the platform, replacing an inconsistent collection of typefaces with one scalable family that strengthens hierarchy and reinforces the brand.

Color system

Built from the brand. Expanded for growth.

Primary#00BF32RGB 0, 191, 50The primary brand color used for calls-to-action, ordering flows, and key customer interactions.

Supporting#D4E1D4RGB 212, 225, 212A calm supporting green that creates breathing room across layouts while reinforcing the tropical brand aesthetic.

Accent#A19F60RGB 161, 159, 96Inspired by Florida's natural landscape, used to highlight featured content, seasonal promotions, and premium brand moments.

Surface#F2F1E1RGB 242, 241, 225Warm neutral backgrounds that soften the interface and create a welcoming hospitality experience.

Secondary#A89F91RGB 168, 159, 145Supporting UI color used for secondary content, interface structure, and visual hierarchy.

Neutral#CDD2C8RGB 205, 210, 200Balanced neutral used for cards, containers, and subtle separation between content sections.

Muted Neutral#787D78RGB 120, 125, 120Supporting text, icons, dividers, and secondary interface elements.

Success#EBF8EBRGB 235, 248, 235Used for confirmations, promotional messaging, and positive customer interactions.

Background#FFFFFFRGB 255, 255, 255Primary page background that maximizes readability and allows the brand colors to stand out.

Foundation#002000RGB 0, 32, 0Deep brand foundation used for typography, footers, overlays, and high-contrast sections.

Typography

Type chosen for clarity, trust, and scale.

Heading typeface · Perfectly Nineties

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

The heading typeface creates a direct, modern voice for a business that needed clearer positioning and stronger digital confidence.

Body typeface · Denim

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

The body typeface keeps operational details readable while maintaining a polished, uncluttered experience.

CONNECTED CUSTOMER EXPERIENCE

One platform. Every customer interaction.

VALE needed more than a beautiful website. The new platform was designed to connect dining, online ordering, catering, retail products, loyalty, and seasonal promotions into one consistent experience. Every touchpoint now feels like part of the same brand while giving the team a faster way to manage growth.

Online ordering

Customers can browse menus, customize meals, and place orders through a faster experience designed to reduce friction and increase completed purchases.

Seasonal flexibility

Menus, promotions, featured dishes, and limited-time offerings can be updated without redesigning the website, allowing the brand to evolve throughout the year.

Retail & catering

Restaurant services, catering requests, and packaged products live within one unified experience instead of feeling like separate businesses.

Built for expansion

The design system supports future locations, new menu categories, additional products, and evolving customer experiences without rebuilding the platform.

MOBILE-FIRST EXPERIENCE

Designed for hungry customers, not complicated menus.

VALE mobile homepage showing food photography, ordering actions, and delivery partner integration

Most visitors discover VALE on their phone. The experience was redesigned to help customers browse the menu, place an order, explore seasonal specials, and find what they need in just a few taps. Every interaction was simplified to remove friction and keep the focus on food.

Faster ordering experience
Clear menu organization
Large tap targets
Seasonal promotions highlighted
Streamlined checkout flow
Optimized for DoorDash & Uber Eats users

User experience decisions

Every design decision supported how customers actually order.

Menus built around customer behavior

Instead of forcing visitors through confusing navigation, the experience was organized around how people naturally browse menus, discover new dishes, place orders, and return for their favorites.

Seasonal promotions made simple

The system was designed so featured meals, limited-time offers, and holiday specials can be updated quickly without redesigning the website each season.

Ecommerce beyond the restaurant

The platform connects online ordering, catering, retail products, and loyalty into one consistent experience instead of treating each service like a separate business.

Built to grow with the business

Whether adding new locations, expanding the menu, or launching new products, the design system provides a flexible foundation that scales without rebuilding the website.

Design philosophy

Design should make running the business easier.

Every layout, component, and interaction was created to help customers order faster while giving the VALE team a system that's easier to manage, update, and expand over time.

Outcome

The result wasn't just a redesigned website. VALE now has a unified digital platform that supports daily operations, simplifies content management, improves the customer ordering experience, and provides a scalable foundation for future growth.

Business challenge

VALE had outgrown a traditional restaurant website. Online ordering, catering, loyalty, retail products, and seasonal promotions felt disconnected, making it harder to scale the business as new locations and offerings were introduced.

Strategy

Build one digital ecosystem where every customer interaction feels connected. The platform was designed to support today's operations while creating a foundation that can grow alongside the brand.

Creative direction

Inspired by Florida's tropical lifestyle, the visual identity balances premium hospitality with everyday accessibility. Natural greens, warm neutrals, large food photography, and generous spacing create a fresh, welcoming experience that reflects the quality of the brand.

UX decisions

Every page was designed around how customers actually interact with the business—from discovering a menu and placing an order to exploring catering, loyalty, and retail products. Navigation was simplified so every path feels intentional.

Design system

A modular design system was created to support seasonal campaigns, new menu launches, promotional offers, future restaurant locations, and ecommerce expansion without sacrificing visual consistency.

Process

Mapped the customer journey, reorganized the information architecture, refined the visual hierarchy, unified the brand system, and built reusable components that allow the business to evolve without redesigning the website.

Results & Outcomes

One connected digital experience across every service
Faster path from menu discovery to online ordering
Flexible system for seasonal promotions and campaigns
Unified platform for catering, retail, and loyalty
Brand foundation ready for future franchise growth
Scalable design system built for long-term expansion