top of page

Sweet Selections

Project Type & Timeline

  • A solo project completed over a few weeks
    in the summer of 2022

  • Tools: Balsamiq, Sketch

Project Details

  • Prompted by CalArts’ Web Design: Wireframes to Prototypes course on Coursera

  • Designed a food delivery app for a restaurant

Restaurant Creation

Before starting the design process of the delivery app, I first needed to come up with a restaurant that would be in need of this delivery service.

Restaurant Concept

  • A restaurant providing custom dessert creations: customizable bases, spreads, toppings

  • Located in Charlottesville, VA, a suburban US college town

  • Restaurant is open 24/7 to provide anything from lunch desserts to late-night study snacks

  • Moderate pricing – enough for high-quality options and service, but still accessible to college students

  • Sweet Selections reflects the nature of the restaurant: a place where customers can select their sweets

Elevator Pitch

We provide completely customizable and delectable treats that can satisfy any sweet tooth. Come get your sugar fix whenever the cravings hit with our high-quality and affordable desserts!

Mood Board

Pink Mood Board.png

Research & Planning

With a hypothetical restaurant in mind, I moved onto identifying the product’s needs and the users' expectations.

Strategy

User Needs

  • Order food online

  • Find out if the restaurant delivers to their area

  • Customize a dessert that fits their own tastes and preferences

  • Reorder previously-ordered items

  • Order minutes, hours, or days in advance

  • Track the order’s progression after placing it

Client Needs

  • Sell food online to be delivered

  • Provide a system for order customization

  • Appear fun and exciting

  • Explain the ordering system and options (only) for people unfamiliar

  • Communicate a high-quality taste

  • Meet or exceed accessibility standards

Outline of Scope

Content Requirements

  • Text of food menu and item prices

  • Images of the menu items

  • Text describing delivery radius (Charlottesville) and hours of operation (24/7)

  • An ‘About Us’ section that also explains how the customization works

  • Contact Information, FAQ

  • Order progress tracker

  • Account and history features

Functionality Requirements

  • Create custom desserts by making choices in each tier (base, spreads, toppings)

  • Add items to a shopping cart

  • Select a time/date for the delivery

  • Enter the address for delivery, which also confirms they are in the delivery radius

  • Check out and view order progress

  • Create an account and log in

  • View and reorder past orders

Target Audience

students.jpeg

Role

  • College students in need of a sugary snack to get them through their studies, work, and any of their other endeavors

  • Groups of friends looking to hang out and grab dessert together

  • Student leaders catering their events and parties

Demo and Psychographics

  • Occupation: students/student-workers

  • Ages: 15 to 30

  • Personality & Attitudes: fun, excited, youthful

  • Values: open-minded, carefree, seeking short-term gratification

  • Lifestyles: busy, social, hard-working

Sitemap

sitemap image.png

​As the last step in my planning process, I created a brief sitemap on Lucidchart to lay out the most common paths a user could take while using this site or app.

Wireframing

For the sake of this project, attention was focused solely on the development of a mobile app. After giving some thought to the target audience, strategies, and scope of the project, I decided to design some basic wireframes in Balsamiq to support the needs of this app.

Wireframes-01.png
Wireframes-02.png
Wireframes-03.png
Wireframes-04.png
Wireframes-05.png

See the rest on my slide deck linked at the bottom of this page!

Visual Mock-Ups

Using these wireframes, I designed visual mockups on Sketch, making more conscious designs with colors, fonts, and images. I decided to go with more of a chic appearance while bringing

in pops of color and varied textures through the content of the app itself.

Mobile Homepage.png
scheduled.png
menu.png
custom.png
confirmation.png

See the rest on my slide deck linked at the bottom of this page!

Final Thoughts

What I Liked

I love how clean and simple the wireframes of this product came out, and I also love the color palette I chose for the mockups. The content of dessert food also lends itself so well to visual design in such a way that evokes the senses, providing diverse colors and textures throughout.

What Could Have Been Better

I think I could have done a better job making the visual mockups look cleaner and more modern, particularly with the font choice. Looking up to date is an important feature of mobile apps that affects how well a user may think their app is working, so I would improve that for next time. I also would have gone back and checked the color contrast between all of the elements I used to ensure accessibility, as this is an essential step that I always include now but didn't know about at the time of this project.

If I Had More Time

I would spend more time in the planning and researching stage, by looking into current restaurants’ food delivery apps and by conducting user research, such as through user testing or interviews.

Thank you for reading!

bottom of page