Jaguar_Store_Hero_MacBook_Pro_01.jpg
 

Jaguar online store

Website design for Jaguar online store selling branded merchandise such as clothing, books and accessories. This project was designed in conjunction with a website for Jaguar’s sister company Land Rover. You can see the Jaguar store here and a profile of the Land Rover store here.

I designed the two sites whilst working at London digital agency Keytree. Our team included myself as the sole graphic designer, a UX designer, two project managers, multiple developers, and a representative from JLR (Jaguar Land Rover) who joined us in-house for the duration of the project.

JLR did not have a dedicated online space where they could sell branded merchandise, so we started with a clean slate. The two sites had identical structures and backends, we simply re-skinned them for the two brands. I designed every screen of the website for desktop, tablet and mobile devices. Additionally I designed promotional banners and pop-ups, as well as a suite of email templates.

Working on such a large, intricate project was bound to present challenges. These included being a guest user versus a registered user, delivery options, gift options, creating an account, and also the technical limitations that are involved when you are aggregating such a large range of items for sale. I worked closely with the whole team to overcome all of these obstacles.

This was the first large e-commerce project I was involved in, and I gained invaluable experience and insights working with the Keytree staff, in particular their UX designer. After returning to Australia I continued to freelance for them. You can see another Land Rover project I designed for Keytree here.

Client: Jaguar (UK).
Designed at
Keytree, London, 2013.

 
 
The homepage.

The homepage.

 
Product detail page: users can zoom in for greater detail by hovering over the thumbnail.
 
Search results pages: here you can see some of the types of products for sale on the site including cologne, clothing, cufflinks, shoes, luggage and model cars.
 
The homepage: desktop and mobile views.

The homepage: desktop and mobile views.

 
Mobile views: homepage and shopping cart.

Mobile views: homepage and shopping cart.

 
The shopping process: from adding an item to the shopping cart, to entering shipping and payment details, to final payment.
 
Order acknowledgement email.

Order acknowledgement email.

 
iPad: search results page.

iPad: search results page.

 

PROJECT TAGS:

 
 

More projects like this

 

Land Rover website

Land Rover online store

 

Want to work with me?

If you like this project, then say hello and let’s see what I can do to help you.

flat-colour-break-2c.gif