The Challenge:

<aside> ❓

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?

</aside>

Core Assumptions:

<aside> 📌

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)

<aside> 🗾

“Always use the restaurant’s website and app to pick up or deliver if you want. You’ll save yourself and the restaurant money.”

</aside>

<aside> 💸

“Some of these apps charge a markup even if it’s a takeout/pickup order which is pure insanity.”

</aside>

<aside> 💲

“for pickup: I’ll use whichever has a lower price. UE takes a significant cut so I frequently see marked up menu prices…”

</aside>

These insights informed the design direction and storyboard I created for the app below:

Portos storyboard detailing Stacey and Abigail’s experience using the mobile app to cut the long line.

Design Iterations

Prototype 1

Prototype 2


Final High-Fidelity Prototype

Portos Palette.png

Final High-Fidelity Prototype: Balance of both modern design elements while staying true to Porto’s traditional brand.

Final Product: