One App. Three Restaurants. Infinite Flavors.
Family of Eateries is a multi-restaurant digital platform designed to manage and present three different eateries with their own unique identities. all within a single user-friendly app. The challenge was to create a system where each restaurant feels independent, yet the overall user journey stays fluid and intuitive.
- Designed the full mobile UI
- Built individual visual identities for all three restaurants
- Kept one consistent system for layout, navigation, and interaction
- Designed simple user flows from
home → brand → menu → order
-min.png)
How can we let users explore multiple restaurant menus, offers, and experiences — without feeling lost in a sea of disconnected visuals and flows?
I kept interactions minimal and intuitive. Transitions were used subtly to keep the app feeling smooth without slowing users down. No flashy animations just clear, purposeful movement from screen to screen.
Navigation follows a simple, linear structure: home → brand → menu → cart. Each screen focuses on a single task, with large touch areas and focused content, keeping the experience clean and user-friendly.
Each brand had its own color palette and feel but they were all built on one shared design system. This helped create variety without clutter. The UI stayed neutral, letting brand colors and food visuals stand out.
Designed with mobile users in mind. whether they’re ordering on the go or from home. Layouts were spaced out, text was readable, and buttons were thumb-friendly. I focused on reducing steps and making sure every screen was fast to understand.
To handle page navigation inside the app without full reloads, I used Sammy.js, a lightweight routing library. It allowed me to switch between sections like Home, Specials, and Reservations using simple client-side routes. This kept the app fast and smooth, with no disruptive refreshes — just a clean, single-page flow that feels more modern and responsive
This wasn’t the most complex project I’ve done, but it taught me a lot. I learned how to keep things clean and consistent across different brands, and how to make the app feel smooth using basic routing with Sammy.js.It also gave me a better sense of how design and code work together — and how small things, like how pages switch or how buttons are spaced, make a big difference in how an app feels.