Brand Refresh + UI Motion · 2024

Family of
Eateries

Project

Family of Eateries

Scope

Brand Refresh, UI Motion, Story-led Landing

Timeline

Concept to Launch

Year

2024

Scroll to explore
FAMILY OF EATERIES BRAND REFRESH UI MOTION STORY-LED LANDING GSAP INTERACTIONS PLAYFUL IDENTITY FAMILY OF EATERIES BRAND REFRESH UI MOTION STORY-LED LANDING GSAP INTERACTIONS PLAYFUL IDENTITY

01 — Overview

Playful digital identity for a family of eateries.

0

% Hero Engagement

0

% Scroll Depth Lift

0

% CTA Click Lift

The work focused on making the brand feel bright, warm, and full of personality while keeping conversion and readability strong.

The previous pages felt generic and lacked emotional connection. We redesigned the full visual system around organic forms, lively motion, and short, high-impact storytelling blocks.

The result was a more memorable first impression with stronger brand recall and clearer storytelling across the experience.

Team workshop moodboard before process stage

→ Process hero from the Family of Eateries case study

02 — Process

01

Discovery

Audit tone, positioning, and user intent.

Research Positioning Audience Review

02

Visual Language

Build shape library, color blocks, and type hierarchy.

Shapes Color System Typography

03

Motion System

Layer scroll reveals and hover/parallax interactions.

Scroll Reveals Hover States Parallax

04

Polish

Optimize spacing, responsiveness, and perceived performance.

Responsive Refinement Performance
"
The new identity feels alive. It finally reflects the warmth of our brand. — Project One Results

03 — What Was Built

Brand Refresh

A brighter, warmer visual identity built to feel full of personality without sacrificing clarity.

Story-led Landing

Short, high-impact storytelling blocks were used to make the brand feel more human and memorable.

UI Motion

Smooth scroll reveals and layered composition guide attention block by block through the experience.

Wireframing

Early low-fi to high-fi layout exploration helped shape the final narrative flow and screen hierarchy.

Restaurant Identities

Distinct logo and palette directions were prepared for the three restaurant brands in the system.

Visual System

The palette combined sunny yellow, forest green, and fruit tones to mirror the brand's energy.

— Visual Showcase

Low fidelity wireframe for app home
Low-Fi Wireframe
Ceviche logo
Ceviche Logo
Five logo
Five Logo
Crispy logo
Crispy Logo
Family of Eateries brand mockup
Brand Mockup
Low fidelity wireframe for app home
Low-Fi Wireframe
Ceviche logo
Ceviche Logo
Five logo
Five Logo
Crispy logo
Crispy Logo
Family of Eateries brand mockup
Brand Mockup

04 — Results

Engagement on hero interaction +38%
Scroll depth to service blocks +24%
Click-through to contact CTA +19%
Challenge UX + Play
Approach Story + Motion
Stack HTML/CSS/JS
"The new identity feels alive. It finally reflects the warmth of our brand."
Previous project

Previous Project

Diction Hall
Research

Next project

Next Project

GoPro Product
Demo