This app for “Roulé,” a French pastry food truck, offers menu browsing, delivery, and pickup options. With a bold, simple color scheme and an intuitive interface, it’s designed to enhance the user experience, blending style and functionality seamlessly.
2025 ADAI's 67th Exhibition — Award of Excellence
To approach this project, I began by creating various logo variations, followed by selecting the color palette and typeface systems. My goal was to explore a wide range of styles, experimenting with as many distinct variations as needed until I felt I had thoroughly explored all possibilities.
The color scheme consists of red, black, and white. Initially, I introduced more movement to the mascot, with an animation of it running in before forming the logo on the app’s splash screen. However, this added excessive screen time and created redundancy, leading to the final decision to remove the additional poses.
The Roulé Pastry Food Truck app sets itself apart with its striking visual impact and seamless, intuitive interface, ensuring an exceptional user experience from start to finish.
Sketchbook Diaries
Stage 1: Menu Definition
Define core menu items, including food and beverage offerings.
Define core menu items, including food and beverage offerings.
Stage 2: Brand Identity Exploration
Establish brand attributes through key adjectives, then develop character design, logotype, color palette, and typography.
Establish brand attributes through key adjectives, then develop character design, logotype, color palette, and typography.
Stage 3: UX/UI Low-Fidelity Wireframes
Map core user flows and key screens, including splash screen, home, menu, cart, about, and settings pages.
Map core user flows and key screens, including splash screen, home, menu, cart, about, and settings pages.
Stage 4: Brand Identity Refinement
Finalize the brand name, visual direction, aesthetics, and tagline to form a cohesive identity system.
Finalize the brand name, visual direction, aesthetics, and tagline to form a cohesive identity system.
Stage 5: High-Fidelity Wireframes
Design polished, production-ready UI screens based on finalized branding and user flows.
Design polished, production-ready UI screens based on finalized branding and user flows.
