PIN JUI HUANG (MICKY) 03616573 Graduate School of Web Design & New Media
Presentation Date: 07. 15 .14 l Academy of Art University
PIN JUI HUANG MICKY
WHAT’S A FIXED GEAR BIKE ?
Fixed-gear bikes are single-speed, customizable and light weight bikes. It is the kind of bike that you would like to have one in urban cities.
THESIS ABSTRACT “THE FIXIE” is a computer browser end first website which helps people who wants to make their customized fixed gear bike and pay it with a good price.
RESEARCH 01.
Fixed Gear Bike Riding Population in the United States Source: thisbigcity.net/green-cities-better-bike-lanes
No.2 San Francisco 2,109,000
No. 1 New York 2,480,000
RESEARCH 02.
Cyclists Preference on Three Different Types of Bicycles San Francisco, 2013 Source: www.thefixedgearworld.com
FIXED GEAR BIKE
ROAD BIKE
MOUNTAIN BIKE
RESEARCH 03.
Custom fixed gear bike proportion in San Francisco local bike shop Source: www.thefixedgearworld.com
64% San Francisco local bike shops have customize bicycle service. Within 64% San Francisco local bike shops, only 5% of them also provide online customize bicycle service.
RESEARCH 04.
Why do people like custom fixed gear bike? Source:www.reddit.com/r/AskReddit/comments/gsbtk/why_do_people_ride_fixed_gear_bikes_in_the_city/
Mechanical durability and simplicity
75%
Easy terrain and shorter trips
45%
Fixed gear bike isn't exactly complicated machines
55%
For most city riding, one gear is all you need
30%
Fixed gear bike is the easiest customized bike
80%
COMPETITOR A
MISSION BICYCLE COMPANY PROS
CONS
- Simple and clean user interface. - Basic instructions for each custom link. - Simple customization features bicycle.
- No clear picture or model description bicycle design aspects. - not enough details on every aspect of design bicycle.
COMPETITOR B
BIG SHOT BIKES STORE PROS
CONS
- This website has more fixed gear bikes images on gallery page. - Fo r t h e a s s e m bly o f f i xe d ge a r bicycle feature,has a lot of options.
- User interface is too cluttered - Custom bike page doesn't have enough information
COMPETITOR MATRIX FIXIESTUDIO 3D BIKE MODEL CIRCLE TABLE FUNCTION BIKE PARTS INFORMATION CHOOSE BIKE COLOR UPGRDES BIKE PARTS COMPARE BIKE PRICE
GALLERY MESSAGE SERVICE MOBILE WEBSITE
BIG SHOT
SINGLE BIKES
MISSION BICYCLE COMPANY
THE FIXIE
TARGET AUDIENCES PRIMARY
- New fixed gear bike beginners - 18 - 28 years old - Live in SF - People who want to customize fixed gear bikes - People who want to compare prices from local stores SECONDARY
- People who already have fixed gear bike. Before, they didn’t customize their fixed gear bikes, now they want to customize
DANNY . K
IRIS LIN
JOE RONG
JOE RONG
USER GOALS
27 / San Francisco
- Get a good price
Languages: English, Mandarin
- Easy to use the customize bicycle service
USER TASK FLOW HOME
DESIGN YOUR BIKE
CHECK ORDER DETAILS
ORDER
RATE
COMPARE PRICES
IRIS LIN
USER GOALS
25 / San Francisco
- Get a good price
Languages: English, Mandarin
- Easy to use the customize bicycle service
USER TASK FLOW HOME
SIGN IN
MY SAVED DESIGN
DESIGN YOUR BIKE
ORDER
PROOF OF CONCEPT
THE FIXIE HOME PAGE
DESIGN YOUR FIXIE
INFORMATION ARCHITECTURE HOME
WHAT IS FIXED GEAR BIKE
BIKE SPECIFICATIONS
DESIGN YOUR FIXIE
SIGN IN & VIEW MY PREVIOUS DESIGN
SIGN IN
MY DESIGN
DESIGN YOUR BIKE
SAVE
RATE
COMPARE PRICES
ORDER
TECHNICAL SPECIFICATIONS
3D MAX
Photoshop / Illustrator
& three.js THE FIXIE 3D BIKE BODEL
PHP / JSON
JavaScript & three.js
HTML5 / CSS3
TIMELINE
VISUAL DESIGN RESEACH PROGRAMMING USER TESTING
FALL 2013
SPRONG 2014
SUMMER 2014
WNM 643 Interactive Design & Concepts
WNM 608 Web Technology 1
GLA 676 Pro. Practices for Design & Advertisers
WNM 617 Mobile Web Technology
WNM 617 Topics in Motion Graphics
MIDPOINT
GLA 606 Crossing Borders : Art & Culture in a Global Society
GLA 610 BalancingCreativity & Profitability
REVIEW
VISUAL DESIGN
MOODBOARD
COLOR & TYPE SPECIFICATIONS COLOR SCHEME
R: 065 G: 064 B: 066
C: M: Y: K:
70 63 62 58
R: 231 G: 178 B: 104
C: M: Y: K:
09 31 68 00
BRANDON GROTESQUE ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
R: 214 G: 171 B: 61
C: M: Y: K:
17 32 91 01
R: 000 G: 000 B: 000
C: M: Y: K:
ROCKWELL ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
76 68 68 91
PORTFOLIO
WORK 01.
TYPOGRAPHY POSTER WNM 605 T YPOGAPHY FOR DIG. MASTERS FALL 2012 / Richards, Denise
WORK 02.
INVISIBLES WNM 619 ADVANCED DIGITAL IMAGING SPRING 2013 / Brunsfeld, Michael
WORK 03.
ANIMATE A LOGO WNM 613 TOPICS IN MOTION SPRING 2014 / Ritchie, Michael
WORK 04.
PRODUCT WEBSITE WNM 608 WEB TECHNOLOGY 1 FALL 2013 / Yearley, Jay
THANK YOU