University Project
UX Designer
12 weeks
Myself
/Project
/Role
/Timeline
/Stakeholders
/Tools
SHKR
SHKR
SHKR
An app for commuters who want food on the go.
An app for commuters who want food on the go.
An app for NYC commuters
who want food on the go.
/project
/project
University Project
University Project
/role
/role
UX Designer
UX Designer
/timeline
/timeline
12 Weeks
12 Weeks
/stakeholders
/stakeholders
Myself
Myself
/tools
/tools
(01)
(01)
(01)
Interview About An
Everyday Experience
Interview About An
Everyday Experience
We begin by finding
an acquaintance
and interview them
about an everyday
experience they have.
We begin by finding
an acquaintance
and interview them
about an everyday
experience they have.
We begin by finding an acquaintance and interview them about an everyday experience they have.
I interview Stephanie,
an acupuncture student.
She commutes to NYC
from Long Island 5
days a week.
I interview Stephanie,
an acupuncture student,
who commutes to NYC
from Long Island 5
days a week.
I Interview Stephanie, an acupuncture student that commutes to NYC from Long Island 5 days a week.
We communicated via
phone call and text
and she described in
detail her journey
that she has to make.
We communicated via
phone call and text
and she described in
detail her journey
that she has to make.
We communicated via phone call and text and she described in detail her journey that she has to make.
(02)
(02)
(02)
Journey Map
Journey Map
Insights & Opportunities
Insights & Opportunites
Insights & Opportunities
Insight: Spending money on food means spending more money than she has.
Opportunity: Can we help her remember to grab everything as she's running out of the door?
Insight: Lack of healthy food availability/affordability is a pain point.
Opportunity: How does she find valuable food at the right time?
Insight: NYC deli's are an amazing resource, albeit not many healthy choices.
Insight: Spending money on food means spending more money than she has.
Opportunity: Can we help her remember to grab everything as she's running out of the door?
Insight: Lack of healthy food availability/affordability is a pain point.
Opportunity: How does she find valuable food at the right time?
Insight: NYC deli's are an amazing resource, albeit not many healthy choices.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
(03)
(03)
Ideation
Ideation
(03)
Ideation
"If this is possible it would be very interesting to see how this would work and how it made the commute less stressful."
Sketch 1 & 2
"This seems like a really viable way to distract from the stress of the commute while being productive"
Sketch 3 & 4
"The Subway is normally super
short on space - would this really
be possible?"
Sketch 5 & 6
Sketches 1 & 2
Sketch 1 & 2
"If this is possible it would be very interesting to see how this would work and how it made the commute less stressful."
"If this is possible it would be very interesting to see how this would work and how it made the commute less stressful."
body filler text body filler text body filler text body filler text body filler text
Sketches 3 & 4
Sketch 3 & 4
"This seems like a really viable way to distract from the stress of the commute while being productive"
"This seems like a really viable way to distract from the stress of the commute while being productive"
Sketches 5 & 6
Sketch 5 & 6
"The Subway is normally short on space- would this really be possible?"
"The Subway is normally short on space- would this really be possible?"
Takeaways
Takeaways
New Yorkers commuting are lacking quality entertainment and engagement with their surroundings.
There is a stunning lack of breakfast options once boarding the train from Long Island to Manhattan.
There is awkwardness and tension in the commute among commuters.
New Yorkers commuting are lacking quality entertainment and engagement with their surroundings.
There is a stunning lack of breakfast options once boarding the train from Long Island to Manhattan.
There is awkwardness and tension in the commute among commuters.
New Yorkers commuting are lacking quality entertainment and engagement with their surroundings.
There is a stunning lack of breakfast options once boarding the train from Long Island to Manhattan.
There is awkwardness and tension in the commute among commuters.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
(04)
(04)
Storyboard
Storyboard
Next I imagine a scenario in which my app would alleviate a stress of Stephanie based off our previous conversation.
Next I imagine a scenario in which my app would alleviate a stress of Stephanie based off our previous conversation.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
(04)
Storyboard
body filler text body filler text body filler text body filler text body filler text
body filler text body filler text body filler text body filler text body filler text
body filler text body filler text body filler text body filler text body filler text
Cindy Paikin
body filler text body filler text body filler text body filler text body filler text
Cindy Paikin
Zeke Leonard
body filler text body filler text body filler text body filler text body filler text
marteen jacob
body filler text body filler text body filler text body filler text body filler text
Zeke Leonard
body filler text body filler text body filler text body filler text body filler text
marteen jacob
body filler text body filler text body filler text body filler text body filler text
(05)
(05)
Concept Testing
Concept Testing
Ideation
Rubber hits road as I test 3 iterations of my concept. One, if the API was physcially installed on the train, another if it was integrated into the train architecture itself, and finally the concept existing on a mobile device.
Rubber hits road as I test 3 iterations of my concept. One, if the API was physcially installed on the train, another if it was integrated into the train architecture itself, and finally the concept existing on a mobile device.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
Testing Solution #1
Since sketches 1 & 2 were along the same route I was afforded the ability to test both options and go from there.
Testing Solution #2
Testing Solution #2
I constructed a row of 2 "seats" with a view of the window with touchscreen capability and a screen for with a 'Train Chat' portal open.
(06)
(06)
Brand Guidelines
Brand Guidelines
I create a brand language and color scheme for the brand to follow.
I create a brand language and color scheme for the brand to follow.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
(06)
Brand Guidelines
(07)
(07)
(07)
Information Architecture & User Flow
INFORMATION ARCHITECTURE
& SITEFLOW
Information Architecture & User Flow
(06)
App Flow
I further layout the inner workings of the application. What actions will a user take? What function does each area serve? Is there overlap? what fat can be trimmed?
I further layout the inner workings of the application. What actions will a user take? What function does each area serve? Is there overlap? what fat can be trimmed?
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
Information Architecture
Information Architecture
Information Architecture
User Flow
User Flow
User Flow
(08)
(07)
Wireframe
Wireframe
I sketch what each individua screen will look like and how the information will be laid out.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
(08)
v1 Prototypes
body filler text body filler text body filler text body filler text body filler text
Cindy Paikin
body filler text body filler text body filler text body filler text body filler text
Cindy Paikin
Zeke Leonard
body filler text body filler text body filler text body filler text body filler text
marteen jacob
body filler text body filler text body filler text body filler text body filler text
Zeke Leonard
Zeke Leonard
body filler text body filler text body filler text body filler text body filler text
marteen jacob
body filler text body filler text body filler text body filler text body filler text
(09)
Version 1 Prototype
(08)
v1 Prototypes
A rough sketch of what the app will look like. Button placement, testing how my wireframe works in real time.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
Login
Login
Homepage
Homepage
body filler text body filler text body filler text body filler text body filler text
Wayfinding
Wayfinding
body filler text body filler text body filler text body filler text body filler text
Confirm Nav
Route Options
Meal Finding
Grubfinding
Push Notifications
Push Notifications
body filler text body filler text body filler text body filler text body filler text
Cindy Paikin
body filler text body filler text body filler text body filler text body filler text
Cindy Paikin
Zeke Leonard
body filler text body filler text body filler text body filler text body filler text
marteen jacob
body filler text body filler text body filler text body filler text body filler text
Zeke Leonard
Zeke Leonard
body filler text body filler text body filler text body filler text body filler text
marteen jacob
body filler text body filler text body filler text body filler text body filler text
4 Major Adjustments
4 Major Adjustments
4 Major
Adjustments
Meal Finding function needs to better data visualization.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
Homepage layout needs to be more dynamic.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
Traffic reporting needs to be readily available during the process.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
Newsfeed should be more centered around commuter updates.
body filler text body filler text body filler text body filler text body filler text body filler text body filler text body
(10)
(10)
Final Design
Final Design
Design System
Connect your site to the most popular apps out there.
Edgecases
Add effects with a few clicks and capture your audience’s attention when they land on your website.
Design & Layout
Design your site on a familiar free-form canvas. Visually set up your breakpoints to make it responsive.
Style Guide
Visually structure your pages and link to them easily.
(11)
(11)
Video
Video