PROJECT:

PROJECT:

Mobile and Website Redesign

Mobile and Website Redesign

CONTEXT:

CONTEXT:

Academic Group Project

Academic Group Project

MY ROLE & YEAR

MY ROLE & YEAR

UX/UI Designer, 2023

UX/UI Designer, 2023

TEAM:

TEAM:

Mei, Sonia, Wendy, Afrooz, Aizhan

Mei, Sonia, Wendy, Afrooz, Aizhan

CLIENT:

CLIENT:

Zazie Restaurant

Zazie Restaurant

TOOLS & METHODS

TOOLS & METHODS

Figma, user-flow diagram, wireframes (paper, low-fidelity & high-fidelity), prototypes

Figma, user-flow diagram, wireframes (paper, low-fidelity & high-fidelity), prototypes

Zazie Restaurant Mobile and Website Redesign

Zazie Restaurant Mobile and Website Redesign

Zazie Restaurant Mobile and Website Redesign

    about.

    A redesign of Zazie’s restaurant website focused on clarifying its brand, improving navigation, and creating a more convenient online reservation experience across mobile and desktop platforms.

    problem.

    Zazie’s existing digital experience did not clearly communicate the restaurant’s identity, and its reservation journey relied heavily on third-party services. Customers needed a clearer way to understand the restaurant, explore its offerings, and reserve a table, particularly for popular brunch periods and larger groups.

    user flow.

    We mapped the end-to-end reservation journey to clarify each step and reduce uncertainty during booking. The flow guides customers from selecting a reservation through choosing their party size, date, and time, entering their details, and receiving confirmation.

    We mapped the end-to-end reservation journey to clarify each step and reduce uncertainty during booking. The flow guides customers from selecting a reservation through choosing their party size, date, and time, entering their details, and receiving confirmation.

    visual identity & design system.

    We developed a responsive design system inspired by Zazie’s existing visual identity and physical environment. The colour palette, typography, imagery, and interface components preserve the restaurant’s welcoming character while creating a more consistent and accessible experience across mobile and desktop.

    reflections & takeaways.

    This project strengthened my ability to translate an established brand into a cohesive digital experience. Redesigning Zazi’s website involved improving the information architecture, simplifying the reservation journey, and creating a responsive experience across mobile and desktop. Building reusable components helped maintain visual consistency and made the design system more scalable. Working collaboratively also reinforced the value of shared standards and clear communication throughout the design process.