e-commerce project

Jean Rojas and Steve West Interface Design eCommerce project

Promote

Message/philosophy

Target Audiences

Objectives

Features

Tone

Categories• Parts• Accessories• Apparel• Resources• EnergySupplements• Degreasers

concept statement

Titles: Trebuchet bold; Bike PartsText: Lucida Bright Accessories Apparel Bags/Cases Baskets Bearing Accessories Apparel Bags/Cases Baskets Bearing Accessories Apparel Bags/Cases Baskets Bearing Accessories Apparel Bags/Cases Baskets Bearing Accessories Apparel

Image References: http://www.the-bicycle.com/mountain-bikes; gettyimages.com; jimlangley.net

Bike Parts USA Moodboard

Shopping Cart

Brand Logos Brand Logos Brand Logos Brand Logos Brand Logos Brand Logos Brand Logos Brand Logos Brand Logos Brand Logos

2 layer subnav 2 layer subnav 2 layer subnav 2 layer subnav 2 layer subnav 2 layer subnav


Item in cart

Item in cart

Item in cart

Item in cart

Main navigation: Parts Accessories Apparel search

check out

Shopping Cart




Item in cart

Item in cart

Item in cart

Item in cart


item specifications menu

check out

item

item

item

item

item

item

item

item

X

Shopping Cart




Item in cart

Item in cart

Item in cart

Item in cart


check out

Xitem tab review tab specs tab

items picture

rating

other items you

might like

item description

Shopping Cart

Item in cart

Item in cart

Item in cart

Item in cart


check out

contact us

send

name (last then first) state

daytime phone number zip code

company country

email comments

address

apt/suite

city

email info telephone info postal mail tracking info

competitive analysis



redesign process

logo process


original logo



Purpose of Analysis

Study web page layoutLo Fidelty Wireframes - how are pages divided (real estate), i.e.: where is the main topic, header, navigation areas?

Navigation and Sub-navigation What are the categories and how are they labeled?

Review the shopping cart process

Client’s websitehttp://www.bikepartsusa.com

Comparative websites:http://www.jensonusa.com

http://www.nashbar.com

http://www.coloradocyclist.com



Competitor 1: Jenson USA



Competitor 2: Bike Nashbar



Competitor 3: Colorado Cyclist



Jenson USA Wireframe



Bike Nashbar Wireframe



Colorado Cyclist Wireframe



Competitors’ Visual NavigationNote: each site has either dropdowns or hovers with

additional categories (too numerous to list)

Main nav:AccessoriesClothingComponentsComplete BikesFramesCustom Build Kits

Sub nav:Outlet StoreOn SaleWomen’s saleNew ItemsFree Shipping

Sidebar:Search by KeywordShop by BrandStore LocationsEventsGift CardsHelp DeskTech LibraryMy AccountOrder Status

Main nav:New DealsLast Chance BarginsGift CardsCycling Clothing

Shoes & PedalsHelmets & SunglassesNutrition & HydrationLights & AccessoriesBike Tools & Transport

Bike TrainersComponents & Bike PartsTires, Tubes & WheelsBikes & Frames



Main nav:AccessoriesClothingComponentsComplete BikesFramesCustom Build Kits

Sub nav:Outlet StoreOn SaleWomen’s saleNew ItemsFree Shipping

Sidebar:Search by KeywordShop by BrandStore LocationsEventsGift CardsHelp DeskTech LibraryMy AccountOrder Status

Competitors’ Visual NavigationNote: each site has either dropdowns or hovers with

additional categories (too numerous to list)



JensonUSA’s Shopping Cart Process

1

2

3

4



Bike Nashbar’s Shopping Cart Process

1

2

3

4

5



Colorado Cyclist’s Shopping Cart Process

1

2

3

4

5


style guide

Titles: Trebuchet bold; 22px;

Subtitles: Trebuchet Bold; 16px;

Body Text: Trebuchet Regular; 14px;

Accessories Apparel Bags/Cases Baskets Bearing Accessories Apparel

Bags/Cases Baskets Bearing Accessories Apparel Bags/Cases Baskets

Bearing Accessories Apparel Bags/Cases Baskets Bearing Accessories Ap-

parel Bags/Cases Baskets Bearing Accessories Apparel Bags/Cases Bas-

kets Bearing Accessories

a: hover Trebuchet bold, Red

a: link Trebuchet bold, Blue

a: visited Trebuchet regular, Gray

#2d72c7

R 45G 114B 199

Solid black #756cb5

R 117G 108B 101

#c1272d

R 193G 39B 45

shop by brand

searchaccessories apparel contact us helphome parts

new items on sale eventsclearance gift cards newsletter

shortcut tip: click on a bike part to find your part

welcome

sign in

create account

order status

Questions?Speak with a

representatives with live chat

shop by brand

searchhome accessories apparel contact us helpparts

bearings

pedals rims shifters spokes stems tires tubes wheelsseat posts

brakes cables chains chainrings fenders gears handlebars hubsbrackets

seatsitems: 0

price: $

cart

check out

Sign In

shop by brand


bearings



seats

all BMX comfort parts polo road trike unicyclemountain

WILDERNESS TRAIL WTB SPEED-V PRO GEL

More Info

$52.98Add to Cart

WILDERNESS TRAIL WTB SPEED SHE PRO GEL

More Info

$52.98Add to Cart

WILDERNESS TRAIL WTB SPEED-V COMP

More Info

$41.98Add to Cart

SELLE ITALIA S/I SLK GELFLOW VANOX TUBE

More Info

$176.38Add to CartAdd to Cart

WILDERNESS TRAIL WTB SPEED SHE COMP 2010

More Info

$41.98

WILDERNESS TRAIL WTB ROCKET-V RACE 2010

More Info

$63.98Add to Cart

ORIGIN8 SADDLE OR8 UL8 RD WHT

More Info

$35.98Add to Cart

CLOUD-9 C9 GF SPT LAD VAR TC-EM10.25x6.75

More Info

$25.98Add to Cart

CLOUD-9 MEN RELIEF GEL BLACK SADDLE

More Info

$21.98Add to Cart

showing 9 of 18 Page 1 2 Next page

items: 0

price: $

cart

check out

Sign In

shop by brand


bearings



seats



Item reviews Specs


Add to Cart

$21.98

Qty 1

Gel Foam material molds to your body, relieving pressure on sensitive areas.

Anatomic relief design.

Front and rear bumpers.

Tri-color emerald top (leather like top with a slightly napped finish to prevent sticking).

items: 1

price: $21.98

cart

check out

CLOUD-9 RELIEF GEL

Seat

$21.98

Qty 1

Sign In

shop by brand


bearings



seats



Item reviews Specs


Add to Cart

$21.98

Qty 0

Gel Foam material molds to your body, relieving pressure on sensitive areas.

Anatomic relief design.

Front and rear bumpers.

Tri-color emerald top (leather like top with a slightly napped finish to prevent sticking).

items: 1

price: $21.98

cart

check out

CLOUD-9 RELIEF GEL

Seat

$21.98

Qty 1

Sign In

searchpartshome accessories apparel contact us help

checkout

sign in

create account

order status



review shopping cart select shipping account information payment information receipt

Cloud-9 Men Relief

Campagnolo Record Crankset

Performance Cool Max SocksLarge (8-10); Grey; 3-pack

11-speed

Black; SaddleBA40967A in stock $21.98 1 $21.98

YCRS1725 in stock $399.99 1 $399.99

SKASTBLK in stock $6.98 2 $13.96

Total: $435.93

To delete an item, enter “0” in the quantity field and click “Update Quantity.”

description item # stock status price qty item total

continue shopping update quanitity empty cart

next


checkout

sign in

create account

order status



review shopping cart select shipping account information payment information receipt

USA shipping rates

UPS Overnight

UPS 2-Day Air

Standard Shipping

Economy Shipping

allow 4 business days for delivery

allow 6-9 business days for delivery

allow 2 business days for delivery

allow 1 business day for delivery $27.95

$20.95

$10.95

FREE

Total: $435.93

your zip code choose your method of shipping by clicking one of the boxes below98374 calculate

next


checkout

sign in

create account

order status



review shopping cart select shipping account information payment information confirmation

billing addressenter the address where you receive your card statement

you can enter a different address for shipping on the next screen

newsletter and catalog qyes, i’m interested in receiving email updates

qyes, I’d like to receive a bike parts usa catalog

create an account

[email protected]

[email protected]

email addressplease enter your email address in the the form of [email protected]

email address

retype email address

passwordcan be between 4 and 10 characters and include numbers, letters, $#

password

retype password

phonethis will be your password to log into your account

000-000-0000

000-000-0000

main phone number

alternate phone number

next

first name

last name

company name

address

city

state

zip code 98374

cancel order


checkout

sign in

create account

order status




redeem gift cardenter the 14 or 16 digit number on the back of the card or your e-gift card email

shipping addressqsame as billing

qshipping to different address

log in or create an account

submit ordercancel order

add this card

payment methodselect one

1 - January

credit card

credit card number

expires

CSV or CVV2 code3 or 4 digit code on the back

or front of your card

2011

amount of payment: $435.93


checkout

sign in

create account

order status




thank you for your purchaseyour items will be shipped in 6-9 business days. confirmation will be sent to your email address

log in or create an account

Cloud-9 Men Relief

Campagnolo Record Crankset

Performance Cool Max SocksLarge (8-10); Grey; 3-pack

11-speed

Black; SaddleBA40967A in stock $21.98 1 $21.98

YCRS1725 in stock $399.99 1 $399.99

SKASTBLK in stock $6.98 2 $13.96

Total: $435.93

print page

shop by brand

searchhome accessories apparel helpcontact usparts

bearings



seats

contact us

first name Choose which way you prefer to contact us.

By emailGeneral information: [email protected] service: [email protected] questions: [email protected]

By telephone (in the USA)Order Placement:Toll free: (877) 727-8731 (10am to 5pm EST Monday - Friday)

Order Tracking, Customer Service:Toll free: (877) 250-3574 (10am to 5pm EST Monday - Friday)

By postal mail800 NE 40th Ct.Oakland Park, FL, 33334

last name

phone number

company

email

address

apt/suite

city

state

zip code

country

comments

Send

welcome

sign in

create account

order status




sources

Bicycle photo (used on home page and throughout site)photographed by Franklyn Rojas Jr., AiS photography student

Bicycle parts/bike chain wheel/crankwww.alibaba.com/product-gs/267774653/Bicycle_Parts_Bike_Chain_wheel_Crank.html

Finger pointing iconhttp://www.fundraw.com/clipart/clip-art/2027/Pointing-Finger/

UPS next day airhttp://www.olivemannashop.com/product/ups-next-day-air-world-wide-saver-shipping-upgrade

Free shipping starbursthttp://www.makethelist.net/5-tips-for-shopping-online/free-shipping/

Shipping truckhttp://www.prosourcepaper.com/

Credit card CSVhttps://secure.actionaid.org.au/appeal.php?code=pak10

Live chathttp://www.newworldlanguages.com/translations.html

Social iconshttp://dirceuveiga.com.br/eg/web2-icons/

Comparison analysis imageswww.jensonusa.comwww.nashbar.comwww.coloradocyclist.com

e-commerce project

Documents

layer subnav2 layer

layer subnav item

descriptionshopping

cartmain navigation

navigation areas

bike nashbarc

trebuchet bold bike

main topic