Dyson™ | Products UI / UX Concept
As a fan of Dyson technologies, I decided, through a course assignment to develop a product page for a website, to redesign the Dyson website in a more refined and attractive style. This will include the top section and the way the menus are designed for ease of access and user experience.
Capture from the official website.
This is the "Products" tab on the current Dyson website.
We can clearly see the presence of several sections in the form of vertical lists. Simplicity is emphasised here for ease of accessibility and user interaction.
However, this simplification tends to diminish the cachet of the brand, which nevertheless advocates a certain refinement.
We can clearly see the presence of several sections in the form of vertical lists. Simplicity is emphasised here for ease of accessibility and user interaction.
However, this simplification tends to diminish the cachet of the brand, which nevertheless advocates a certain refinement.
In order to corroborate the cachet and values of the company, it seems relevant to me to propose a new, sophisticated user interface.
ZONING.
After giving a lot of thought about how to transform the interface,
the most interesting architecture to restructure the different product lines seemed to me to be the one adopted by Apple.
Indeed, the icons of the products are extremely intuitive and allow the user a very pleasant and aesthetic intuitiveness.
This structure is similar to the zoning as "product filters" contained in the "sub-header".
the most interesting architecture to restructure the different product lines seemed to me to be the one adopted by Apple.
Indeed, the icons of the products are extremely intuitive and allow the user a very pleasant and aesthetic intuitiveness.
This structure is similar to the zoning as "product filters" contained in the "sub-header".
In order to seduce the customer, it seems to me coherent to add under these various filters, even before the display of the products, an attractive advertisement which will have for goal to develop a target product. This is the "advert" box which is explained above.
Capture from the official website.
Moreover, in the manner of the Dyson site, it seems beneficial to me to re-use their idea of "product cards" to confirm the intuitiveness of the site's elements as well as the overall finesse ("products" box).
Finally, for the bottom part, the footer, it appeared coherent to me to keep something similar to the existing one which already operates very well ("footer").
WIREFRAME.
The result is something quite aesthetic and intuitive at the same time.
The image on the right of the " advertisement " section will promote the product with four points ("marketing assets") that will allow to promote it in an optimal way.
There has been a slight redesign of the cards proposed by Dyson. They are less geometric and more in tune with a soft and refined atmosphere.
MODEL.
ZONING, WIREFRAME, MODEL.
THANKS FOR WATCHING
TYRON BLANC
tyronblancpro@gmail.com
