Sandwich

Sandwich Shop App

The app is for a regional chain of shops that specialize on selling gourmet sandwiches, made of fresh and high quality ingredients. The chain strives to deliver quick and tasty meals for busy people with a full schedule, who don’t have time to cook and just want to grab something on the go.

The purpose of the app is to allow customers to place orders in advance and pick-up later or place an online order, in store, to skip the line.

The final solutions offers ways to place orders as quickly as posible, by accesing the previous orders, locations, favourite products, as well as allowing to quickly and conveniently customize a sandwich for ordering.

Type of Project

Online Ordering App

Role

UX/UI Designer,
wireframing, low and high-fidelity prototyping, design system, usability study

Date

Jul 2022 - Sep 2022

Sign In and Home page design

Empathizing with Users

In order to emphasize with the users and understand their needs better, I conducted interviews and created empathy maps.

The user research has confirmed the earlier assumptions about the discouragement from placing the order due to the lengthy ordering process and the long line in the shop. Additional insights, that were not considered earlier, have been revealed, as well.

Users Pain Points Persona

Initial Solution

Based on the research findings, it was decided to focus on the features that will help users quickly place an order:

  • easily pick a store
  • show previous orders, favorite products
  • quick and clear customization of the sandwich
Selecting a store - initial solution Last orders - initial solution

Style Guide

For the main headings I chose a display type-face that reminds of the hand written menu at the outside of restaurants, and for the rest of the text, a simple, legible at small size, sans-serif type-face.

Colors, typefaces, icons Components

Usability Study

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Usability study round 1 findings Usability study round 1 findings

Final Solution

Welcome and sign in screens Menu page design Locations page Locations page- Map and List view Product Details screens Product Costumization prezentation Checkout flow prezentation Cart screens - empty version and with one item version Checkout screens - 1. Shop and time, 2. Contact Details, 3. Payment, 4. Review Order Status Stages - Pending, Is being prepared, Ready for pick up, Done Previous orders screens Profile screen

Next Steps

  • Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

  • Conduct any additional user research to identify areas for improvement.

Takeaways

While designing the Sandwich Shop App I learned that understanding the users needs and pain point from the early stages of the design process is essential, because it helps build a solution that addresses a real user need. In addition, I’ve learned that usability studies and design iterations help build better products, that have the user at the center.

Other Projects

01
Landing Page Redesign

Explicit-Promotions

Landing Page for a company that offers promotion campaigns for musicians

Project 4 thumbnail - landing page presented on a laptop screen Figma and Webflow
02
Responsive Website Online Store

Fragrance & Light

Online Candles Customization and Shopping Experience

Project 3 thumbnail - the home page of the website displayed on a phone, tablet and laptop Adobe XD
04
Responsive Website Portfolio

Angle-Architecture

Projects showcase portfolio website for an architecture firm

Project 1 thumbnail - the home page of the website presented on a laptop screen Figma And Webflow

Get In Touch

iuliana.lupu.dev@gmail