Product description block

[mouakter11]

Join our Telegram bot
Having studied this array of data, we moved on to the website design. Since the client did not have a brand book, we had no restrictions on the visuals.

First, we chose the color palette, style, and approved chinese overseas british data the design concept with the client.

We took Bento UI as the main style. It is based on visual hierarchy and organization, which helped us to structure a large amount of information on the site well: a lot of products and filters for them, information about products (description, characteristics, recommended products on the product page itself), and so on.



Since Bento UI is used by companies like Apple and Microsoft, users are familiar with the corresponding patterns and visual forms of this style.

The main colors used were electric blue and lime. The first was used as the main accent color, and lime as a secondary color.

Having decided on the visual direction, we developed the following pages and sections:

Home page of the site;
Product catalog (category, brand, new, sale pages);
Featured;
Product card;
Product comparison section;
Checkout page;
Trade-in page;
User's personal account (profile, saved addresses, list of orders and order page, promo codes);
Loyalty Program page in the user's personal account;
Blog.
Due to the large number of products and information, our main task is to clearly present it to the user, without overloading the interface. At the same time, correctly place accents so that the user's path to the target action (purchase) is as simple, clear and convenient as possible.