Pairfect App Design

DESSERT DONE RIGHT.

PAIRFECT
APP DESIGN

Deliverables

Logo
Brand Identity
Mobile UI/UX

Skills

Illustrator
XD

Coursework

Brief

I was tasked with creating a food discovery and delivery app that brought together sweet treats and their complimentary salty pairings.

Goals

Design a robust, fun-to-use app. Create a brand identity that felt unique and versatile. Build high-fidelity prototypes that were accurate representations of the look and feel of the finished app.

Outcomes

I created a complete brand identity that fed into the UI/UX process. In the end, I delivered a logo, color palette, icon library, user research, and UI mockups.

Pairfect Main Logo in Cream Colorway

PAIRFECT

A mobile guide to the perfect pairings of sweet treats and their salty counterparts for Foodies, Night Owls, and just about anyone with a sweet tooth. Pairfect helps its users find and order all of the best dessert combinations near them

Pairfect takes user-generated reviews of popular dessert options and combines them with other sweets, salties, sours, and savories nearby to create the perfect sugary duo. These combinations can be ordered directly in the app, delivered with services like Postmates, then saved as “Perfect Pairings” for future cravings. 

Successful pairings produce more user reviews, ever-improving the pairing process.

SUBMARKS & APP BADGE

MOOD BOARD

a man handing a woman holding a phone her food delivery order
Churros dipped in chocolate
Chocolate covered pretzels
Salted caramel milkshake with whipped cream
French Fries in a bowl

TYPOGRAPHY

COLOR PALETTE

medium blue color
warm brown color
vibrant green color

#2B1E10

#0F415C

Candy pink color

#C74E42

#7E9240

BRANDING PROCESS

The design process for this app started slowly with market research, image sourcing, color explorations, a mood board, and then finally logo iterations.

The logo was ultimately a combination of the app’s name and the concept of ‘nearby.’ The fusing of the two ideas created a symbol of ‘food near me.’

Throughout this process, I wanted to emulate a feeling of youth and color; I wanted the app to feel sweet like dessert. In fact, the color palette and logo were directly derived from an image of a pear.

USER RESEARCH

Main App Functions

Collects profiles for restaurants and their specific dessert offerings

Organizes dessert listings on a navigable map for users to search through

Allows users to search for desserts of their liking, make ratings and reviews, save Perfect Pairings, and order food for delivery

Aggregates review data to suggest new pairings

Target Users

A woman taking a picture of food with her cell

The Foodie

Explores the city, one restaurant at a time

Has strong opinions on food

A man ordering food from a street food cart

The Nightowl

Loves restaurants that are open late

Not afraid to try new foods

A group of people in business clothes eating lunch together

The CEO

Loves convenient offerings

Uses food delivery services often

The Tourist

Opts to eat out while on vacation

Looks for recommendations from locals

User Personas

A woman posing against a wall looking down

Anayah // 35

Marketing Manager for a large music label

Often runs large meetings for her team and stays late several times a month

Searches for her city’s BEST milkshake with her wife

A man wearing glasses and casual clothes looking away from the camera

Jack // 24

Grad student at UCLA finishing up his final year

Enjoys cooking but doesn’t always have time to

Often craves late-night snacks while studying

A man standing in tall grass looking away from the camera

Kai // 28

Works part of the year on the West Coast

Lives in a vacation rental while away from home

Likes to host dinner parties with friends in his spare time

 SITE ARCHITECTURE

Site Map

Wireframe Map

Login/Sign Up Sequence

Main Screens

 UI/UX PROCESS

My process for this app was very iterative and had stopping points throughout for valuable testing and feedback. I started with a very robust idea that needed to be slimmed down and simplified — I wanted the app to be something unique, but had to make sure I wasn’t biting off more than I could chew.

Once all of the branding elements were sorted, I jumped into functionality design, user research, app organization, and eventually prototyping. My research helped me to keep my designs focused on the core functionality and properly cater the end product towards my target audience.

I utilized Illustrator and XD to flesh out my wireframes, often returning back to my site map to add and edit the structure.

In the end, I delivered prototypes full of color and personality. Future iterations might include functionality mockups, specific-case designs, and fully-designed integrations with existing delivery apps.

ICONS

pairfect floating icon in dark blue
Previous
Previous

UTC 2021 BRAND REFRESH

Next
Next

HOTEL CERRO BRAND GUIDE