My first objective was to map out the content and the structure of the original website. This gave me a comprehensive overview of the material I was working with.

Following up, I created a new sitemap based on the wishes of the client and my observations from the audit I carried out earlier.

Restructured sitemap

Sketching

After the client approved the new information architecture I proposed, I began to sketch out the interface elements with low-fidelity prototypes.

When planning the structure of the landing page, I used progressive disclosure to highlight the most important pieces of content and to avoid overloading too much information on the users at once.

Low fidelity prototype of the landing page

High-fidelity design

I created high-fidelity mock-ups and built a cohesive visual identity for the company with modern brand assets.

High fidelity desktop mock-ups

Responsiveness

One important requirement was to make the website responsive for different screen sizes. Therefore, I focused on ensuring that every version of the product would correspond to the device the users were viewing it from.

Mobile & desktop designs

Marketing material

As part of the project, I also created marketing materials that the company could use on their other communication channels. The product catalog below is an additional asset that is displayed on the website as downloadable material.