The Problem

Limited options exist for authentic, customizable pasta dishes that cater to on-the-go consumers. Existing fast-casual dining establishments fail to offer the desired level of customization and authenticity sought by pasta enthusiasts.

Role

Christia Young – UX/UI design

Summary

Services

  • Stakeholder and user interviews
  • Affinity Mapping
  • Empathy Mapping
  • Journey Mapping
  • System Architecture
  • Heuristic Analysis?
  • Competitive Analysis
  • Accessibility Report?
  • User testing
  • Mobile App Design

Deliverables

  • Logo Design
  • Brand Identity
  • System Architecture
  • Wireframes
  • High-fidelity Prototype

The Solution

Pasta Me is a fast-casual dining app offering customizable pasta dishes for on-the-go convenience. Users personalize their meals by choosing from various noodles, sauces, proteins, and toppings. With a seamless mobile experience, Pasta Me aims to be the top choice for personalized pasta dining anytime, anywhere.

Tools

Figma icon
XD icon
Adobe Illustrator icon
Quant X icon
Google Workspace icon

Design Process

Research – At the initial stage the focus was to gain an understanding of the market, categorize stakeholder requirements, then creating a proto persona to coordinate the direction of the project.

Definition and Ideation – The goal was to clarify the project objectives. User interviews were conducted via Zoom to get feedback on preferences, pain points, and competitors. Next was brainstorming for creative solutions to address the identified problems.

Site map and Sketching – After categorizing the feedback and competitive audits I gathered insights, collected UI inspiration then created a user flow. Guided by usability heuristics, I began sketching frames. Next, using figma lofi wireframes were created and prototyped for initial testing.

Branding and Style guide – Authentic, moody, modern, urgent were directive keywords reflected in the overall theme for this app. The logo was created in Adobe Illustrator. Moodboard was created in Canva. Mockups were created in Photoshop. Wireframes were created in Figma.

Version 1 Hi-fi wireframes and User testing – Combing the lo-fi wireframes and style guide, V1 hi-fi wireframes were created and prototyped for user testing. Testing was done virtually using the Quant-X software.

Iterations and V2 Hi-fi wireframes – Following user testing, verbal feedback and heat mapping results were reviewed. V2 hi-fi wireframes were developed to address the identified issues.

Affinity Mapping

4 User interviews were conducted to gather user insights. The feedback was captured on an affinity board, organized on an empathy map, then features were decided based on the prioritization matrix using the MoScow method. 

Affinity Map

Persona

Story Board

System Architecture

Sketches

Thank you for viewing

If you would like a user-centered design for your project I am available for work.

Contact