service and product designer
JimPalmer_Portfolio_2016-hi-2.png

Jeff Banks E-Commerce Store

A Case Study

Designing the online store for a giant of British Fashion

About the Project

About the Project

To update Jeff Banks online store into a responsive, user friendly and handsome place to buy men's fashion by one of the UK's most loved designers.

 

My Role

To design the new layout and consult on improvements to the customer journey.

Homepage

Homepage

Twice a year, Jeff art directs and shoots his new collection in a way that reflects the themes and influences the designs. I created a homepage that was simple and makes excellent use of this imagery. 

The hero image changes once a week in parallel with the marketing email sent out.  (I also design this)

Jeff has many dedicated customers, for them we included a special area for newly arrived items.

Style Guide

Style Guide

iPad Portrait Copy.png
iPad Portrait Copy 3.png
Menu within a Menu

Menu within a Menu

I think the menu area is a really valuable place, and I want it to have as many opportunities to capture clicks as possible.  I went for a five column design that mixes offers, filtered options and big images.

Screen Shot 2016-09-13 at 14.20.55.png
Category Pages

Category Pages

I went for a four column grid with this so we could show off the product nice and big in rows of three.  I also nestled some instructional videos by Jeff Banks within the layout, this brought attention to Jeff's Youtube channel and gave customers handy advice and tips while they were shopping, a bit like a helpful but not intrusive shopping assistant.

Product Photography

Product Photography

Up until now, most product had been photographed on mannequins or flat.  I encouraged a change to model shots because it gives customers a better idea of what they're ordering (and it looks better).

Product Pages

Product Pages

I wanted a clear and concise product page with big images, clear title and price. I asked the buyers to make sure product descriptions were SEO and customer friendly, they nearly always include tips on outfit ideas. Since we made these changes the conversion rate is much better.

Size Guide

Size Guide

You can toggle this on every product page so customers can find their right size.  It helps reduce returns.