Ecommerce Usability & Design

Hi Steven,

You've got some good potential going on. I think my main concern is that you've tackled many of the aspects as if they were an individual & standalone design, not tying them to each other, the big thing you need here is consistency. Some comments:

1. You've got a massive gap in contrast, going from light to dark and back again, choose one (probably dark) and roll with it throughout the designs background.
2. Call To Action - You need one! Currently I don't know where to click to buy this product and get the waterproof sleeve ;)
3. Proportions, pick 1-2 elements that are important to you (probably the product itself and your yet to be call to action) and keep those as your highlight (in terms of size, color vibrance, wow factor), for the rest of the items, merge them into the bigger elements or tone down their strength some (i.e. the 100% digital..).
4. Align the typography and create a visual hierarchy through it, try using some web fonts too, you want people to find your website after all.
5. Footer is a little confusing, information, misc (which would need to be spelled out) and general could all overlap between each other, try finding stronger header titles.

I think you're on the right track, just need to unite everything!

Best of luck & keep us posted..

Cheers

Noel

Hi Steven,

Again a good base to build upon. I think the main challenge is to help the user understand where he is and what he's looking at, and do it fast. Disclaimer: I'm not into car tuning, so perhaps I'm missing something that's obvious to your

It took me some 30 seconds to understand what this page is about. At first I thought it was selling computer parts (because of the look and the photo of the electronics part). There's no photo of a car or engine to visually help me understand the product. The "free waterproof sleeve" makes me even more confused. What's this sleeve for?

It seems like you are primarily selling one, main product. Is that correct? What's the name of the product? I think that I would make the homepage very focused on selling the diesel tuning system. Maybe get inspired by iphone app sites. You'd have one, clear call-to-action: get people to the product description page.

The digital microprocessor part is actually pretty cool - I can see why/how this could help boost sales. But the image isn't well integrated, it doesn't help sell. How does knowing that there's a digital microprocessor in your gadget add value to the product? Spell it out to the visitor.

In general on this page, think about where you want the visitor to click. What do you want him to do? As a visitor I would feel the need for a bit more guidance.

You are right that there is very little text. The text that's there looks like it's hardcoded on the image. From an SEO perspective this is a big problem, but from a sales/usability perspective the page is not bad. I'd add a text section which:

• tells the visitor where he is
• what you offer
• why he should care
• tell him what he should do next (or show it with a CTA)

The visa image in the footer is good. Do you have any more credibility indicators that you could add? Is your company certified in some way? Do you (or whoever's the owner) personally have a relevant certification? Your product improves energy consumption - is there some sort of green seal you could use?

The phone number in the header is good. Shows we are dealing with a "real" business with humans behind it. Consider putting the address in the footer for the same reason.

I'm guessing your target market is younger men who want their car to go faster. Probably these guys are feature driven - for this reason your percentages ("35% more power" etc.) work well. But think about how to take this further. Do you have a case study about a car which was boosted from X horsepower to XXX horsepower? Maybe have a little "featured client" photo, with a happy guy with beefed up car and a big number like "40% increase in horsepower". Preferably with a nice quote about how much the guy loves your product.

Small detail: in the header it says "Log in or register". I'd leave out the "or register" part. Let them find out later (but ideally they shouldn't be forced to register at all!).

I hope that was helpful.

Kind regards, Jens

Not having a call to action is going to severely hold back the sales figures. There is a lot of sales type promotion of the product on the page but no logical way for the user to continue.

The home page gives no strong indication that this is even an e-commerce website. It looks more like a website of a distributor who is using their website to showroom their products. The only indication that the website has e-commerce capabilities is the visa icon in the bottom left corner. If that icon was not there, just by looking at the home page most people would think that you cannot buy anything on this site.

The main content panel you have on the left with the promo text "35% more power" etc has a lot of real estate which can be put to great use with some typical e-commerce elements. For example, "Latest products" with 2-3 products side by side with an add to cart button for each could be a way of pushing through the e-commerce aspect of the site. "The 35% more power,torque,economy" could potentially be placed on the image below.

First thing I noticed on the design before I even got past the top black bar was that your logo has different padding compared to the phone/delivery sections on the top right, bring down the logo to the same level.

Your menu needs work, currently I see 2 buttons on your website and the word home slapped on the top left, look to do more with this.

Your call to action is well missing, you have some well designed adverts etc on the design, yet nothing to make people click on them.

Your main banner on the left under the menu, why does that have the large whitespace? Looks like it needs finished. This section should be the part that draws the eye the most but at the moment its the part you look at last.

Your footer, why all the large empty space? Why not make those 3 menu lists go horizontally rather than vertical, it might help you get rid of this uneven whitespace you have there.

Its a good start, but you have a good bit left to do to make this the finished article. Looking forward to seeing the next revision.