fireworks gallery website redesign

29
Fireworks Gallery Redesign Bri Drose | Jenn Chaput Interface Design

Upload: jenn-chaput

Post on 06-Mar-2016

262 views

Category:

Documents


1 download

DESCRIPTION

Fireworks Gallery Website Redesign

TRANSCRIPT

Page 1: Fireworks Gallery Website Redesign

Fireworks Gallery RedesignBri Drose | Jenn ChaputInterface Design

Page 2: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

PROJECT STATEMENT

Client: Fireworks Gallery

Background: Fireworks Gallery began in 1985 in Pioneer Square, Seattle featuring the work of local artists. It has since grown to have several galleries in the area that features work from over 300 artists and studios. Their motto is “Celebrating art in life.”

Objective: Redesign the website to match the creative atmosphere of the physical gallery as well as simplify the online shopping process by reorganizing the products and cleaning up the design.

Target Audience: Late 20’s and up as well as actively social individuals.

Obstacles: The large product line could make organization and simple navigation tricky. It will also need to be tailored to a large audience.

Tone: Trendy, quirky, and creative.

Media: Web, option of mobile responsive design.

Page 3: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

COMPETITIVE ANALYSIS

Page 4: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

COMPARISON CHART

Search

Navigation

Social Media

Social Media Location

Account

Locations

Newsletter

Contact

Cart Locaiton

Order - Ship

New

Sale

Product Columns

Logo

Bottom

Top Right

Top

Bottom Right

Customer Service

Top Right

Customer Service

Upper Left

4

Top Right

Yes

Yes

No

No

Bottom

-

Top

Bottom

Upper Left

2

No

Yes

-

-

-

-

-

-

Bottom

Top Right

Top

Bottom Left

Help

Top Right

Account

Upper Left

4

Top Right

No

Yes

Yes

Top Right

Top

Top

Left

Bottom

Bottom

Top Right

Bottom

Upper Left

3

Top Left

Yes

Yes

Yes

Bottom

Page 5: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

The home page for Fuego is clean and organized with a background texture that matches the branding of the store. The colors are warm and inviting without being disracting.

The home page for Archie McPhee has a strict grid layout that is very clean. The rounded corners help reduce tension and allow movement through the grid. The front image is a gallery that allows for four different messages as well as their top categories underneath without it getting overly cluttered or messy.

The top navigation has dropdowns but only on some of the categories, which is confusing. The account navigation is too close to the edge of the window.

However, the top navigation bar is messy and detracts from the overall look. The tabs are a lost opportunity as they are simply navigational buttons and not actually tabs in the sense that they connect to the page.

HOME PAGES

Page 6: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

The shopping cart page for Fuego is easier to read than Archie McPhee’s because there is less content on the page. At the top of the page the check-out progress is stated, and there is an option to calculate what the tax fees are going to be. The option to check out as a guest or to sign in is offered from the start whereas the Fireworks website has a separate page for signing in.

The shopping cart page for Archie McPhee is cluttered and does not have very good hierarchy. Their message about the free gifts is ill-placed and highly distracting in a negative way. The design is consistent with the website’s style, very gridlike, but the hierarchy is failed because all parts are around the same size with even spacing, which makes it hard to distinguish one section from another.

CART PAGES

Page 7: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

MOOD BOARD

Page 8: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

PROCESS

Page 9: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

PROCESS

Page 10: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

OLD CATEGORIES

Jewelry - Dogeared - Gem Stones - Gold & Mixed Metals - Holly Yashi - Inspirational - Mosaic - Silver Seasons - Sterling Silver - Thomas Mann - Trend & Fashion - Victorian Inspired - Watches

Home & Lighting - Barware - Bath Accessories - Candles & Votives - Clocks - Food & Drink - Frames & Albums - Garden & Yard Ornaments - Home Decor - Jewelry Boxes & Trees - Kitchen & Tabletop - Nightlights & Lighting - Pets

New - Apparel & Accessories - Beauty & Personal Care - Books, Journals & Music - Everything Kids - Handbags & Luggage - Holiday & Special Occasion - Home & Lighting - Jewelry - Work Space & Tech Gear

Clearance - Apparel & Accessories - Beauty & Personal Care - Books, Journals & Music - Everything Kids - Handbags & Luggage - Holiday & Special Occasion - Home & Lighting - Jewelry - Work Space & Tech Gear

Books, Journals & Music - Bookmarks & Magnifiers - Cards & Enclosures - Children’s - Cookbooks - Home & Garden - Humor - Inspirational - Journals & Planners - Music

Men's - Apparel & Accessories - Beauty & Personal Care - Books, Journals & Music - Everything Kids - Handbags & Luggage - Home & Lighting - Jewelry - Work Space & Tech Gear

Holiday &Special Occasion - Christmas - Halloween - Ornaments - Special Occasions - Thanksgiving & Fall Decor - Wedding

Apparel & Accessories - Belts & Apparel - Eyewear - Gloves - Hair Accessories - Hats & Scarves - Socks & Footwear

Work Space &Tech Gear

- Desk Supplies - Office & Organization - Tech Gear

Everything Kids - Apparel - Children’s Accessories - Furnishings - Toys & Games

Beauty & Personal Care - Bath & Body - Nail Polish & Care - Perfumes

Gift Cards

Page 11: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012

New- Trending

Seasonal- Holiday

Entertainment- Toys- Games- Books- Music

Home & Office- Lighting- Bath- Dining- Kitchen/food- Desk/ Office- Garden- Accessories

Tech- Music- Phones/iPads/Tablets- Computer

Jewelry- Necklaces- Earrings- Rings- Watches- Charms- Bracelets- Storage

Fashion & Gear- Women- Men

-- Shoes-- Gloves-- Hair-- Belts-- Socks-- Hats

Children- Apparel- Accessories- Toys & Games- Furnishings

Sale

NEW CATEGORIES

Page 12: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FaQsnewsletter social media

Featured

Featured

Article blurb

promo

blurb

new

search

shop sale cart (0)

log in/account

Go!

surprise!

new

tech

seasonal

jewlery

entertainment

Fashion & Gear

home & oFFice

children

sale

Page 13: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FaQsnewsletter social media

shop

sort byshop cateGories surprise!

browse products

product $_ product $_ product $_ product $_

paGe

new

search

shop sale cart (0)

log in/account

Go!

surprise!

new

tech

seasonal

jewlery

entertainment

Fashion & Gear

home & oFFice

children

sale

Page 14: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FaQsnewsletter social media

promo code

check out

check out

subtotal: $__product nameprice: $__ Qty: __

product nameprice: $__ Qty: __

product nameprice: $__ Qty: __

remove From cart

remove From cart

remove From cart

X

X

X

product details

product details

product details

shoppinG cart

new

search

shop sale cart (0)

log in/account

Go!

surprise!

new

tech

seasonal

jewlery

entertainment

Fashion & Gear

home & oFFice

children

sale

Page 15: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012ABOUT PRIVACYCONTACT MY ORDERSLOCATION FAQSNEWSLETTER SOCIAL MEDIA

NEW SHOP SALE CART (0)

log in/account

CONTINUE

ADDRESS

SEATTLE

X

NAME

ADDRESS

SHIPPING INFORMATION SHIPPING SPEED

98121

PHONE #

WA

USA

STANDARD

EST. SHIPPING COST

2-DAY

VALUE

SEARCH GO!

SURPRISE!

NEW

TECH

SEASONAL

JEWLERY

ENTERTAINMENT

FASHION & GEAR

HOME & OFFICE

CHILDREN

SALE

Page 16: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012ABOUT PRIVACYCONTACT MY ORDERSLOCATION FAQSNEWSLETTER SOCIAL MEDIA

NEW

SEARCH

SHOP SALE CART (0)

log in/account

GO!

SURPRISE!

NEW

TECH

SEASONAL

JEWLERY

ENTERTAINMENT

FASHION & GEAR

HOME & OFFICE

CHILDREN

SALE

CONTINUE

ADDRESS

SEATTLE

X

NAME

ADDRESS

BILLING INFORMATION

98121

PHONE #

WA

USA

CARD NUMBER

CVC

CARD TYPE

EXPIRATION

Page 17: Fireworks Gallery Website Redesign

Jenn Chaput Bri Drose| Fireworks Gallery | IM231 | Fall 2012ABOUT PRIVACYCONTACT MY ORDERSLOCATION FAQSNEWSLETTER SOCIAL MEDIA

NEW SHOP SALE CART (0)

log in/account

GO!

PURCHASE

REVIEW

PROMOTION

TAX

SUBTOTAL

SHIPPING

TOTAL

REMOVE FROM CART

REMOVE FROM CART

REMOVE FROM CART

X

X

X

PRODUCT DETAILS

PRODUCT DETAILS

PRODUCT DETAILS

BILLINGSHIPPING

SEARCH GO!

SURPRISE!

NEW

TECH

SEASONAL

JEWLERY

ENTERTAINMENT

FASHION & GEAR

HOME & OFFICE

CHILDREN

SALE

Page 18: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FAQsnewsletter social media

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

voted #1 g ift shop

Featured Artist: Holly Yashi-Jewelry Designer

Tis the season to give giftcards

“When Paul suggested we start a jewelry business I agreed. We transformed a one-car garage into our studio and started creating jewelry that was built on craft, creativity and innovation. I had no idea that decision would change the whole course of my life, and give me the opportunity to create jewelry that would inspire and excite women around the world. I am forever humbled, motivated and committed to keeping you, the collector, surprised and entertained by consistently giving you something new, something never done or worn before. Continue Reading

Jo in our newslet ter

Fa la la la la la la la laGift cards are the perfect gift for everyone on your list! Values from $25-100 available. Shop now

Page 19: Fireworks Gallery Website Redesign

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

Shop

Sort by Page/AllShop categories Surprise me!

New & Trending

Shop categories

new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

Glass PumpkinPrice: $42

Fern & Flower ScarkPrice: $42

Chocolate Orange OwlPrice: $20

Rockin Reindeer HeadbandPrice: $14.50

Page 20: Fireworks Gallery Website Redesign

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

Shop

Shop entertainment

Browse products SHOP Toys

new

seasonal

entertainment- toys- games- books- music

home & office

tech

jewelry

fashion & gear

children

sale

Sort byShop categories Surprise me!

Browse products

Bucky Balls MagnetsPrice: $30

Guyzer & Bean RobotPrice: $16.50

Mischief Maker's Awesome ManualPrice: $20

Awika! Wind-UpPrice: $14.50

Page/All

Page 21: Fireworks Gallery Website Redesign

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

SHOP Toys

new

seasonal

entertainment- toys- games- books- music

home & office

tech

jewelry

fashion & gear

children

sale

Bucky Balls MagnetsPrice: $30

Talking Heads: The Best of Talking HeadsPrice: $26.50

Guyzer & Bean RobotPrice: $16.50

Ping Pong Table SetPrice: $18.50

Mischief Maker's Awesome ManualPrice: $20

Ultra Dance Vol. 11Price: $28.50

Awika! Wind-UpPrice: $14.50

Bad Cat BookPrice: $9.95

Sort byShop categories Surprise me!

Browse products

Page/All

NextPrevious

about privacycontact my orderslocation FAQsnewsletter social media

Page 1 of 10

Page 22: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FAQsnewsletter social media

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

Cart (0)

Check out!

Subtotal: $113.50Mix it Up Wall ClockPrice: $68 Qty: 1

Mustache Adhesive BandagesPrice: $5.50 Qty: 1

Furnace StarlightPrice: $40 Qty: 1

Remove from cart

Remove from cart

Remove from cart

X

X

X

Product details

Product details

Product details

Shopping cart

Promotion code

As guest/member

Go!new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

Check out!

Page 23: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FAQsnewsletter social media

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

Cart (0)

Shipping Information

new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale Edit

Bri Drose

123 West St.

Address Line 2

Seattle

WA

98121

USA

123-456-7890

Address

Shipping Speed

2-Day Shipping

Standard Shipping (3-5)

Value Shipping (7-10)

Estimated Shipping $5.95

Continue

Page 24: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FAQsnewsletter social media

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

Cart (0)

Billing Information

new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

Jenn Chaput

123 East St.

Address Line 2

Seattle

WA

98121

USA

012-345-6789

Visa

xxxx-xxxx-xxxx-1234

05 2014

456

Payment Method

Edit

Continue

Page 25: Fireworks Gallery Website Redesign

about privacycontact my orderslocation FAQsnewsletter social media

New

Search

Shop Sale Cart (3)

log in/account

Fireworks

Go!

Surprise me!

Cart (0)

Review

new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

Subtotal: $113.50

Promotion Applied 15% Off

Total: $110.70

Ship to

Bri Drose123 West St. Seattle, WA 98121

Standard Shipping

Jenn Chaput123 East St. Seattle, WA 98121

Bill to

Visa ending in 1234

Standard Shipping $5.95

Purchase!

Mix it Up Wall ClockPrice: $68 Qty: 1

Mustache Adhesive BandagesPrice: $5.50 Qty: 1

Furnace StarlightPrice: $40 Qty: 1

Tax $8.28

Page 26: Fireworks Gallery Website Redesign

Fireworks

Menu Cart

Jo in our newslet ter

privacycontact

my orders

location

FAQs

Tis the season to give giftcards

Sale items

Fa la la la la la la la la Gift cards are the perfect gift for everyone on your list! Values from $25-100 available. Shop now

Email Join!

Search Go!

Fireworks

Menu Cart

Jo in our newslet ter

Tis the season to give giftcards

Fa la la la la la la la la Gift cards are the perfect gift for everyone on your list! Values from $25-100 available. Shop now

Email Join!

Search Go!

Page 27: Fireworks Gallery Website Redesign

Fireworks

Menu CartSearch Go!

Mix it Up Wall ClockPrice: $68 Qty: 1

Mustache Adhesive BandagesPrice: $5.50 Qty: 1

Furnace StarlightPrice: $40 Qty: 1

Remove from cart

Remove from cart

Remove from cart

X

X

X

Product details

Product details

Product details

Shopping cart

Fireworks

Menu Cart

privacycontact

my orders

location

FAQs

Search Go!

Mix it Up Wall ClockPrice: $68 Qty: 1

Mustache Adhesive BandagesPrice: $5.50 Qty: 1

Furnace StarlightPrice: $40 Qty: 1

Remove from cart

Remove from cart

Remove from cart

X

X

X

Product details

Product details

Product details

Shopping cart

Check out!

Subtotal: $113.50

Promotion code

As guest/member

Go!

Page 28: Fireworks Gallery Website Redesign

Cart (0)SaleShopNew

new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

Search Go!

Surprise me!

log in/account

about privacycontact my orderslocation FAQsnewsletter

Featured Artist: Holly Yashi-Jewelry Designer

Tis the season to give giftcards

“When Paul suggested we start a jewelry business I agreed. We transformed a one-car garage into our studio and started creating jewelry that was built on craft, creativity and innovation. I had no idea that decision would change the whole course of my life, and give me the opportunity to create jewelry that would inspire and excite women around the world. I am forever humbled, motivated and committed to keeping you, the collector, surprised and entertained by consistently giving you something new, something never done or worn before. Continue Reading

jo in our newslet ter

Fa la la la la la la la laGift cards are the perfect gift for everyone on your list! Values from $25-100 available. Shop now

Fireworks

Page 29: Fireworks Gallery Website Redesign

Fireworks Cart (0)SaleShopNew

Check out!

Check out!

Subtotal: $113.50Mix it Up Wall ClockPrice: $68 Qty: 1

Mustache Adhesive BandagesPrice: $5.50 Qty: 1

Furnace StarlightPrice: $40 Qty: 1

Remove from cart

Remove from cart

Remove from cart

X

X

X

Product details

Product details

Product details

Shopping cart

Promotion code

As guest/member

Go!new

seasonal

entertainment

home & office

tech

jewelry

fashion & gear

children

sale

Search Go!

Surprise me!

log in/account

about privacycontact my orderslocation FAQsnewsletter