The Creative Technology project was created out of a need to be able to improve the M&S site without having to go through Amazon for change requests. Basically hack the site. I was responsible for updating the UX and Design hierarchy throughout the site. Also implemented new tech solutions that make the site easier to update, better advertising, search and navigation. I created new guidelines based off their ATL brand guidelines and translated them into Digital which are still used today.
As part of “CT” we restructured their entire site hierarchy, creating new page templates for the Homepage, Landing pages and Subcategories. All based on modular design techniques to be able to give each section a unique look but still be consistant.
Here we can see some of the new landing pages
The subcategories are also based on a modular design. Allowing a designer/developer to create new custom pages easily. Just pick a box type, copy/paste it and arrange. All content comes from the live site, so no custom cropping/effects necessary. Just link to it.
In e-commerce offers, sales and so on are the bread and butter of online stores. However as users, we block out advertising automatically. So I came up with “quiet ads”. A typical user would jump to a section and go straight for the side nav, ignoring the main content. Our ads would display on first load. Since the mouse has to move over the main section to reach the side nav, we made the ad’s animate away as soon as this happend. Waking a reaction to go back and see what just happened.
This technique was very successful.
As well as improving search, special offers, campaign sites and an entirely restructured work flow for designers & developers to be able to create assets with ease. Minimising unnecessary photoshop time, or coding custom pages. Plug and Play libraries were created to make it super easy.