Mobile App  ·  UX Research  ·  UI Design

Family of Eateries

A Unified Brand Hub for Multi-Restaurant Experiences

Role

UI/UX Designer

Tools

Figma & Illustrator

Type

Mobile App
iOS & Android

Year

2025'-26'

01 — Overview

A Unified Brand Hub for
Multi-Restaurant Experiences

Family of Eateries is a minimal brand-hub app designed to unify multiple restaurant brands under one digital ecosystem while preserving their individual identities and primary user behaviors.

The core challenge: how do you build one app that serves three completely different restaurant experiences — without flattening what makes each brand unique?

Brand
Primary Action
Key Badge
Ceviche
Table Reservation
Michelin Star
Five Vines
Story Exploration
Locally Loved
Crispy's
Online Ordering
Open 24/7

Goals

  • Connect multiple restaurant brands under one ecosystem
  • Preserve each brand's influence and primary user behaviour
  • Simplify user decision-making across very different dining contexts
  • Encourage cross-brand discovery and exploration
  • Build a scalable system ready for future brand expansion

Sub-headline

Great flavors, diverse moods, one destination

Role

UI/UX Designer

Tools Used

Figma, Illustrator

02 — Design Process

From research to
refined product

01

Research

  • Defined business objective and ecosystem opportunity
  • Identified core user intent patterns — reserve, order, explore
  • Analysed brand differentiation and behavioural context
  • Conducted competitive review of multi-brand restaurant models
  • Mapped experience gaps in fragmented digital ecosystems
02

Ideate

  • Explored brand-first vs menu-first experience models
  • Brainstormed scalable navigation structures
  • Mapped cross-brand user journeys
  • Evaluated contextual primary action strategies
  • Defined modular architecture approach
03

Design

  • Created low-fidelity wireframes to validate structure
  • Developed scalable information architecture
  • Built modular design system with reusable components
  • Designed brand-adaptive UI framework
  • Established consistent interaction patterns
04

Test & Refine

  • Prototyped cross-brand navigation flows
  • Evaluated clarity of contextual CTAs per brand
  • Identified friction points in user switching behaviour
  • Refined hierarchy and action prioritisation
  • Defined future scalability and iteration roadmap

03 — User Experience

Strategic Architecture

Designing for three distinct psychological journeys

  • By mapping distinct user journeys, the design addresses the psychological "decision-friction" unique to each brand.
  • Curated Discovery — focused on high-engagement storytelling and immersive visuals for Ceviche's fine-dining audience.
  • Utility Journey — for Crispy's 12+ location network, I streamlined the Information Architecture to minimise clicks-to-checkout with a one-tap location selector and high-velocity ordering paths.
  • Cross-brand Switching — contextual navigation that surfaces other brands naturally without disrupting the user's primary intent.

04 — Wireframing

Early wireframe sketches for the app structure and navigation

Structure before style

Before applying visual identity, we established a structural skeleton that prioritised cross-brand navigation. The focus was on ensuring the Primary Action remained intuitive across very different restaurant aesthetics.

Low-fidelity sketches let us test information hierarchy quickly — validating that users could identify the core CTA for each brand within three seconds, regardless of the surrounding visual language.

05 — User Journey Map

Mapping the end-to-end experience

Full user journey map showing touchpoints, emotions, and opportunities across the three restaurant brands

06 — Final Design

Bridging the gap between
fine dining and fast food.

Celebrating the unique identity of every brand while maintaining a seamless, high-fidelity user journey.

Full collection of final high-fidelity app screens for all three restaurant brands