The original KitKat website is in need of a revamp, with the style seemingly unchanged in years and not working to a solid grid system at all.

Instead of sitting back and complaining about the design, I decided to have a go at re-designing the KitKat website, working to improve the user experience while also creating a more eye-friendly design. The concept of the KitKat bar may not have changed in recent years, but it is time for the website to adapt to modern times.

The main focus when beginning the design was to stick to a grid, making content a lot simpler to view and find, while also creating a website which is easy to navigate.

The landing page to the KitKat website is actually very difficult to navigate, so I decided to scrap that page and move right to the content the user wishes to view.

I also worked to use colours which do not create a huge amount of contrast, but still allow separation of areas using said colours. The different tones of red allow for this, with minimal changes to the colours, it is still very easy to see where one area ends and another begins.

After creating the design of the desktop website, I worked on re-designing the tablet and mobile versions, working to keep the same content, but displayed in a way which is still just as easy to view on each device.

Working on mobile creates a new set of challenges, which is not often seen in desktop websites, the lack of space. This meant a whole re-design of the website, working with a single column of content instead of the four used on the desktop website.

I personally feel that the re-design of the KitKat website focusses on some important issues within the current website design, creating a site which can be navigated quickly and easily, while being visually pleasant.

This website re-design is not paid for by KitKat, but designed for fun as part of the ThirtyUI challenge.

Thanks for viewing, feel free to contact me to work together: contact@ryanallen.design