CupApp
Cup puts nearby restaurant, cafe and bakery offers on one map: see the deals around you, filter by category or distance, and get one-tap directions.
- Product
- Cup App
- Sector
- Food & Drink
- Services
- iOS & Android
- Year
- 2026
Services
- UI/UX Design
- Mobile Development
- Design System
- QA & Delivery
About the Product
Cup is two products in one. Diners discover exclusive offers from restaurants, cafes and bakeries on a map, with live open/closed status, opening hours and price range before they set off. Owners register their store, create and manage offers, toggle open/closed in real time and track active offers from a dashboard.
The Solution
We designed the map as the primary surface rather than a filter buried in a list — offers appear where they are, with category, distance and deal-type filters, a trending feed refreshed daily, favourites, and notifications for new offers nearby. Built in English and Arabic with full right-to-left support.
What the product had to solve
Offer apps usually mean endless scrolling to find something close enough to be worth it. Cup had to answer "what is a good deal near me right now" in one screen, and stay worth opening for a merchant who has to keep offers and opening status current.
Technologies we use
Tailwind CSS
Utility-first CSS
Firebase
Real-time backend
TypeScript
Typed JavaScript
Node.js
Scalable network
React.js
Declarative UI library
Figma
Collaborative design
Next.js
Server-rendered
Crafting thoughtful design solutions that drive real impact
We believe great digital products are built at the intersection of strategy, usability, and aesthetics. For this project, we focused on creating a design system that feels structured yet flexible—supporting both immediate functionality and future expansion.
From interaction flows to visual hierarchy, every design decision was guided by real user needs and long-term product vision. The result is a product that feels intuitive, reliable, and purpose-built for the people who use it every day.
Our process included
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation
- Consistent visual language across modules
- Developer handoff and QA
Delivering a scalable and user-friendly solution
The final solution is a robust digital product that enables efficient, confident everyday use while maintaining a clean and approachable experience.
Outcome highlights
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation
