The Challenge:
How can a dedicated Porto’s mobile app streamline the ordering process, reduce wait times, and introduce a rewards program that incentivizes both first-time and returning customers?
Core Assumptions:
- A mobile app is feasible for Porto’s to implement at scale.
- A proprietary app helps customers avoid third-party markup fees, unlike delivery platforms such as Uber Eats.
Market Research & UX Insights
According to Restauranttechnologynews.com,
71% of consumers prefer restaurant-specific websites or mobile apps over third-party solutions due to lower costs, convenience, and personalized loyalty benefits.
Currently, Porto’s online ordering website only offers a limited menu, primarily bakery items for pickup and delivery.
UX Research Insights (Reddit)
“Always use the restaurant’s website and app to pick up or deliver if you want. You’ll save yourself and the restaurant money.”
“Some of these apps charge a markup even if it’s a takeout/pickup order which is pure insanity.”
“for pickup: I’ll use whichever has a lower price. UE takes a significant cut so I frequently see marked up menu prices…”
These insights informed the design direction and storyboard I created for the app below:
Design Iterations
Prototype 1
Prototype 2
Final High-Fidelity Prototype
Final Product:
- Hand-drawn wireframes guided a more intentional UX-focused redesign.
- The final UI balances tradition and modernity, encapsulating Porto’s bakery essence while ensuring seamless digital interactions.
- A rewards program and an improved ordering flow encourage long-term engagement and customer retention.
Prototype Demo
Key Takeaways & What I Learned from my first UI/UX case study:
- Physical Prototyping First:
- Skipping early paper prototyping led to additional iterations later in the process and more time spent. Future projects will benefit from this step and increase efficiency.
- User Testing is Crucial:
- While market research confirmed the need for an app, testing the actual user experience of prototypes earlier would have informed design decisions more effectively.
- Brand Consistency Matters:
- A successful UI/UX case study isn’t just about how it looks; maintaining brand identity is equally important for user adoption and trust.