Yufei McLaughlin's profile

UX / UI - iPhone App

Description:
“Parkit” (an iPhone parking application) is my MFA thesis project. The concept of “Parkit” is to create a real-time parking pilot which helps users to find an open space near destination. The goal is to bring user an efficient parking experience, and to help user not only find a real-time availability of parking spots in San francisco, but also provides user a way to make parking payment and helps user to find the parked car.
There are many parking apps trying to solve parking problems in the city of San Francisco, some are not user friendly while some not visually pleasing. “Parkit” tries to find a solution to both simplify user experience and visual appeal user.  Since different people approach a parking app in different ways, “Parkit” focuses on its primary target audience – people who need a one to two hours street parking space; people who need garage parking and disabled parking are secondary and tertiary users.
 
The whole “Parkit” concept and prototype includes: (all is done by myself)
(1) JQuery Mobile prototype 
(2) InVision click through prototype 
(3) 2 introduction videos and 2 user scenario videos
(4) 2 documentation books ( one is proposal - around 80 pages ; one final - around 100 pages)
 
Skills:
(1) prototype: JQuery Mobile, HTML, CSS
(2) concept video: After Effect, Illustrator
(3) visual design: Photoshop, Illustrator
(4) documentation: Illustrator, InDesign
 
Date:
Dec. 2012
 
 
 
 
 
 
 
 
 
Promotion Video -1 
 
 
 
 
 
 
 
 
Promotion video -2 
 
 
 
 
 
 
 
 
Promotion Video - 3
 
 







Promotion Video - 4























 
 
Progress - Competitor Research
 
 
 
 
 
 
 
 
 
 
 
 
 
Progress - Competitor Research (Analyze Pros and Cons)
 
 
 
 
 
 
 
 
 
 
 
Progress - competitor Matrix - Version 1
 
 
 
 
Progress - competitor Matrix - Version 2
 
 
 
 
 
 
Progress - research - Future Garage Parking
 
 
 
(1) imaging how human / car / phone / garage interact when people arrive in a garage
 
 
 
 
 
(2) imaging how people check out their cars when returung to the garage; how human / phone / car / garage interact
 
 
 
 
 
Progress - Current technology research
 
 
 
 
 
Progress - Current technology research
 
 
 
Progress - infographic / research
 
 
 
 
 
 
 
 
 
Progress - User Research / Interview
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Progress - Personas (Define primary / secondary users)
 
 
 
 
 
 
 
 
 
 
 
 
Progress - Information Architecture (Version 1 - sketch)
 
 
 
 
 
Progress - Information Architecture (Version 2 - Illustrator wireframes)
 
 
 
 
 
 
 
 
 
 
 
 
 
Progress - wireframe sketches (Final version)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Progress - Information Architecture (Version 3)
 
 
 
 
 
Progress - User Task Flow Chart
 
 
 
 
 
Progress - Moodboard development
 
(Mood board version 1)
 
 
 
(Mood board version 2)
 
 
 
(Mood board version 3 )
 
 
 
 
(Mo
 
 
 
(Mood board version 3 )od board version 3 )
 
(Mood board version 3 )
 
 
 
(Mood board version 4 )
 
 
 
 
Progress - visual design guideline / notes
 
 
 
 
 
 
Project timeline : 
 
 
 
 
 
 
 
 
 
 
Final visual designs : 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
UX / UI - iPhone App
Published:

Owner

UX / UI - iPhone App

Some of the screenshots of Parkit - an iPhone application

Published: