A Review of Camcod.com Redesign by Michael + Webcardinals

Usability & user experience

  • Michael + Webcardinals

    Michael + Webcardinals

    Rank: 1 Elite

    5746

    • Design: 3
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    4 Votes
    This review has been awarded.
    Usability & user experience

    Posted on Aug 17, 2010 at 1:09 PM

    Hi Eric,

    I must say this new page will be a great improvement comparing to the old one. Company's credibility will be up and sales should go up. Proper first time user experience should improve conversions.

    HOMEPAGE

    1. 5 seconds rule is a must nowadays. Try to simplify homepage so new visitor can grasp what you do and offer in 5 seconds or less. It has to be bloody obvious :)

    2. There should be less text or almost No text on the homepage. If after 5 seconds new client understands what you offer and it is within his area of interest he will drill deeper into the site

    3. Searchbox should be more prominent as you offer a lot of products and it's very probable that new user will want to search for a specific type of barcode sticker. Search box also should have no lest than 27 characters.

    4. Nav-rollovers will need a fracture of a second delay so if somebody just moves a mouse across and don't stop over a menu it will not be activated. Instant (no delay) rollovers are very irritating and user experience suffers. Drop down icon is not essential and can be confusing for some users who will think they need to click exactly in this icon.

    I took the liberty of making a quick wireframe of a simpler homepage. Just an idea.

    CONTENT PAGE

    1. Always write in reverse pyramid style as users do not read on the internet the way they do in printed media. There should be title explaining a lot and than summary of what will you say in the main text below. Also graphics, text bolding and info boxes help users to get the needed info fast without reading all the text. The solid block of text which you have will never be read by the users so make this text easy for scanning. User should be able to quickly scan the page and get all most important info from it without reading it.

    2. Buy UID labels online button looks like a box header not a button. It should be made more prominent as this online design looks like a very good way of getting new users involved and interested in trying your products.

    3. I would really suggest designing content pages with the same style like homepage - horizontal sections with most important information on the top ale less important in below sections.

    FOOTER

    1. You should follow us on Twitter (or Facebook). Funny thing but numerous split test proved that this wording tends to increase conversion and more people tend to follow twits :)

    2. newsletter should really be a last option or even removed. People are not so interested in newsletter spamming their inbox nowadays and writing it is a real chore.

    MARKETING

    1. Conversions can be increased by huge margin when separate dedicated landing pages for each type of adwords and other advertisements are being used. The biggest mistake and conversion killer is sending new visitors from advert to a generic homepage.

    2. Test and test again as whatever you have can be improved and should be improved. I suggest permanent A/B split tests of every landing page, home page, layouts etc. Only split testing can give reliable data - otherwise it's only guesswork :)

    3. Funnels and data analysis is critical also. You need to know what people do on the website, and where do they drop out from the conversion process.

    I hope this helps. If you have any questions or are interested in more in-depth help feel free to drop me a line at m.andre@webcardinals.com

    Keep up the good work :)

    Michael ANDRE

    (user experience designer & strategist)

    • camcode.png
    • Aurimas Adomavicius
      Posted: on Aug 17, 2010 at 3:36 PM

      Look at you, earning crazy rep points!

    • Michael + Webcardinals
      Posted: on Aug 17, 2010 at 3:38 PM

      a lot of in-depth reviews does the trick - it's very time consuming though :)

    • Horizons Inc
      Horizons Inc commented:
      Posted: on Aug 20, 2010 at 11:04 AM

      Wow what a great idea for a competing homepage design :) I'm already writing up a project brief to get this designed and built out for a split traffic test. Any chance I can get the Balsamiq file?

      We originally had the search field shown persistently but removed it to try and reduce clutter in the header area. We get so many phone leads from the web in this industry the 800# really needs a very very prominent position and that displaced the search bar.

      Great tip on nav dropdowns - any recommendation on delay time? .5 seconds?

      Couldnt agree more on conversions and testing - we do a lot of multivariate and a/b testing and already have a huge pool of fantastic ideas thanks to you guys :)

    • Michael + Webcardinals
      Posted: on Aug 20, 2010 at 12:00 PM

      0.5 sec delay both ways (accidental activation & accidental moving mouse away)

    • Haider Ali
      Haider Ali commented:
      Posted: on Sep 04, 2010 at 8:18 AM

      Michael... I believe you have done it a better as it should be.. great work :)

Camcode-Home-1.jpg

  • 1

    Not enough contrast

    Consider reversing the logo in white out of a darker background

  • 2

    Simplify

    There's a lot going on in this area - consider simplifying.

  • 3

    Color Scheme

    Consider making headers (h1, h2, h3) blue instead of black to go with the sites color scheme better.

  • 4

    Texture

    Consider adding the wave texture in the footer, or a barcode texture

Products-1.1.jpg

  • 1

    Cramped

    This area feels cramped. Perhaps you could make the blue area smaller and include the image in the white main content area. The 'breaking out of the box' effect generally works better in conjunction with ample whitespace.

  • 2

    Back to top?

    Consider adding a back to top link.

  • 3

    Too orange?

    I would tone down the orange a bit. It's almost a bit to jarring.

Blog-Layout.jpg

  • 1

    Nice

    This white header reversed out of blue feels nice in terms of white space and visual hierarchy. Consider using this as a template for the interior page headers.

  •