Mobile App Design Project: Ochaya Matcha

Mobile App for Food & Beverage Ordering for fictional matcha company

Role

UX/UI Designer

Industry

Food & Beverage

Duration

Project Overview: The goal of this project was to design an interactive mobile prototype for Ochaya Matcha, a fictional matcha café and brand I developed through a comprehensive visual identity project. The app is designed similarly to popular beverage apps like Starbucks and Dunkin', focusing on easy ordering, customization, and customer rewards.

Process:

Research & Ideation:
- Competitor analysis of Starbucks, Dunkin', and other beverage apps.
- Identified key features: ordering flow, customization options, loyalty programs, profile management.
Visual Design & Branding:
- Leveraged the previously developed visual identity (logo, color palette, typography) from the initial branding project.
- Created app-specific UI components consistent with existing Ochaya Matcha branding.
Wireframing & User Flows:
- Developed low-fidelity wireframes to map core interactions: placing an order, customizing products, managing rewards, and updating user profiles.
- Established clear, intuitive user flows based on industry best practices.

Process:

Research & Ideation:
- Competitor analysis of Starbucks, Dunkin', and other beverage apps.
- Identified key features: ordering flow, customization options, loyalty programs, profile management.
Visual Design & Branding:
- Leveraged the previously developed visual identity (logo, color palette, typography) from the initial branding project.
- Created app-specific UI components consistent with existing Ochaya Matcha branding.
Wireframing & User Flows:
- Developed low-fidelity wireframes to map core interactions: placing an order, customizing products, managing rewards, and updating user profiles.
- Established clear, intuitive user flows based on industry best practices.

High-Fidelity Prototyping:

Built interactive screens in Figma, emphasizing seamless transitions and realistic interactions.
Integrated features like interactive menus, order customization screens, cart management, rewards progress tracking, and location selection.

Final Prototype & Presentation:
- Delivered an interactive, high-fidelity prototype showcasing polished user interfaces, complete user flows, and interactive elements.
- Presented the prototype effectively to demonstrate UX/UI design skills and branding consistency.

Outcomes & Reflections:

Gained practical insights into interactive prototyping and user-centered design.
Strengthened skills in applying cohesive branding across multiple platforms.
Improved confidence in creating comprehensive and visually appealing digital experiences.

Tools Used:

Figma
Adobe Illustrator
Adobe Photoshop

Outcomes & Reflections:

Gained practical insights into interactive prototyping and user-centered design.
Strengthened skills in applying cohesive branding across multiple platforms.
Improved confidence in creating comprehensive and visually appealing digital experiences.

Tools Used:

Figma
Adobe Illustrator
Adobe Photoshop

Other projects

Design-a-thon: Smiplicity CRM Software Website Landing Page

A winning landing page design for a CRM software in the pool service industry

Mobile App Design Project: Snack Delivery Service

Designed a personalized snack subscription mobile app that streamlines product discovery, diet-specific browsing, and autoship ordering through an intuitive and engaging user experience.

Visual Design Project: Ochaya Matcha

Created branded content for fictional matcha company including product packaging, advertisements, and and Instagram profile.

Capstone: Green Card application portal design

Transforming the immigration process with a user-friendly Green Card application portal designed to enhance clarity accessibility and applicant confidence

Redesign project: YOUNGLA Mobile App Redesign

Redesigning an ecommerce mobile app to be more intuitive and user-freindly

Ella Ramsey

Ella Ramsey

Ella Ramsey