← Family of Eateries
This project was all about creating a cohesive mobile experience for a multi-brand restaurant group. The goal was to build a prototype that felt accessible and inviting, making the process of browsing and booking a table feel completely seamless.
My Workflow & Process
Research & Identity: I wanted the colors and graphics to reflect the specific vibe of each restaurant while still feeling like part of one "family."
Prototyping: Using Figma allowed me to test how the app felt in the hand. I focused on making sure the navigation felt natural and that "booking a table" was a quick, stress-free process.
Vector to Code: After sketching and finalizing the logos in Illustrator, I moved into a developer workflow. By animating the logos with GSAP, I was able to test how the branding would actually "behave" in a live web or app environment.
Technical Skills & Tools
For this prototype, I focused on high-fidelity UI/UX design with a heavy emphasis on custom motion. I used Adobe Illustrator to craft unique vector logos for each restaurant. Instead of leaving them as static images, I brought the SVG code into VS Code and used GSAP (GreenSock Animation Platform) to create custom animations. This allowed me to control the personality of each brand through motion before integrating the final feel into my Figma prototype.
Interactive Development: GSAP (GreenSock), VS Code, and SVG Animation.UI/UX Design: Figma (Prototyping & Interaction).
Graphic Design: Adobe Illustrator (Vector Branding & Iconography).
