Faster comparison
DISCOVERY · FILTERS
Structured restaurant cards and filters around cuisine, location, availability, and discount value.
01
Key product screens
Homepage and search entry
Search results and map comparison
Saved restaurants and offer comparison
Booking, profile, and bonus touchpoints
02
Overview
DiscoEat was a restaurant discovery and booking platform that helped users compare dining offers and move from browsing to booking across responsive web and mobile experiences.
UX/UI DesignRestaurant CommerceDiscovery UXBooking FlowsMobile-first ProductProfessional Product Work
03
Problem
The product needed to turn dynamic pricing, restaurant discovery, and booking into a simple customer-facing mobile experience without obscuring the platform logic behind it.
- Make restaurants and discounts easier to compare.
- Explain dynamic pricing as clear customer value.
- Connect discovery and booking without overloading the mobile experience.
04
My contribution
- Designed discovery, filtering, offer, and booking flows across app and web.
- Structured restaurant cards and discount information for faster comparison.
- Maintained interface consistency through reusable patterns and UI rules.
- Collaborated with product and engineering to balance user needs, business logic, and implementation constraints.
05
Key design decisions
Clearer discounts
VALUE · CLARITY
Brought offer information closer to the browsing stage so users could understand value before booking.
Connected booking
JOURNEY · MOBILE
Designed clear transitions from restaurant exploration to offer evaluation and booking actions.
06
Process
01
Understand the journey
Mapped how users moved from restaurant discovery to offer evaluation and booking decisions.
02
Structure comparison and pricing
Defined restaurant cards, filters, offer hierarchy, and clearer dynamic-pricing information.
03
Design and refine key flows
Refined search, restaurant details, offer selection, booking actions, and responsive states.
04
Align patterns for delivery
Documented reusable UI patterns and collaborated with product and engineering to support implementation.
07
Product architecture
DiscoEat connected customer journeys, pricing logic, and restaurant operations in one product ecosystem.
Understanding these dependencies helped translate complex business logic into clear customer-facing flows.
01
Customer experience
Search, filters, restaurant details, offers, and booking.
02
Pricing & booking logic
Availability, dynamic discounts, and booking rules.
03
Restaurant operations
Data and workflows supporting offers and reservations.
08
Constraints and trade-offs
Balancing clarity and business logic
Dynamic pricing and occupancy rules had to remain understandable without exposing unnecessary complexity.
Connecting multiple touchpoints
Discovery, booking, ordering, and DIDIT needed to feel connected without fragmenting the journey.
09
Design outcomes
Clearer comparison model
Created a consistent structure for comparing restaurants, offers, filters, and booking options.
Earlier offer clarity
Moved discount information closer to browsing so users could understand value before booking.
Reusable interface rules
Defined reusable patterns that supported consistency across responsive app and web experiences.
10
Tools and methods
Understand the journey
Journey mappingCompetitor reviewUser-flow analysis
Structure comparison and pricing
Information architectureContent hierarchyFigma
Design and refine key flows
WireframesInteractive prototypesResponsive UI
Align patterns for delivery
Design systemsUI documentationProduct-engineering collaboration