26
E-COMMERCE REDESIGN PROJECT Natalia Deen, Laura Murdock & Tommy Gonzales

Website PDF

Embed Size (px)

DESCRIPTION

PDF for theKnot.com

Citation preview

Page 1: Website PDF

E-COMMERCE REDESIGN PROJECT!Natalia Deen, Laura Murdock & Tommy Gonzales!

Page 2: Website PDF

Project Statement!Company: TheKnot.com is an commerce site online that caters to Brides intending to plan a wedding. The site offers many different services including (and not limited to) searching, comparing, and purchasing; wedding gowns, dresses, honeymoons, vendors, invitations, save the dates, thank you cards, rentals, rings, tux rentals, websites, flowers, and tickets. The website allows the user to become a member and log in so that all of their planning can be organized and easily gathered in one place. !Problem: The problem with TheKnot.com is that since there is so much that the user can do with this site and so many things to purchase the homepage (among other pages) is over cluttered and very claustrophobic. When trying to locate certain things on the site or to log in- the busyness  creates confusion. The site seems to replicate/mirror the bride’s anxiety. !Opportunity: With a redesign of the home page and some organization there is opportunity to clean up the confusion and help the user (bride) have a nice, stress free experience that won't leave her pulling her hair out. !Solution: The home page has far too many navigation options, they should be simplified and consolidated. There should be an option for "one stop shop" for brides who want it all and also broad options for brides looking to browse. The login should be obvious and easy to use. This can be done by eliminating unneeded options and navigation on the home page.!!Tones: Clean, relaxing, organized, energized, enjoyable.!

Page 3: Website PDF

User Personas!Lindsay the Bride (23): Lindsay needs theKnot to organize all her wedding plans. TheKnot provides her with inspiration, options, and a way to organize exactly what she wants without cluttering her mind any more than it already is in this stressful time. She enjoys using theKnot because when her friends and family bombard her with questions, she can send them to her website instead of trying to converse with each and every one of them about what she wants or what they can do to help.!!Brad the Groom (27): Brad is super excited to get married, but this whole planning business kind of baffles him. He knows his wonderful fiancé is a little overwhelmed so he’s glad theKnot is there to help. He can easily do his part by picking out groomsmen gifts and even personalizing them if he wishes and adding these to Lindsay’s website. He enjoys theKnot because it doesn’t only speak to the bride and he can find gifts even his most boyish friends can enjoy. !Mary the Bride’s Mother (50): Mary is beyond excited for her beautiful young daughter to finally get married. She is determined to help her daughter plan every aspect of the wedding, and cannot stop giving her opinions of what young Lindsay should do. TheKnot is good for her (and probably more so the bride) so they can both work together to plan certain things, without Mary stopping in on the bride-to-be every two days to give her ideas.!

Page 4: Website PDF

Competitive Analysis

MarthaStewart Weddings.com

Sea Green & Coral

Reminds me of hospital colors & certainly not the joy of your wedding.

San-Serif

Clean & professional looking, however some light blue text on white can be hard on the eyes.

Top navigation bar makes it fairly easy to navigate however some titles are a bit misleading and there’s no way of tracking where you’ve been.

Brides.com

Grey, White & Black

Definitely has a clean feel, but it seems a bit industrial or business-like for a wedding site.

Serif & San Serif

Fairly elegant looking. Gives impression of “high-class”. Reasonable contrast.

The tabbed top navigation bar seems as though it would be easy to use but once you’re on individual pages there are just way too many options.

JustWeddings.org

Dark Blue & Teal

Fairly calming which is good for this stressful time, however they don’t compliment each-other very well.

Script, San-Serif & Serif

Cluttered/ill-advised. Too many options in a small space. Doesn’t look professional.

There are multiple navigation systems, including a huge list to the left side. Its very confusing, there is however a breadcrumb trail which helps.

MyWedding.com

Hot Pink & Light Pink

Tailors to the “girly-girl” instead of leaving it open for the rest of the party. Overbearing with no accent colors

San-Serif

Basic but clean. Some areas have a bit too thin of a stroke so it’s a bit difficult to read.

The top navigation drops down and makes finding things pretty easy, however you have to be a member of the site which is really difficult.

Website Colors Text Usability

Page 5: Website PDF

Mood Board!

Page 6: Website PDF

Initial Ideas!

Page 7: Website PDF

Thumbnails & Sketches!

Page 8: Website PDF

Thumbnails & Sketches Continued!

Page 9: Website PDF

Wireframes!

Page 10: Website PDF

AD SPACE

Items recent users/people enjoy/purchased

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up

Cart

description description description description description

footer

Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

940px x 32px

580px x 375px

580px x 80px

100px x 19px

280px x 650px

960px x 120px

Page 11: Website PDF

AD SPACE

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine Cart

280px x 650px

940px x 32px

footer960px x 120px

700px x130px

The Knot Wedding Shop Shop Search 220px x 42px

70px x 35pxShop Nav by category with drop down

Apparel Bridal Party Gifts Ceremony Color Design Invitations Personalized Reception Season Showers & Events Wedding Favors Sale

580px x 375px

Showcase images of sales

Page 12: Website PDF

AD SPACE

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine Cart

280px x 650px

940px x 32px

footer960px x 120px

700px x130px

The Knot Wedding Shop Shop Search 220px x 42px

70px x 35pxShop Nav by category with drop down

Apparel Bridal Party Gifts Ceremony Color Design Invitations Personalized Reception Season Showers & Events Wedding Favors Sale

580px x 375px

Showcase images of sales

Drop down hover option with clickable links

Bridal Gifts Groomsmen Gifts Childs Gifts Parents For the Couple

ApparelBarwareBusiness ItemsCu�inks Frames & AlbumsLeather GiftsLightersMoney ClipsPersonalized Items Sports Gifts Tools Travel & Gym Watches

ApparelAlbumsBagsBarwareCosmetics Bags FlasksFrames KeepsakesKeychainsOutdoorTote Bags

Flower GirlRing Bearer

Gifts for momGifts for dad

For the brideFor the groomFor both

Page 13: Website PDF

AD SPACE

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine Cart

280px x 650px

940px x 32px

footer960px x 120px

700px x130px

The Knot Wedding Shop Shop Search 220px x 42px

70px x 35pxShop Nav by category with drop down

AD SPACE

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine Cart

280px x 650px

940px x 32px

footer960px x 120px

Apparel Bridal Party Gifts Ceremony Color Design Invitations Personalized Reception Season Showers & Events Wedding Favors Sale

Groomsmen, Money Clips

description, price description, price description, price description, price description, price description, price

description, price description, price description, price description, price description, price description, price

description description description description description

580px x 80px

100px x 19px

Items recent users/people enjoy/purchased

100px x 100px

Page 14: Website PDF

AD SPACE

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine Cart

280px x 650px

940px x 32px

footer960px x 120px

700px x130px

The Knot Wedding Shop Shop Search 220px x 42px

70px x 35pxShop Nav by category with drop down

AD SPACE

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine

Logo area my bump the nest

SearchLogin/Sign Up Find Couple

100px x 19px 100px x 19px

940px x 42px 100px x 42px 100px x 42px 220px x 42px

My Knot Registries Planning Tools Real Weddings Community ShopNavigation

TheKnot Magazine Cart

280px x 650px

940px x 32px

footer960px x 120px

Apparel Bridal Party Gifts Ceremony Color Design Invitations Personalized Reception Season Showers & Events Wedding Favors Sale

Groomsmen, Money Clips

description, price description, price description, price description, price description, price description, price

description, price description, price description, price description, price description, price description, price

description description description description description

580px x 80px

100px x 19px

Items recent users/people enjoy/purchased

100px x 100px

700px x 550px

image of selected clip

description, price

Watch Money Clip

quantityPersonalizeAdd to cart

150px x 200px

200pxx 275px

rating (stars)

Read 2 ReviewsWrite a Review

Keep your groomsmen stylishly on schedule with these sleek watch money clips. Each money holder features a Quartz crystal timepiece in classic black and white and can be engraved withthree block letters for the perfect groomsman gift. Each stainless steel money clip measures 2 3/8" x 1".

This item ships with a deluxe gift box.

Page 15: Website PDF

Creative Brief!Title Type: Fineliner Script Body Type: Helvetica! !Main Background Colors: 36699, 6699FF, & 99CCFF!!! !Text Highlight Colors: FF9933!! !Body Text Colors: 000000, 333333, & FFFFFF!!

Page 16: Website PDF

Hi-fi’s

Page 17: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Not sure what you are looking for? Take a look at these popular topics.

Log In to begin planning- it’s free!

Page 18: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Not sure what you are looking for? Take a look at these popular topics.

Log In to begin planning- it’s free!

Page 19: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

All Napkins On Clearance!

Our Top Sellers:

Page 20: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

All Napkins On Clearance!

Our Top Sellers:

Bridal Gifts Groomsmen Gifts Childs Gifts Parents For the CoupleApparelBarwareBusiness ItemsCufflinksFrames & AlbumsLeather GiftsLightersMoney ClipsPersonalized ItemsSports GiftsToolsTravel & GymWatches

ApparelAlbumsBarwareCosmetic Bags FlasksFrames JewleryKeepsakesKeychainsOutdoorTop 10 GiftsTote Bags

Flower GirlRing Bearer

Gifts for momGifts for dad

For the brideFor the groomFor both

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

Page 21: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

All Napkins On Clearance!

Our Top Sellers:

Bridal Gifts Groomsmen Gifts Childs Gifts Parents For the CoupleApparelBarwareBusiness ItemsCufflinksFrames & AlbumsLeather GiftsLightersMoney ClipsPersonalized ItemsSports GiftsToolsTravel & GymWatches

ApparelAlbumsBarwareCosmetic Bags FlasksFrames JewleryKeepsakesKeychainsOutdoorTop 10 GiftsTote Bags

Flower GirlRing Bearer

Gifts for momGifts for dad

For the brideFor the groomFor both

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

Page 22: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

You May Also Like:

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

Groomsmen, Money Clips

Skull Clip$14.99

Times Money Clip$14.99

The Flip$14.99

Checkers Clip$24.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

$7.99

Page 23: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

You May Also Like:

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

Groomsmen, Money Clips

Skull Clip$14.99

Times Money Clip$14.99

The Flip$14.99

Checkers Clip$24.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

$7.99

Keep your groomsmen stylishly on schedule with these sleek watch money clips. Each money holder features a Quartz crystal timepiece in classic black and white and can be engraved with three block letters for the perfect groomsman gift. Each stainless steel money clip measures 2 3/8" x 1".

This item ships with a deluxe gift box

Times Money Clip$14.99

Read a review. Write a review.

This makes a great Groomsmen gift!

Page 24: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

You May Also Like:

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

Groomsmen, Money Clips

Skull Clip$14.99

Times Money Clip$14.99

The Flip$14.99

Checkers Clip$24.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

$7.99

CHECKOUT

Times Money Clip

Step 1: Quantity.

Step 2: Initials

Step 3: Choose a font.

Step 4: Preview My Design!

3 character limit

1How many you would like in this style.

Before Checkout:Configure your Times Money Clip then select "Preview My Design" to see how it will look!

TRM

Personalize Your Gift!

Page 25: Website PDF

Log In | Find Couple Search

My Knot Registries Planning Tools Real Weddings Community Shop The Knot Magazine Cart

Wedding ShopSearch Shop

You May Also Like:

Apparel | Bridal Party Gifts | Ceremony | Color | Design | Invitations | Personalized | Reception | Season | Showers & Events | Wedding Favors | Sale

Groomsmen, Money Clips

Skull Clip$14.99

Times Money Clip$14.99

The Flip$14.99

Checkers Clip$24.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

Skull Clip$14.99

$7.99

SAVE TO CART

Times Money Clip

Full Name:

Phone:

Address:

Payment:

Card #:

Code:

Log In or enter your personal information below to checkout as a guest.

Checkout

JOHN POEDOE

206-558-9584

6548 4TH STREET

APT. 4

REPTAR, WA

98187

MASTERCARD

*** **** ***** ****** *****

888

Page 26: Website PDF

Citations

Citations.

"The Knot: Ultimate Wedding Check

List." http://www.theknot.com/. XO

Group Inc. , 1997. Web. 8 Mar 2012.

<http://www.theknot.com/>