Reorganizing Etsy_A Recommendation Report

Embed Size (px)

Citation preview

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    1/20

    1

    SPACEMAN SPIFF CONSULTINGTO: REGGIE POCHEFROM: CATHERINE EBEYSUBJECT: ETSY RECOMMENDATION REPORTDATE: 5/6/2011CC: PAMELA ADAMS, JOHN ROLFE, TRAVIS CROSS, AND CYNTHIA WATSON

    This report presents recommendations to Etsy for more effective website design. Etsy, a new stylish

    online boutique mall, caters handmade or vintage items directly from a vendor to individual

    buyers. Sellers can set up their shops online, and each vendor even has their own cutesy shop name.However, the categories Etsy uses to organize the website are unorganized and confusing. I am

    currently researching for a good way to revamp this system in the most cost effective manner.

    First, I went through Technical Communicationto understand some website design ideals. I

    checked Etsy.com for each point, noting areas where Etsy needs work. The complete research

    outline is attached. Through this exercise, I discovered that Etsy has two weak areas: an

    unorganized categorical navigation system, a cluttered appearance, and some cosmetic problems.

    Etsy has several extraneous and confusing categories. The "Accessories" category is confusing

    because other categories, including "Bags and Purses" and "jewelry" are also feasible accessories.

    Either the "Accessories" category should be renamed, using a more informative title, or all three

    categories should be regrouped into more logical categories based on accessory type.

    Etsy uses a sans serif font for body text and a serif font with its logo. This makes the text harder to

    reader. Also, the text within the left column is light blue atop a very light screen, making it difficultto read due to lack of contrast. Perhaps the gray should be darker and more opaque.

    Although Etsy effectively establish relationships via size of thumbnail used, they use so many

    different forms of this pattern that the site seems cluttered. The main body column includes four

    different categories: Handpicked Items (12, 3x4 table), a Featured Seller (1, 1x2 box), Recent Blog

    Posts (2, 1x2 box), and Recently Listed Items (16, 2x8 table). One grid design, maybe 2, should be

    used. Perhaps all categories should be kept, but there would be 3 items in the first 3 categories and

    Recently Listed items left as is. This would shorten the homepage, keeping it in a one page view so

    the viewer could just click on a link to a deeper category without having to scroll through so many

    images. Also, that many thumbnails on one page slows download time, which annoys and frustrates

    the reader.

    Also, some cosmetic changes may kill two birds with one stone. According to Rob Walter in his

    article Handmade 2.0, Etsys main audience is women. However, if this site were to look more

    gender neutral and less intimidating female in its appearance, it may attract a wider male audience.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    2/20

    2

    Reorganizing Etsy: A Recommendation Report

    Prepared for: Mr. Reggie Poche, Board of DirectorsPrepared by: Catherine Ebey, Project Manager

    April 26, 2011

    SPACEMAN SPIFF CONSULTING 3825 Ridgelake Drive (504) 717-3991

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    3/20

    3

    Table of Contents1. Preface.............................................................................................................................................................................12. Abstract..43. Executive Summary....................................................................................................................................................54. Introduction..................................................................................................................................................................65. Methods of Research...7

    Key Points......................................................................................................................................................................76. Results9Figure 1: Etsy vs. Amazon vs. RetailMeNot vs. SlickDeals vs. Ebay9

    Figure 2: Etsy vs. Amazon vs. PoppyTalkHandmade9

    Figure 3: Monthly Normalized Metrics: March 2011.....................................................................10

    7. Recommendations.11Figure 4: Etsys Main Categories.11

    Figure 5: Accessories......................................................................................................................12

    Cluttered Appearance12

    Figure 6: Etsy.com Homepage..13

    Figure 7: Recently Listed Items.13Contrast14

    Figure 8: Kuler.Adobe.com Homepage..14

    Figure 9: Shop by Color..15

    Figure 10: Shop by Color Activated15

    Navigation..16

    Figure 11: Navigational Icons.16

    Figure 12: Shop by Recently Listed Items17

    Etsy Compared to the Competition17

    Figure 13: PoppyTalkHandmade.com Homepage17

    Figure 14: Amazon.com Homepage.188. Conclusion.199. Bibliography.20

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    4/20

    4

    AbstractReorganizing Etsy: A Recommendation ReportPrepared by: Pamela Adams, John Rolfe, Travis Cross, and Cynthia Watson

    This report presents recommendations to Etsy for more effective website design. Etsy, a new stylish

    online boutique mall, caters handmade or vintage items directly from a vendor to individual

    buyers. Sellers can set up their shops online, and each vendor even has their own cutesy shop name.

    However, the categories Etsy uses to organize the website are unorganized and confusing.

    Spaceman Spiff Consulting first conducted a literature review, and then staff members compared

    Etsy.com to its competitors. Using this data, Spaceman Spiff orchestrated three primary website

    reforms to improve contrast and navigation.

    Keywords: Etsy, website design, e-commerce, contrast, and navigation

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    5/20

    5

    Executive SummaryAlthough Etsy is far above other sites that specialize in handmade items, it still has a long way to go

    to catch up to e-commerce giants Amazon.com and Ebay.com. Etsy received 7,382,371 unique

    visitors during March, 2011. Amazon.com received 75,960,479 unique visitors in March, 2011. So,

    in April 2011, Etsy asked Spaceman Spiff Consulting to make recommendations for website

    redesign.

    Since Etsy.com is striving to reach Amazon.coms rank, we researched this site to see what it had to

    offer. Amazon.com is streamlined and relatively uncluttered. It also has a great contrasting black

    serif font on a white background. Etsy also includes a white background, but it uses light blue and

    grey body text. This contrast can be improved by emulating Kuler.Adobe.coms website, which is

    one of the best-designed websites on the web according to Similar Group.Also, Etsy.coms homepage is lengthy, with a myriad of confusing and extraneous categories.

    Spaceman Spiff consulting recommends reorganizing the navigation categories into a more

    streamlined list, similar to Amazon.com. Along with shortening categories, Spaceman SpiffConsulting also recommends that Etsy.com par down the number of thumbnails on its homepage, as

    this slows download time. Instead of 30+ thumbnails per page, Spaceman Spiff Consulting

    recommends cutting the amount of thumbnails down to 12 at the most.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    6/20

    6

    IntroductionThis report includes a few recommendations to Etsy for more effective website design. Etsy, a new,stylish online boutique mall, caters handmade or vintage items directly from a vendor to

    individual buyers. Vendors can set up their shops online, and each vendor even has their own

    stylized shop name. However, the categories Etsy uses to organize the website are unorganized and

    confusing. The Navigationsection will cover how to fix these flaws. Also, there is not enough

    contrast between the light blue text and Etsys white background. There are several other instances

    of too little contrast within the site; I will go over these instances in detail within the Contrastsection.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    7/20

    7

    Methods of Research1. First, we briefly surveyed the Etsy.com homepage. Each Staff member went through the

    website, noting down first-impressions and any obvious flaws. At first glance, Etsy.com can

    be summed up as modern, trendy, and female-oriented.

    2. Next, we performed a small literature review using Google Scholar and Mike Markelstextbook, Technical communication. Staff members reviewed six or seven business articles

    from reputable business journals including, Elseviers Journal of Business Research, the

    Journal of Statistical Mechanics: Theory and Experiment, the International Journal of Retail

    and Distribution Management, and the Journal of Organizational Computing and Electronic

    Commerce. For more information on these sources, see the Bibliographysection.

    3. We went through Mike Markels Technical CommunicationChapter 11: DesigningDocuments and Websites to discover key points in efficient and effective website design.

    Key Points

    We summarized these key points to the following:

    a. Proximity: are related items groups together?i. Visual Patterns: Are there visual patters that link information in a way that

    they reader can understand using chunking, queuing and/or filtering?

    ii. White Space: Is the websites white space organized effectively?b. Alignments: are text and graphics in an understandable visual relationship on the

    page?

    i. Is a multicolumn design being used?ii. Is a shorter line length used (50-50 characters)?

    iii. Is line spacing appropriate?iv. Is left justification used?v. Are titles displayed clearly and prominently?

    c. Contrast: Is there effective use of color for maximum readability?i. Is a serif typeface used, making the page easier to read?

    ii. Are type families used sparingly and effectively?iii. Is case used appropriately?iv.

    Is type size readable? Are 2-4 point differences used between headings andtext

    v. Is a simple background used? (Plain white background or pale pastel is best;avoid loud patterns that distract readers from the words and graphics of the

    text.)

    vi. Are conservative color combinations used to increase text legibility? (Themost legible combination is black text on a white background.)

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    8/20

    8

    d. Navigation: Is the website easy to navigate with user-friendly icons that clearlyrelate to their contents?

    i. Are headers and footers included? Are they informative? Do they help thereader navigate the site?

    ii. Are navigational links in the same place on each page?iii. Is a site map or index included on each page?iv. Is a table of contents used at the top of a long page?v. Is there a "back to top" button?

    vi. Are textual navigation links provided at the end of each pagevii. Are links smoothly written and informative?

    e. Special Effects:i. Are special effects used only for emphasis, so as not slow the download?

    ii. Do all graphics serve a clear purpose and contain clear, informative content?iii. Are thumbnail graphics used as opposed to full size?

    4. Next, we analyzed Etsy.com to see if the website contains these key characteristics.Although Etsy.com contains most of these attributes, the website has a few problem areas.

    These areas mainly include problems with contrast and navigation. See the

    Recommendations section for our recommendations on how to solve these issues.

    5. Lastly, we compared Esty.com to its competitors. First, we used Similar Groups website tofind out thatEtsy.coms competitors are. According to this site, Etsy is one of the top 5

    shopping sites. The other sites in that list are Ebay.com, Amazon.com, SlickDeals.net, and

    RetailMeNot.com. Etsy.com also competes with other sites that specialize in handmade

    items, including PoppyTalkHandmade.com. We compared this site with Etsy.com and

    Amazon.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    9/20

    9

    ResultsOur competition analysis using Compete.com yielded the following results:

    Figure 1: Etsy vs. Amazon vs. RetailMeNot vs. SlickDeals vs. Ebay

    Figure 2: Etsy vs. Amazon vs. PoppyTalkHandmade

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    10/20

    10

    Figure 3: Monthly Normalized Metrics: March 2011

    Site Comparison of etsy.com (rank #192), amazon.com (#7), retailmenot.com (#256),

    slickdeals.net (#1,258), ebay.com (#11) | Compete

    http://siteanalytics.compete.com/etsy.com+amazon.com+retailmenot.com+slickdeals.net+ebay.com/#

    Screen clipping taken: 5/5/2011, 9:05 PM

    http://siteanalytics.compete.com/etsy.com+amazon.com+retailmenot.com+slickdeals.net+ebay.com/http://siteanalytics.compete.com/etsy.com+amazon.com+retailmenot.com+slickdeals.net+ebay.com/http://siteanalytics.compete.com/etsy.com+amazon.com+retailmenot.com+slickdeals.net+ebay.com/http://siteanalytics.compete.com/etsy.com+amazon.com+retailmenot.com+slickdeals.net+ebay.com/http://siteanalytics.compete.com/etsy.com+amazon.com+retailmenot.com+slickdeals.net+ebay.com/
  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    11/20

    11

    RecommendationsEtsy has several extraneous and confusing categories. The "Accessories" category is confusingbecause other categories, including "Bags and Purses" and "jewelry" are also feasible accessories.

    Either the "Accessories" category should be renamed, using a more informative title, or all three

    categories should be regrouped into more logical categories based on accessory type. "Art" is a

    misleading heading name; the category takes us to several categories of fine art, but in fact, theentire site is composed of what some would define as art. Maybe change the name to "Fine Arts"?

    The actual page name is called "Fine Art on Etsy - which shows up at the very top left margin of

    the page. This is also inconsistent with the category title. The categories "Everything Else" and

    "Geekery" are confusing, unless the reader understands the pop culture references made. Some

    categories, such as the "accessory/accessories", are repeated as subheadings within larger

    categories. For example, under "Geekery" there is an accessory category. This is inconsistent and

    confusing. These items should be included in the larger "Accessory" category. The "Needlecraft"

    category also has an "accessory" category. Also, the category "Cross Stitch" is included under thelarger heading "Needlecraft" and has its own larger category by the same name.

    Figure 4: Etsys Main Categories

    Etsys main categories

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    12/20

    12

    Figure 5: Accessories

    Although Etsy.com includes an accessories page, there are also several categories on the homepage

    that could be deemed accessories by shoppers, includingJewelry and Bags and Purses. These

    categories could be incorporated into the Accessories categories to cut down on page length.

    While the accessories page includes aprons, belts, and money clips, which are typical accessories,

    the page also includes a woman category, as well as a men category. These categories should

    either be an overshadowing search filter option, or this category should not be included. These

    gender categories do not parallel the other categories, which include Scarf, Shawl, and Watch.

    Also, the Etsy.com homepage includes a Children category, but not a Men or Women category.

    Instead of having these search options as separate clickable categories, Etsy.com could incorporate

    a new search engine within its search icons in which the shopper could shop for men, shop for

    women, shop for kids, or shop for infants, similar to how a clothing site would be structured. This

    would cut down on the number of categories, add a stylish new feature to the site, and make

    navigation easier.

    Other confusing categories include Miscellaneous, Weird, and Geekery. These categories can

    either all be grouped together under Miscellaneous or they should each be incorporated into an

    existing category.

    Cluttered Appearance

    Etsy has a busy homepage which extends past one "page". The homepage features twelveHandpicked Items, a featured seller, two recent blog posts, and sixteen recently listed items. So

    many thumbnails overwhelm the page. While the thumbnails stand out against the whitebackground, the light blue and grey text blends into it. If the text was changed to a more classical

    black, it would increase readability without taking away from the colorful thumbnails.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    13/20

    13

    Figure 6: Etsy.com Homepage

    Figure7: Recently Listed Items

    Although Etsy effectively establish relationships via size of thumbnail used, they use so many

    different forms of this pattern that the site seems cluttered. The main body column includes four

    different categories: Handpicked Items (12, 3x4 table), a Featured Seller (1, 1x2 box), Recent Blog

    Posts (2, 1x2 box), and Recently Listed Items (16, 2x8 table). One grid design, maybe 2, should be

    used. Perhaps all categories should be kept, but there would be 3 items in the first 3 categories andRecently Listed items left as is. This would shorten the homepage, keeping it in a one page view so

    the viewer could just click on a link to a deeper category without having to scroll through so many

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    14/20

    14

    images. Also, that many thumbnails on one page slows download time, which annoys and frustratesthe reader.

    Also, the website changes every time you return to the homepage. While this certainly is a

    gratifying variety-shopper feature, the Recently Listed Items change so often it is dizzying for the

    consumer. These 16 thumbnails at the bottom only add to the clutter. I recommend that Etsy

    highlight its Pounce icon, which allows user to shop by recently-listed items, instead of includingthe ever-changing thumbnails.

    Contrast

    Etsy uses a sans serif font for body text and a serif font with its logo. This makes the text harder to

    reader. Also, the text within the left column is light blue atop a very light screen, making it difficultto read due to lack of contrast. I would recommend changing the text to a basic black to contrast

    with the white background which is the best use of contrast according to Mike Markel. However, a

    way to stand out from Ebay and Amazon may be to take a different approach. The top-rankedwebsite for design, according to Compete.com, is kuler.adobe.com. This website uses contrast very

    effectively, but presents a unique negative image of the usual black and white:

    Figure 8

    If Etsy.com changed its background to black with white body text and its current light blue

    headings, it would maintain its modern, trendy look while creating a more readable site.

    Etsy has some very eye-catching features, such as this paint-droplet display for Shop-by-Color.However, the original color icons are so small that you have to drag your mouse across the display

    to see the colors. This may be entertaining, but it is an ineffective use of contrast and navigational

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    15/20

    15

    efficiency. Perhaps if the background were black or cobalt blue, the original color icons would showup better against the screen.

    Figure 9: Shop by Color

    Figure 10: Shop by Color Activated

    This may be easy to use on an iphone or ipad, but on a pc, the mouse is not as complementary.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    16/20

    16

    Navigation

    Etsy has several different options of searching its products, but too many choices can confuse the shopper.

    For instance, there is a search engine, 30+ clickable thumbnails in three different categories, and very

    small navigational icons down to the left bottom of the homepage. If Etsy.com cuts down its amount of

    clickable thumbnails and highlights these navigational icons, the website will be easier to navigate. These

    clickable navigation icons include several user-friendly ways to easily navigate the site.

    Figure 11: Navigational Icons

    Also, Etsy repeats the Recently Listed Items in Pounce: Just Sold Items and Just Discovered Shops. Ifthey cut out the Recently Listed Icons on the first page, they could play up this Pounce icon. When a

    user goes through Pounce, Etsy guides them through shops with recently listed items, adding a

    personal touch to the shopping experience. Perhaps if they put all the navigation icons in more of acentral location, shoppers would be more likely to use them first, using the best navigational

    systems in Etsy.

    Ways to Shop on Etsy.com

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    17/20

    17

    Figure 12: Shop by Recently Listed Items

    Then users would be more likely to use these really excellent features, including Shop Local. Users

    type in their location, then Etsy brings up a list of all vendors in that area.

    Etsy Compared to the Competition

    According to Similar Group's Similar Site Search, Etsy is within the Top 5 Shopping Sites on the

    Internet. This group includes Etsy.com, Amazon.com, RetailMeNot.com, Ebay.com, and

    SlickDeals.com. Etsy.com is also within the top five websites that specialize in handmade items.Since the handmade market is stated in Etsy's mission statement to be its main market, we

    compared Etsy.com to two other top websites that specialize in handmade items. We comparedEtsy.com to PoppyTalkHandmade.com.

    Figure 13: PoppyTalkHandmade.com Homepage

    Pounce: Recently

    Listed Items

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    18/20

    18

    PoppytalkHandmade.com looks nice with its eye-catching thumbnails, but it includes four columnsof eighteen thumbnails. That many thumbnails on a page slows page download and looks cluttered

    and lengthy. Also, the website includes gray body text, which is hard to read on the white

    background. This site contains similar problems to Etsy.com.

    Amazon is also a top shopping site. It has sixteen clearly labeled, clearly defined categories which fit

    within the first page of the site. It also has an excellent three-column layout, with a widened centralcolumn. Though this site does not use a serif text font, it does use the best contrast with its white

    background and black text.

    Figure 14: Amazon.com Homepage

    Clearly, Etsy.com is doing well, but it has a long way to go if the company wants to catch up tocommercial giants like Ebay and Amazon.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    19/20

    19

    ConclusionEtsy.com could benefit from a few changes. The website will really stand out if it uses a black

    background with white text and its current light blue headings. This way, the website will approach

    the look of Kuler.Adobe.com, a website with one of the best designs on the web, according to Similar

    Group. Also, if Etsy combines some of its more ambiguous categories together, it would cut down on

    homepage length, making the website less cluttered and easy to navigate. Although most websitesare cluttered as well, Amazon.com is the least cluttered of the bunch, with a stream-lined

    homepage. If Etsy.com gets closer to this streamlined model, it will attract more website traffic.

  • 8/6/2019 Reorganizing Etsy_A Recommendation Report

    20/20

    20

    Bibliography

    Chau, PYK, Au, G and Tam, KY. "Impact of Information Presentation Modes on Online Shopping: an

    Empirical Evaluation of a Broadband Interactive Shopping Service." Journal of Organizational Computing

    and Electronic Commerce (2000): 1-22.

    Compete. 2011. 6 May 2011 .

    Kim, Chung-Hoon Park and Young-Gul. "Identifying Key Factors Affecting Consumer Purchase Behavior in

    an Onlnie Shopping Context." International Journal of Retail and Distribution Management (2003): 16-

    29.

    Leitner, Thomas Grechenig and Peter. "Community Driven Commerce: Desgin of an Integrated

    Framework for Social Shopping." IADIS International Conference. Algave: IADIS, 2007. 353-356.

    . "Customer Generated Content: Embedding Interactive Collaboration Tools into E-Shops." IADIS

    International Information Systems Conference. Algave: IADIS, 2008. 271-274.

    Man Kit Changa, Waiman Cheungb, and Vincent S. Laib. "Literature Derived Reference Models for the

    Adoption of Online Shopping." Information and Management (2005): 543-559.

    Markel, Mike. "Designing Documents and Websites." Markel, Mike. Technical Communication. Boston

    and New York: Bedford/St. Martin's, 2010. 253-292.

    SimilarGroup Ltd. Similar Sites. 2011. 6 May 2011 .

    Stashevsky, Yehoshua Liebermann and Shmuel. "Determinants of Online Shopping: Examination of an

    Early-Stage Online Market." Canadian Journal of Administrative Sciences (2009): 316-331.

    Swaminathan, Andrew J. Rohma and Vanitha. "A Typology of Online Shoppers Based on Shopping

    Motivations." Journal of Business Research (2004): 748-757.

    Walker, Rob. "Handmade 2.0." The New York Times 16 December 2007: 1-11.