FoodieHub UIUX Case Study (Design + Development)

FoodieHub is a food discovery and ordering platform designed to connect users with local restaurants and cuisines. This project was a full UX/UI case study taken from research through high-fidelity prototypes and into frontend development.

Food delivery apps are crowded, but most prioritize speed over discovery. Users who want to explore new cuisines, read about dishes, or find hidden local gems are underserved by the major platforms. FoodieHub was designed to put food discovery first.

User Research & Personas Conducted user interviews and competitive analysis to identify pain points in existing food ordering experiences. Built personas representing different user types: the adventurous eater, the convenience-first orderer, and the health-conscious browser.

Information Architecture & Wireframes Mapped out user flows for discovery, ordering, and restaurant browsing. Created low-fidelity wireframes to validate navigation patterns and content hierarchy before moving to visual design.

High-Fidelity Prototypes Designed pixel-perfect screens in Figma covering the full user journey: onboarding, home feed, restaurant profiles, menu browsing, cart, checkout, and order tracking. Every screen was built with a warm, appetizing color palette and clear typography.

Interactive Prototype Built a clickable Figma prototype for stakeholder review and usability testing, allowing real user feedback before any code was written.

Translated the Figma designs into a responsive React frontend with component-based architecture, ensuring design fidelity across breakpoints.

Design: Figma, Adobe Photoshop

Frontend: React

Prototype: Interactive Figma prototype