The Kesslers project was a complete web rebuild for a company with over 120 years of history and high-profile clients such as Adidad, L'Oréal and P&G.
Along with a new logo and branding, the website was to reposition the company as a modern creative force in retail display.
The project's success is owed to the Webflow CMS, which provides an incredibly easy-to-use interface for updating website content and adding new portfolio and blog items without the need for training or developer intervention.
I approached the design by first breaking down the site into four user personas, each with different needs:
I then mapped out these personas into user journeys to figure out how to structure the information on the site:
We then developed a logical site architecture that we tested with various users and stakeholders:
I began designing the wireframes taking inspiration from an isometric grid:
The isometric design looked great in Sketch but proved to be extremely challenging when coming to develop the site, and limiting in terms of updating content easily. It was also probably a little too busy visually, so we stripped back the design to allow greater simplicity (while retaining the boldness) which would ultimately mean greater flexibility for the client to keep the site updated:
Having been given the typeface and colours from the new branding, I adapted them to suit the bold site design, optimising for legibility, clarity and balance:
I selected Webflow as the technology to develop the site on. The primary reason for this is its ease of use for non-technical people to add, update and remove content. This feature alone makes it far superior to Wordpress.
Webflow has some very useful features so that you can respond easily to last minute client requests. For example, I set up all the colours as global colours, so that towards the end of the project, when the client requested one of the primary colours to be changed, it was as easy as updating one colour, in one place. The changes were then applied site wide and published in seconds.
I should also mention that Webflow makes it possible to create stunning designs, brought to life by interesting interactions and animations - all without writing a line of code.
The website was launched in early February 2018 and was hailed as a complete success by all parts of the company, including the board of directors.
The main reasons for this success were:
Want some sensible advice?
I design & build technology solutions of lasting value & quality.
Based in 🇳🇱 Amsterdam.