The homepage is designed to refresh the look and feel of the XD Connects website, in line with the new identity.
With this prototype, we suggest some advice to improve the appearance of the all page:

• Use the landing page as an emotional entry to the website to communicate the mission and values of the brand

• Use the teasers to create entries to the most important pages of the website

• Use brand photography to give the site more humanity and communicate the connection between people and the product

• Use thoughtfully placed call to actions to increase the user engagement

• Use colours to divide sections

The product overview page is designed to give a quick overview of various products without losing visual clarity. The extensive filtering options let the user narrow down his search for the desired product.

With this prototype, we suggest some advice to improve the appearance of the ‘all products’ page:

• Portray the products on a Misty white or Sand white background with a soft shadow for an elegant and simple appearance

• Create a visual hierarchy and highlight the most important call to action

• Increase the paddings to improve the clarity and to give the products more space to breathe

The ‘product detail’ page is designed to give in-depth information about product shipping and customization.
The new design also helps to improve the customer journey for easy entry into the purchasing process.
With this prototype, we suggest some advice to improve the appearance of the all page:

• Portray the products on a Misty white or Sand white background with a soft shadow for an elegant and simple appearance

• Create a visual hierarchy and highlight the most important call to action

• Increase the paddings to improve the clarity and to give the products more space to breathe

• Ensure the elegant appearance by replacing the boxy components with simple lines