Dune London SS 2015 Lookbook

•

Dune London SS 2015 Lookbook
Dune London, August 2014

Client: Dune London
Project date: August 2014

My role: Designer and front end developer of the page

The challenge: To highlight and promote the new seasonal campaign while picking out key lines within the range.

Solution: A landing page mixing men and women's new collection which customers can find easily from the homepage, social media, email, across online display banners and across stores (via a QR code and simple URL).

Results: A sync'd brand campaign across all channels with a clear pathway to shop any of the items without breaking up the journey with difficult obstacles. In future, include a brand video to drive home the lifestyle feeling of the new collection, a social feed to show off our customers wearing the products, a brand campaign hashtag for customers to jump on to share their look and a sign up newsletter box for customers to sign up to exclusive offers or events relating to the new collection.

------------

For this project, the starting point was the wonderful matt finish images of the new Spring Summer 2015 campaign. I received a preview of the imagery from the editor and her brief to me was to create a lookbook to show off the new collection.

When I joined Dune London, there was no particular style or guidelines for landing pages and brand pages. So my first thought was how can we best show off the new collection and inspire shoppers. How can we create a layout and system which would work for many purposes, not just for this campaign? At the time I was reading a lot about Twitter Bootstrap which looks at columns and how you can break up the page evenly. The layout below very much followed the look and feel of the mini brochure designed by the team at Dune London. The great thing about a 3 column layout is that you can content equal presence on the page, but then you add more prominence with a double column and a full page tile. It also allows you to give use the full width or height of a campaign image and take away the need to crop. Thus allowing all the campaign imagery to flourish.

The modules with buttons are the key pieces in the collections, everything on the page is clickable so you won't lose the customer. With a 3 column layout, the 1 column size module is close to the size of the browser window on mobile, so it requires minimal code there. It's the full page column and double column modules that required a little extra bit of css. I designed and coded this page from scratch, then tested on various browsers on a PC, MAC and on various mobiles around the office. There were issues, but there will always be issues if it is the first time implement a system. Majority of the issues were on internet explorer meaning there was a need for the odd hack here and there. I am more than happy to go and do some research online to fix issues if there are any. The feedback from the page from the web analyst, the team and customers was overall positive.

Desktop