ecommerce final

57
CHARLESDUVAL/STANLEYJAMES/IM231 V5.1 INTERFACE DESIGN ECOMMERCE PROJECT

Upload: charles-duval

Post on 23-Feb-2016

223 views

Category:

Documents


0 download

DESCRIPTION

Stanley James , and Charles Duval group project

TRANSCRIPT

Page 1: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

INTERFACE DESIGN ECOMMERCE PROJECT

Page 2: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Creative BriefBackground: The company Trading Musician

located in Seattle, Wa has been around for 20+

years offering music equipment to musicians within

the region. As time continues their brand and market

presence seemed to have trouble keeping up and

need guidence with a new design.

Objective: Rebrand of Trading Musician for the future

and a redesign of their existening ecommerce site.

Target Audience: Concious and Aware musicians from

all creeds and backgrounds. Students to Enginners in

the music industry, or simply collectors looking for rare

equipment. Bands on tour, and customers looking for

affordable instrument repair.

Dont forget the customers who are currently making

music , just starting out, or need a new addition to the

studio.

Promise: We promise to revitilize and ignite the brand

and market presence with good design.

Page 3: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

COMPETIVE ANALYSIS

Page 4: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 5: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Georgetown Music Store

Page 6: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 7: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

SITE AUDIT

Page 8: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

HOMEPAGE

Page 9: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

GUITAR SECTION

Page 10: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

ACOUSTIC

Page 11: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

PRODUCT DISPLAY

Page 12: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

CHECKOUT

Page 13: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

The home pagehas many categoires to choose from however the color choices and minimal design loses attention to detail eliminating the users experience during his or her visit. There are too many hyper links leading the user where he probably shouldn’t be headed. The overall design lacks continuity, form and function when compared to the modern user interface standards.

Page 14: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

When selecting an instrument from the gear optionupon selecting the instrument an initialmenu is then presented with a subcategory of that item .

This menu selection can be better defined and organized than having mutiple layersof subcategories to dig through when browing the product.

Page 15: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

The product item menu is then listed afterselecting your category of choice

The product menu seems to lack continuity with spotty image feathering and tiled imagery in the background hurting the users vision.

Page 16: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

After selecting the product you move on to purchase the itemor look at the reviews to inform the customer.

There is actually no way to make a purchase from the siteonly direct emailing can be initialized.

The concept of a having a ecommerce site for a business is to create more revenue for the potentional grow of that business. With this design and inability to make a purchase on the site , the business takes excesive damage in the market.

Page 17: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

MOODBOARD

Page 18: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 19: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

TRADINGMUSICIAN

Page 20: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

The Trading Musician is A full-line music store, offering a wide variety of new, used, & vintage musical equipment in all of their departments. First starting out in 1991 this prosperous music store has been offering musicians what they need for years. This company remains in the low brow, like a special comic book waiting to be auctioned , this store makes all musicians dreams a reality.

However their brand seems to lack customers and online track, and causing their profit margins to run red. They are in need of strategic design to help solve those problems with a new commerce site and brand identity.

Page 21: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Current Logo

Page 22: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

The rebrand consist of a new direction to help attract more customers

while retaing the customer base they have today. This new identity will

not loose the persona of what Trading Musician’s goal is in the world of

music and as a growing business. It will project it louder

than ever. Let the melodies of this brand take action.

CONCIOUS

MELODIC

SUPREME

PRESEVERENCE

INDIVIDUALITY

NOBLE

Brand Pillars

Identity

Page 23: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

LOGO

Page 24: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 25: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 26: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 27: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 28: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

MUSICIANTRADING

MUSICIANTRADING

Page 29: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

MUSICIANTRADING

46px

24px 24px

149px

46px

Page 30: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Majestic Blue #4A5967 Sacred Garden #A6BDB3 Bermington Brown #220F1C Vintage Cream Beige #F3EFBF

The mark represents the brands passion for bringing musicans closer. It signifies more than just an icon describing what they may have in stock .This tells a story of playing in a garage band, or on a stage in front of thousands of people. The people who work here sell instruments, and can actually still play them. We want you to know that. Come to the store and check out products, or partake in an in-store jam session.

The logo’s heirachy represents the importance of the musican in this buisness concept and framework as a brand, and “trading” still within the core of musician.

TW CEN MT REGULARABCDEFGHIJKLMNOPQRSTUVXYZabcdefghijklmnopqrstuvwxyz

ITC OFFICINA SERIF STD - BOOK ABCDEFHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

MUSICIANTRADING

Page 31: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

APPLICATION

Page 32: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 33: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 34: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 35: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

LO-FI

Page 36: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

Page 37: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

128 x 64 Logo

640 x 56

640X140

640X352

320X220 280X132

SHOP USED GEAR VIDEO SEARCH

GUITAR AMPS BASS DRUMS KEYBOARDS LIVE SOUND

NEWS LETTER

HOT DEALS PROMO

640x150FOOTER

SUB NAV BAR

Page 38: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

128 x 64 Logo

640 x 56

640 x 56

465X625

180X200

180X200

180X120

180X70

SHOP USED GEAR VIDEO SEARCH

PRODUCTS

SUB NAV BAR

LABEL

SUB CATEGORIES

BRAND

PRICE

CONDITION

640x150FOOTER

Page 39: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

128 x 64 Logo

640 x 56

640 x 56

640x560

345x250 170x250

250x200

SHOP USED GEAR VIDEO SEARCH

PRODUCT

SUB NAV BAR

LABEL

HEADER

ORDER BOX

TESTIMONIALSPRODUCT INFORMATION

640x150FOOTER

Page 40: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

128 x 64 Logo

640 x 56

640 x 56

640x300

250x200 250x200

SHOP USED GEAR VIDEO SEARCH

PRODUCT

DON’T FORGET

SUB NAV BAR

LABEL

HEADER

SHOPPING CART ORDER FORM

640x150FOOTER

Page 41: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

128 x 64 Logo

640 x 56

640 x 56

640x300

250x200 250x200

SHOP USED GEAR VIDEO SEARCH

PRODUCT

SUB NAV BAR

LABEL

HEADER

ORDER SUMMARY THANK YOU MESSAGE

640x150FOOTER

Page 42: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

LO-FI V.2

Page 43: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

960 x 36

960 x 85

Top Nav

Header

Sub Header

Content Window

Content Window 2

Footer

560 x 80

560 x 55

560 x 230

270 x 155 Content Window 3270 x 155

Page 44: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

960 x 36

960 x 85

Top Nav

Header

Label

Content WindowFilter

Filter 2

Filter 3

Footer

560 x 80

560 x 30

410 x 465

135 x 145

135 x 90

135 x 50

Sub Categories

130 x 145

Page 45: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

960 x 36

960 x 85

Top Nav

Header

Label

Order Window

Thumbnails

Product Information

Footer

560 x 80

560 x 30

290 x 170

245 x 30

560 x 270

Image245 x 140

Page 46: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

960 x 36

960 x 85

Top Nav

Header

Label

Order Window

Thumbnails

Product Information

Footer

560 x 80

560 x 30

290 x 170

245 x 30

560 x 270

Image245 x 140

Page 47: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

960 x 36

960 x 85

Top Nav

Header

Con�rmation Order

Order Window

Thumbnails

Product Information

Footer

560 x 80

560 x 30

290 x 170

245 x 30

560 x 270

Image245 x 140

Page 48: Ecommerce Final

CHARLESDUVAL/STANLEYJAMES/IM231 V5.1

960 x 36

960 x 85

Top Nav

Header

Testimonials

Footer

560 x 80

560 x 230

560 x 200

Con�rmation Window

Page 49: Ecommerce Final

LOGIN / REGISTER VIEW CARTSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

GUITARS AMPS BASS DRUMS KEYBOARDS LIVE SOUND ACCESSORIES

HOT DEALS

Moog little phatty annalog synthesizer$925.00save up to $93.41 (34%)

NEW CLEARENCE USED GEAR

BLACK FRIDAY STARTS NOW!

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

Page 50: Ecommerce Final

LOGIN / REGISTER VIEW CARTSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

Alfred (2)

GUITARS

Acoustic Guitars (648)

Acoustic Electric Guitars (2023)

Classic & Nylon Guitars (879)

Guitar Packages (32)

SUBCATEGORIES

NARROW BY

PRICE

CONDITION

search brand

Adamas (1)

Alvarez (32)

Applause (6)

$25-$50

New(105)Used(420)

$50-$100

$100-$200

Electric Guitar(4056)

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

FENDER AMERICAN DELUXE

STRATOCASTER ELECTRIC GUITAR

FENDER SPECIAL ADDITON

TELCASTER ELECTRIC GUITAR

GIBSON ERIC CLAPTON ACOUSTIC

FENDER RAIDER TELECASTER

ELECTRIC GUITAR

GIBSON DRAGONSLAYER

TALOCASTER ELECTRIC GUITAR

LES PAUL COTTONMOUTH

ELECTRIC / ACOUSTIC GUITAR

LES PAUL STANDARD ELECTRIC GUITAR FIRECASTER ELECTIC GUITAR

GIBSON ELECTRIC GUITAR

STARTING AT

STARTING AT STARTING AT STARTING AT

STARTING AT STARTING AT STARTING AT

STARTING AT STARTING AT $1,199.00

$399.99

$1299.99 $499.99 $1999.99

$399.99 $3,999.99

$2,199.00 $585.99

page:12345 of 202 next

Page 51: Ecommerce Final

LOGIN / REGISTER VIEW CARTSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

640 x 56 LABEL

Fender American Deluxe Stratocaster Electric Coasterproduct#43245 22 reviews / read a review

PLACE YOUR ORDER

GUITARS

ADD TO CART+ 1

2-Years $99

3-Years $199

Protection Plans

$1299.98Total:

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

PRICE $1,199.992-YEAR $99.99

Modern upgrades for a classic icon.

In the newest evolutionary step for the American Deluxe Stratocaster electric guitar, it maintains

its traditional look and feel while introducing upgrades that include three N3 Noiseless single-

coil pickups that still produce their revered sparkle and snap and—with noiseless design—no

annoying hum. The S-1 switching system adds additional pickup combinations beyond those

provided by a standard five-way switch including new combinations of series and parallel wiring

for a dazzling array of tonal choice. The compound radius fretboard that modern guitarists

demand ensures strings won’t fret out even with extreme bending. Other improvements include

the high-mass tremolo block that increases sustain; locking tuning keys; and a molded case with

glass-reinforced latches and TSA locks.

DESCRIPTION

> read a review

+ ADD TO CART 1

Page 52: Ecommerce Final

LOGIN / REGISTERSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

VIEW CART (1)

LABEL

Fender American Deluxe Stratocaster Electric Coasterproduct#43245 22 reviews / read a review

PLACE YOUR ORDER

ADD TO CART+ 1

2-Years $99

3-Years $199

Protection Plans

$1299.98Total:

ONE ITEM ADDED TO YOUR CART

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

PRICE $1,199.992-YEAR $99.99

Modern upgrades for a classic icon.

In the newest evolutionary step for the American Deluxe Stratocaster electric guitar, it maintains

its traditional look and feel while introducing upgrades that include three N3 Noiseless single-

coil pickups that still produce their revered sparkle and snap and—with noiseless design—no

annoying hum. The S-1 switching system adds additional pickup combinations beyond those

provided by a standard five-way switch including new combinations of series and parallel wiring

for a dazzling array of tonal choice. The compound radius fretboard that modern guitarists

demand ensures strings won’t fret out even with extreme bending. Other improvements include

the high-mass tremolo block that increases sustain; locking tuning keys; and a molded case with

glass-reinforced latches and TSA locks.

DESCRIPTION

> read a review

+ ADD TO CART 1

PROCEED TO CHECKOUT

Page 53: Ecommerce Final

LOGIN / REGISTERSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

VIEW CART (1)

Fender American Deluxe

Stratocaster Electric CoasterGuitar $1,199.992-Year Warranty $99.99

$1299.98Total:

REMOVEUPDATE Billing Address:

NameAddress

City State Zip

CC NumberExp Date Security Code

Shipping Address:

NameAddress

City State Zip

Same as billing address

SUBMIT

product#43245 22 reviews / read a review

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

PRODUCT CART CONTENT

CHECKOUT

+ SUBMIT

Page 54: Ecommerce Final

LOGIN / REGISTERSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

VIEW CART (1)

REVIEW YOUR ORDER

Guitar $1,199.992-Year Warranty $99.99

$1299.98Total:

REMOVEUPDATE Billing Address:

NameAddress

City State Zip

CC NumberExp Date Security Code

Shipping Address:

NameAddress

City State Zip

Same as billing address

SUBMIT

ups ground- $18.42

ups 2nd day air- $71.89

ups 3rd day select- $47.99

ups next day air- $131.99

ups free holiday

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

SHIPPING DETAILCART CONTENT

+ SUBMIT

Page 55: Ecommerce Final

LOGIN / REGISTERSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

VIEW CART (1)

PAYMENT

enter the 16 digit code on the front of your card Credit Card

Security Code

Expiraton Date The date your credit card expires.Find this on the front or back of your card

find this on the back of your card.

Guitar $1,199.992-Year Warranty $99.99

$1299.98Total:

REMOVEUPDATE Billing Address:

NameAddress

City State Zip

CC NumberExp Date Security Code

Shipping Address:

NameAddress

City State Zip

Same as billing address

SUBMIT

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

SHIPPING DETAIL

+ SUBMIT

01 11/

Page 56: Ecommerce Final

LOGIN / REGISTER VIEW CARTSEARCH

SHOP USED VIDEOMUSICIANTRADING

CONTACTREPAIR

Trading Musician5908 Roosevelt Way NESeattle, WA 98105(206) [email protected]

Finance Offiers/ManagementService Partners

Order DetailsInternational CustomersView/Request Catalog Email Preferences

About UsTrack Your OrderTestimonialsFAQs

640 x 56 LABELTHANK YOU FOR ORDERING!

YOUR PURCHASE HAS BEEN AUTHORIZED

ORDER #34345453

A MESSAGE HAS BEEN SENT TO YOUR EMAIL

PROVIDE THE ORDER NUMBER TO TRACK

YOUR PURCHASE!

+ CONTINUE

Page 57: Ecommerce Final

MUSICIANTRADING

SHOP USED VIDEO CONTACTREPAIR

BLACK FRIDAY STARTS NOW!

Trading Musician

5908 Roosevelt Way NE

Seattle, WA 98105

(206) 522-6707

[email protected]

Finance

Offiers/Management

Service Partners

Affiliate Program

Order Details

International Customers

View/Request Catalog

Email Preferences

About Us

Track Your Order

Testimonials

FAQs

LOGIN / REGISTER VIEW CARTSEARCH

MUSICIANTRADING

SHOP USED VIDEO CONTACTREPAIR

BLACK FRIDAY STARTS NOW!

Trading Musician

5908 Roosevelt Way NE

Seattle, WA 98105

(206) 522-6707

[email protected]

Finance

Offiers/Management

Service Partners

Affiliate Program

Order Details

International Customers

View/Request Catalog

Email Preferences

About Us

Track Your Order

Testimonials

FAQs

LOGIN / REGISTER VIEW CARTSEARCH

MUSICIANTRADING

SHOP USED VIDEO CONTACTREPAIR

BLACK FRIDAY STARTS NOW!

DRUMSGUITARS AMPS BASS KEYBOARDS

LIVE SOUND ACCESSORIES

Trading Musician

5908 Roosevelt Way NE

Seattle, WA 98105

(206) 522-6707

[email protected]

Finance

Offiers/Management

Service Partners

Affiliate Program

Order Details

International Customers

View/Request Catalog

Email Preferences

About Us

Track Your Order

Testimonials

FAQs

LOGIN / REGISTER VIEW CARTSEARCH

Fender American Deluxe Stratocaster Electric Coasterproduct#43245 22 reviews / read a review

GUITARS

SUBCATEGORIES

Electric

Acoustic

Guitar Packages

CONDITIONSNew

Used

PRICE

$25-$50

$50-$100

$100-$200

BRANDAdamas

Alfred

Alvarez

American Deluxe Stratocaster

$1199.99

GUITARS

PLACE YOUR ORDER

ADD TO CART+ 1

2-Years $99

3-Years $199

Protection Plans

$1299.98Total:

PRICE $1,199.99

2-YEAR $99.99