CoffeeHouse

A beautifully designed iOS application for discovering, customizing, and ordering coffee with real-time delivery tracking and a smooth user experience. Built with SwiftUI, CoreLocation, and MapKit.

The journey began in Figma, where I crafted each interface with a focus on clarity, emotion, and fluid user flow.
Later, I translated these designs into a working prototype using SwiftUI, implementing smooth navigation, dark-mode aesthetics, and responsive components.The interface allows users to:
Discover nearby cafés with location services Browse through coffee categories 

Your Daily Ritual, Reimagined

From craving to comfort, CoffeeHouse lets you order, personalize, and track your favorite coffee with a single tap.

Discover Your Perfect Brew

This screen offers users a visually engaging coffee browsing experience. Designed with a dark, elegant theme, it enables quick filtering by coffee type .Each item is accompanied by an image, short description, and price, ensuring users can make quick, informed choices.The user flow is optimized for ease-tap to explore, scroll to discover, and add to cart with one touch.

Details & Delivery – From Bean to Your Doorstep

These screens walk users through the final stages of their coffee journey from discovering product details to confirming delivery.
The Product Detail View lets users explore ingredients, size options, star ratings, and personalized descriptions. The Order Summary Screen simplifies the checkout process with delivery details, applied discounts, and real-time cost updates.This seamless flow ensures clarity and speed whether you’re sipping solo or surprising a friend

Track Your Coffee, Sip by Sip

This screen offers users peace of mind by showing live delivery tracking on a map, countdown timer, and direct contact with their courier. With a clear visual of the estimated time and personalized courier info, the experience stays human-centered, fast, and reliable

Curious to explore the full flow?

Check out the Figma Prototype and GitHub Repository for a deeper look at the full interaction and code behind the CoffeeHouse experience