Four webpage screenshots showing the multi-page design of the redesigned Dyson Website Four webpage screenshots showing the multi-page design of the redesigned Dyson Website

Redesigned the website architecture and typographic system for Dyson.

Role:

○ Web Designer
○ UI Designer

Project Type:

○ Typography
○ Web Technology

Tools Used:

○ HTML, CSS, JS, CMS
○ Adobe XD

Duration:

○ Sept 2022 - Dec 2022

I identified typographic and layout issues with Dyson’s current website which led to the development of an improved design system. This design system, visualized through a style guide, corrects the current issues and aims to streamline the design process for future projects.
This style guide was used as the basis for the website redesign which utilizes a content management system to ensure the client has full control over the user experience and presentation of content. 
Through this website redesign, I was able to further develop my web development skills and complete a project that has the necessary infrastructure to be successfully handed off to a happy client.

Theirs

(Cart)

Screenshot showing Dyson's original website's product page

Mine

(Cart)

Screenshot showing the redesigned Dyson website's product page

Theirs

(Checkout)

Screenshot showing Dyson's original website's product page

Mine

(Checkout)

Screenshot showing the redesigned Dyson website's product page

Mine

(Order confirmation)

Screenshot showing the redesigned Dyson website's product page
Explore my Redesigned Dyson Site

Get in Contact