Ready for launch: integration with CRM, ERP, acquiring and delivery
Posted: Sat Apr 05, 2025 5:49 am
We used futuristic shapes as an additional stylistic device to differentiate information and place emphasis.
For example, in the product card we used it to emphasize a more attractive price and highlight the warranty period:
For the target buttons, we added a unique shape and hover chinese overseas british data animation.
These visual techniques helped us to differentiate ourselves from our competitors, who were a little more conservative in this regard.
The client also has a fairly extensive loyalty program, and we needed to simply and clearly show all the conditions and privileges to the user:
The card shows the accrual of bonuses for different payment methods:
An interesting task for us was to develop the “Product Comparison” section.
It was necessary to take into account the comparison of products from different categories and make the comparison of different characteristics convenient not only on the desktop, but also on mobile devices. To simplify, we made grouping by categories and a checkbox (tick) for the ability to compare only the differences.
Agency website
When developing the catalog, we decided not to deviate from the usual pattern and made a clear and familiar structure:
subcategories were made with covers so that the user could read them faster on the page;
banners. They can be easily managed by the content manager via the admin panel;
product tags, by which the user can quickly select the items they need;
filters. There are many filters, so we grouped them by each characteristic. You can add a description for the characteristics if some parameter may not be very clear to the buyer. The main filters are located to the left of the products, all filters, including selected ones, can be viewed in a modal window;
tiles with products. It is possible to view images of products from different sides in a slider, with labels, so that the user can quickly read the offers that are more advantageous for him. In addition, there is an option to quickly add a product to the cart or subscribe to an out-of-stock product directly from the catalog.
We developed a search on the site, for the convenience of users we placed it in a visible place. When entering a query, the user instantly receives relevant products and can go to the card with the item of interest.
We developed a clear order page. For convenience, we added visualization of steps, removed unnecessary navigation elements from the header so as not to distract the user's attention.
For example, in the product card we used it to emphasize a more attractive price and highlight the warranty period:
For the target buttons, we added a unique shape and hover chinese overseas british data animation.
These visual techniques helped us to differentiate ourselves from our competitors, who were a little more conservative in this regard.
The client also has a fairly extensive loyalty program, and we needed to simply and clearly show all the conditions and privileges to the user:
The card shows the accrual of bonuses for different payment methods:
An interesting task for us was to develop the “Product Comparison” section.
It was necessary to take into account the comparison of products from different categories and make the comparison of different characteristics convenient not only on the desktop, but also on mobile devices. To simplify, we made grouping by categories and a checkbox (tick) for the ability to compare only the differences.
Agency website
When developing the catalog, we decided not to deviate from the usual pattern and made a clear and familiar structure:
subcategories were made with covers so that the user could read them faster on the page;
banners. They can be easily managed by the content manager via the admin panel;
product tags, by which the user can quickly select the items they need;
filters. There are many filters, so we grouped them by each characteristic. You can add a description for the characteristics if some parameter may not be very clear to the buyer. The main filters are located to the left of the products, all filters, including selected ones, can be viewed in a modal window;
tiles with products. It is possible to view images of products from different sides in a slider, with labels, so that the user can quickly read the offers that are more advantageous for him. In addition, there is an option to quickly add a product to the cart or subscribe to an out-of-stock product directly from the catalog.
We developed a search on the site, for the convenience of users we placed it in a visible place. When entering a query, the user instantly receives relevant products and can go to the card with the item of interest.
We developed a clear order page. For convenience, we added visualization of steps, removed unnecessary navigation elements from the header so as not to distract the user's attention.