AutoTrader Plates, My First Solo UX Development

November 04, 2014 at 19:43

Today the new Auto Trader Private Number Plates page went live. This is the first page I've had the opportunity to work on as the sole UX Developer, allowing me to see the project through from start to finish. Up until this point I have done a lot of work across the Auto Trader website, on a variety of pages, most notably the new Search Page redesign, but I have never had the opportunity to see an entire project through from start to finish as the only UX Developer on the project. It is important to make clear I am only responsible for the UX Development of this page, I am not responsible for the fantastic Java Development and UX Design that have gone into this, the credit for those belongs with my team members. You can see the live page at www.autotrader.co.uk/private-number-plates.

This page is a small part of a much larger design overhaul of many of the Auto Trader pages. The pages are much more modern and are much cleaner than past page designs. Once some of the larger projects, the I am extremely excited to showcase are live I will write a much more in-depth critical analysis of my work on these pages.

For now, however, I can draw your attention to some of the latest design features built into these pages. The greatest addition, is the parallax scroll effect added to the top section of the page. This effect is very subtle and was added to give a tiny amount of embellishment to the important information featured in the top section of the page. As you can see, these pages are all responsive from 1024px (Desktop) all the way down to 768px (iPad portrait). In the future there will be a dedicated mobile version of this page.

Another huge change on these pages is the use of an SVG Icon Solution, which I am very proud to say has worked extremely well so far on these new pages. There will be some seriously exciting working coming from Auto Trader over the coming weeks, I hope to be able to provide some great insights into the UX Development that goes into the site.

Thoughts, Career