[Logo Splash Screen]
Brand name: "Ember & Crumb"
Tagline: "Fire-Kissed, Crafted Daily"
Screen 1: Splash - Deep red background, golden logo mark, "Ember & Crumb" wordmark, "Crafted for the bold" subtitle, "Order Now" button.
[Home Screen]
Screen 2: Home: Hero banner "The Inferno Stack" with a burger image, "New" badge. Categories: "Burgers", "Sides", "Drinks", "Desserts". Search bar, "Your Favorites" carousel.
[Product Listing]
Screen 3: Listing: "Burgers" title, filter chips ("All", "Beef", "Chicken", "Veggie"), sort dropdown, product cards with images, prices, ratings, "Add" buttons.
[Product Detail]
Screen 4: Detail: "The Inferno Stack" burger, large image, "Spicy Level: 3/5", description, "Customize" options (Bun, Cheese, Sauce), quantity stepper, "Add to Cart" button.
[Cart Screen]
Screen 5: Cart: "Your Cart" title, items list (Inferno Stack, Loaded Fries, Lemonade), quantity steppers, "Subtotal", "Delivery Fee", "Total", "Checkout" button.
[Checkout Screen]
Screen 6: Checkout: "Payment Method" title, options (Credit Card, PayPal, Apple Pay), card details form, "Place Order" button, "Secure" badge.
[Order Tracking]
Screen 7: Tracking: "Order #2847" title, progress bar (Preparing, On the Way, Delivered), map with route, "Estimated Arrival: 15 min", "Contact Driver" button.
[Profile Screen]
Screen 8: Profile: "Hello, Alex" title, loyalty card "Gold Member" with points, order history list, "Rewards" section, "Settings" gear icon.
[Onboarding Screen]
Screen 9: Onboarding: "Sign In" title, email/password fields, "Sign In" button, "Forgot Password?" link, "Create Account" button, "Skip" option.
[Bottom Editorial Zone]
Headline: "Emails & Crumbral - A Complete Food Commerce System"
Subtitle: "Mobile App Design Case Study"
Supporting line: "A scalable UI system for a global fast-casual brand, from splash to delivery."[Logo Splash]
Brand, "Ember & Crumbral" - "Fire-Kissed, Crafted." Screen 1: Splash screen - deep red background, golden logo mark, "Ember & Crumbral" policy, "anchor for the same language" subtitle, "Order Now" button.
[Home Screen]
Screen 2: Home - "Welcome" - "The Flame Stack" hero banner with burger image, "New" badge. Categories: "Burgers", "Sides", "Drinks", "Desserts". Search bar, "Your Favorites" carousel.
[Product Listing]
Screen 3: Listing - "Burgers" title, filter chips (All, Classic, Spicy, Veggie), sort dropdown, product cards with images, prices, ratings, "Add" buttons.
[Product Detail]
Screen 4: Product - "The Signature Stack" - large image, "Spicy Level: 3/5", "Customize" options (Add Cheese, Add Bacon, Extra Sauce), quantity stepper, "Add to Cart" button.
[Cart Screen]
Screen 5: Cart - "Your Cart" title, items list (Signature Stack, Loaded Fries, Lemonade), quantity steppers, subtotal, delivery fee, total, "Checkout" button.
[Checkout Screen]
Screen 6: Checkout - "Payment Method" title, options (Credit Card, PayPal, Apple Pay), card details form, "Place Order" button, secure checkout badge.
[Order Tracking]
Screen 7: Tracking - "Order #2847" title, progress bar (Preparing, On the Way, Delivered), map with route, "Estimated Arrival: 15 min", "Contact Driver" button.
[Profile Screen]
Screen 8: Profile - "Hello, Alex" title, "Gold Member" loyalty card with points, order history list, "Rewards" section, settings gear icon.
[Onboarding Screen]
Screen 9: Onboarding - "Sign In" title, email and password fields, "Sign In" button, "Forgot Password?" link, "Create Account" button, "Continue as Guest" option.
[Bottom Editorial Zone]
Headline: "Ember & Crumbral - A Complete Food Commerce System"
Subtitle: "Mobile App UI/UX Case Study"
Supporting line: "A scalable design system for a global fast-casual brand, from first splash to final delivery."
Discussion
0 commentaires