LATE NIGHT CHEESESTEAKS
LATE NIGHT CHEESESTEAKS
LATE NIGHT CHEESESTEAKS
LATE NIGHT CHEESESTEAKS
PROJECT BRIEF:
For the final course of the UX/UI specialization we were tasked with creating a website for a restaurant with a customizable menu.
We focused on our users to inform our concept and overall design for the final product.
PHILLY SLANG:
JAWN:
(Noun) : (Chiefly In Eastern Pennsylvania)
used to refer to a thing, place, person, or event that one need not or cannot give a specific name to.
JEET?:
(Question) : (Chiefly In Eastern Pennsylvania)
Did you eat?
ELEVATOR PITCH:
"Whether You’ve Been Up Late Cramming For Exams Or You’ve Been Partying All Night, Jawns At Dawn Will Make Sure You’ve Got A Full Belly And Your Ready To Take On The Day With Our Delicious Cheesesteaks."
STRATEGY
STRATEGY
STRATEGY
STRATEGY
STRATEGY
STRATEGY
STRATEGY
STRATEGY
TARGET AUDIENCE
ROLES
(Groups of people with similar roles)
-
Late Night Studiers
​
-
Late Night Partiers
​
-
Philly Tourists looking for a cheesesteak.
​​
-
People in the area looking for an affordable and quick meal.
DEMOGRAPHICS
(social characteristics andstatistics of the audience)
-
18+ year olds
​
-
College students
​​
-
Limited income
PSYCHOGRAPHICS
(personality, values, attitudes, interests, lifestyles)
-
Personality & Attitudes:
-
Youthful
-
Easy-going
-
-
Values:
-
Open-Minded
-
Safety
-
-
Lifestyles:
-
Studious
-
Partiers
-
Fast-paced
-
USER PERSONAS
"THE PARTY GUY"
CALEB GREEN (23)
-
Temple University Student that studies Communication.
​
-
Cares more about his social life than his
​
-
Spends his free time partying.
​​
-
“Here for a good time, not a long time.”
"THE GRAD STUDENT"
JESSICA MCDONOUGH (25)
-
Is looking to get her Master’s Degree in Architecture at the University of Pennsylvania.
​
-
Spends late nights in the studio preparing projects and her days working at a local firm.
​​
-
Lives off caffeine
​​
-
Wants to have a successful career in Philadelphia.
"THE NURSE"
JOSEPH RODRIGUEZ (32)
-
Works Night Shift at Thomas Jefferson University Hospital.
​​
-
Loves his job and loves to help people whenever he can.
​
-
Has little free time to himself but loves to explore the city.
​
-
New to the area but is excited to be in Philly.
USER & CLIENT NEEDS
USER NEEDS
THE WEBSITE NEEDS TO ENABLE THE USER TO:
-
Find out if the restaurant delivers to their area
​
-
Order food online
​
-
Be able to see when the restaurant is open.
​
-
Be functional to those who partied a little too hard.
​
-
Be able to track your order and see its location.
​
-
Be able to customize their sandwich.
​
-
Have a good mobile experience, most users would probably be using their phone.
CLIENT NEEDS
THE WEBSITE NEEDS TO ENABLE THE CLIENT TO:
-
To sell food online that will be delivered.
​
-
Provide a system for order customization.
​
-
Emphasize fast service.
​
-
Communicate that the service is reliable.
​
-
Make users aware of their affordability.
OUTLINE OF SCOPE
OUTLINE OF SCOPE
OUTLINE OF SCOPE
OUTLINE OF SCOPE
OUTLINE OF SCOPE
OUTLINE OF SCOPE
CONTENT & FUNCTIONALITY REQUIREMENTS
CONTENT REQUIREMENTS
CONTENT THAT THE USER WILL NEED.
-
Listing of Business Hours
-
Describe the Delivery Radius: Philadelphia
-
Describe Delivery Speed:1 hour or less
-
Food Menu
-
Display Pricing
-
Images of Food
-
About Us Page
-
Contact Us
-
FAQ
-
What is your delivery radius?
-
How much is delivery?
-
Who can I contact for help?
-
FUNCTIONALITY REQUIREMENTS
SYSTEMS THAT WILL ALLOW USER TO ACCOMPLISH TASKS.
-
Create Customized Cheesesteak
-
Protein
-
Cheese
-
Toppings
-
Sides
-
Drinks
-
-
Add items to shopping cart
-
Check out
-
Enter payment info
-
Enter delivery address
-
-
See real-time order status on a map
-
Star Rating System with comments
SITEMAP
SITEMAP
SITEMAP
SITEMAP
SITEMAP
SITEMAP
SITEMAP
SITEMAP
-
Address
-
Phone Number
SORRY YOUSE GUYS AREN'T IN PHILLY.
YES
NO
-
About Us
-
What is your delivery radius?
-
How much is delivery?
-
Who can I contact for help?
-
Customer Star Ratings
WIREFRAMES
WIREFRAMES
WIREFRAMES
WIREFRAMES
WIREFRAMES
WIREFRAMES
WIREFRAMES
WIREFRAMES
UI DESIGN
UI DESIGN
UI DESIGN
UI DESIGN
UI DESIGN
UI DESIGN
UI DESIGN
UI DESIGN
LOOK & FEEL
OVERALL CONCEPT
FUN, BRIGHT AND NOSTALGIC
I wanted to create a fun and youthful design that would reflect the young users using it. I created a cheesesteak mascot as well as introduced other Philadelphia staples to the sites décor to emphasize this feel.
​
The color palette introduces classic diner colors as well as fast food joints to pull the design all together. I kept the site fun with iconography for each item choice for both aesthetic as well as to make it easy for possibly intoxicated users.
COLOR & TYPOGRAPGHY
COLOR PALETTE
#E72631
#1D51A3
#FFC60C
#FAEFE0
TYPOGRAPHY
