Midpoint presentation

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