Redesign of a website

19
Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos Website Proposal Vintage Martini

description

Me and a parter redesined a horrible website, but now they did update the site, however, we had our own spin on the website.

Transcript of Redesign of a website

Page 1: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Website Proposal

Vintage Martini

Page 2: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Case Study

Vintage Martini is a Dallas based, vintage clothing retailor that deals in high-end vintage fashion from major brands. Our goal is to redesign the Vintage Martini website to make it easier for the audience to navigate, contact, and purchase vintage fashion from their online store. We are also determined to give the site a more refined and estheticly pleasing overall look and feel.

Background Vintage Martin is a Dallas based vintage clothing retailer that has been on line since 1999.

Target Audience Adult men and women who enjoy the elegance of high-end fashion from a different eras in history. The audience knows where fashion plays into it.Users are people who under-stand how vintage is worn today and how searching through vintage clothes is an art from. These people know vintage pieces can add a certain touch to any outfit.

Objectives To give the target audience an easy to maneuver, pleasant exper ience with an opt ion to purchase vin-tage fashions on the Vintage Martini site.

Obsticles To create a new logo that fits the company better than the one being used on the site. To create a standardized naviga-tion system that helps tie the site together from one page to the next. Create a place where you can purchase items on-line, the current site only has contact information for this. To make all the necessary changes for improving the site while giving it the vintage fashion look and feel.

Key Benefits Once the site is redesigned, it will improve the usabili-ty for the target audience, improve online sales and in-crease the profit margin for the company.

Supporting Statement The Vintage Martini site at this time is very diff icult to maneuver. The navigation bar is placed at the bottom of most pages, but varies from page to page. There is nowhere to purchase vintage clothing from the actual site. The overall user experience of the site is very bad and we hope to improve that with our redesign.

Toneto reflect the quality of the clothing they sell. People who shop vintage clothing are well educated on the styles, and they know what they are looking to buy. The tone should show off the fashion trends that are coming out of dormancy and becoming trendier then before.

Page 3: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Vintage Martini Before

Page 4: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Vintage Martini Now

Page 5: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Competitive Analysis

marketplace.asos.com atticclothes.com nastygal.com/ Vintage Martini

Color Scheme Black & Maroon

Yes

Primary in top bar

Yes

Yes

Yes

No

No

Yes

Black on White

Yes

Primary on mid-uper left

Yes

Yes

Yes

Yes

Yes

Yes

White & Pink

Yes

Primary fills image width

No

Yes

No

No

No

Yes

Black, Grey, & Red

No

No primary

Yes

No

No

Yes

Yes

No

Image Oriented

Nav

Sell to Co.

Soical net work

Search Function

Vintage for men

By Era

Account

Page 6: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Mood Board

Page 7: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Style Guide

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789

Paper texture

Blue Accent #526295

Muted Yellow#FEE395

Page 8: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Sketches

Page 9: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Wire Frames

Page 10: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

Site Map

Page 11: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

40%

All Sale Items up to

Summer B o H o O u t f i t s

Trendy

Off

Unique Items

for Back to

School

BRING CLASSY BACKVariety of Textures, Vintage Suits

VINTAGE ACCESSORIES 25% off

on selected styles & brands

Sign in | Not a member? Sign up. It’s Easy

Page 12: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

40%

All Sale Items up to

Summer B o H o O u t f i t s

Trendy

Off

Unique Items

Back to School

BRING CLASSY BACKVariety of Textures, Vintage Suits

VINTAGE ACCESSO-RIES 25% off

On selected styles & brands

Sign in | Not a member? Sign up. It’s Easy

Email

Already a Vintage Martini member? Sign in:

Password

Sign inForgot password?

Ready to Join? Create Account;

Name

Password

Create

Re-enter Password

Email

I agree to the TOU, to receive newsletters & promotions via email.

Page 13: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

MENS

All

Tops

Bottoms

Apparel

All Time Periods

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

Victorian

Edwardian

1920s

1930s

1940s

1950s

1960s

1970s

1980s

View Cart | Check Out

Ivory Wool Knickers1920s

$85 View More. . .

Page 14: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

Add To Bag

View Cart | Check Out

Size Small

1920’s Knickers in a ivory wool with a check board pattern. But-ton closure and button fly. Belt loops around the waistband. Inset pockets on the sides and button closing inset pockets on the back. The pants are full through the legs and end in pleats at the leg bands. Tab and buckle closures.

Condition: Fabulous. One pea size yellow stain next to the fly, just beneath the waistline.

1920’s Ivory Wool Knickers

$85. 00

Page 15: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

My Bag

1920’s Ivory Wool Knickers

With a check board pattern. Button closure and button fly. The pants are full through the legs and end in pleats at the leg bands.

Blue D&G Tee

Blue cotton, long sleeve T-shirt. Insert applique work across the front says, “Sex Tutor”. Screen printed underneath says, “Better do it 7 times a week”. Original Neiman Marcus

Grey Ombre Kit Cardigan

Cotton knit cardigan with button closures down the front and deco-rative seams on either side. The color fades from a light gray, ombres to a dark bluish gray on the bottom.

$85. 00

$75. 00

$45. 00

Amount

Amount

Amount

Total $37. 00

Check Out

Page 16: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

Check Out

1920’s Ivory Wool Knickers

Summery

(3) Items Coming to a total of $37.00

Blue D&G Tee

Grey Ombre Kit Cardigan

Edit Order

Shipping Information

Full Name

Address Line 1

Street address or P.O. box

Address Line 2

Apt. , suite, unit, building,, ect..

City

State, Province, Region

Zip Code

Country United States

Phone Number _ _

Next > Save this shipping address to my account.

Double check your information. Make sure everything is correct before moving forward to the payment options. And always print out your receipt after order is complete.

Use a preexisting shipping address

None Available

Save Information

Shipping Information > Payment Option > Place Order

Page 17: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

Check Out

1920’s Ivory Wool Knickers

Summery

(3) Items Coming to a total of $37.00

Blue D&G Tee

Grey Ombre Kit Cardigan

Edit Order

Payment Options

Credit or Debit Card

Address Line 1

Street address or P.O. box

Address Line 2

Apt. , suite, unit, building,, ect..

City

State, Province, Region

Zip Code

Country United States

Next > Save this card to my account.

Saved Cards

None Available

Save Information

Card InformationCard Number

01 13Card Name

Card Address Same as Shipping Address

Shipping Information > Payment Option > Place Order

Page 18: Redesign of a website

LADIES MENS TRANSFERSPATTERNS

ABOUT • EVENTS POLICES• CONTACT • HOURS • LOCATION • SELL CLOTHING

Check Out

1920’s Ivory Wool Knickers

Summery

(3) Items Coming to a total of $37.00

Blue D&G Tee

Grey Ombre Kit Cardigan

Edit Order

Place Order

Credit or Debit Card

Mailing AddressJoe Bob000 Street St.Seattle, WA 98555

Finalize Transaction

Save Information

Card Information

Card Number01/13

Card Name

****4444

Joe Bob

Expiration Date

Edit

Edit

Print Receipt

Place Order of;

$70 Total with Shipping and handling Fee

1920’s Ivory Wool Knickers (1)Blue D&G Tee (1)Grey Ombre Kit Cardigan (1)

Shipping Information > Payment Option > Place Order

Page 19: Redesign of a website

Interface Design | 08.15.2012 | Steven Gibeau & Jessica Ceballos

http://charmschoolvintage.com/2012/07/electric-frenchie-look-book/http://charmschoolvintage.com/2012/07/electric-frenchie-look-book/http://charmschoolvintage.com/2012/02/hells-angels/biker-babes-033/http://charmschoolvintage.com/2012/01/jess-williamsons-picks/jess-001/http://www.layoutsparks.com/1/122301/friends-vintage-layout-collage-31000.htmlhttp://charmschoolvintage.com/2012/08/shallow-depths-look-book/http://hdw.eweb4.com/out/415744.html(Splatter)http://charmschoolvintage.com/2012/07/happy-camper/018-12/ (back to school image)http://www.youworkforthem.com/image/E1911/industry-typographyhttp://pinterest.com/pin/255157135109157422/http://www.pinstripemag.com/2010/03/farah-vintage-2010-springsummer-short-suits.html

Work Cited