Updating the Website to Boost Brand Visibility

Denis
Sales Funnel And Automation

Artem
Chief Commercial Officer, Strategy unit Leader


Accelerating the Website

Design Update

Interface Refinement
Project Challenges
Complex and Extensive Functionality
On the new website, it was necessary to expand the functionality to its maximum extent so that users could fulfill all their needs.
Integration with the ERP system through API.
It was necessary to organize automatic data transfer of product information from the internal accounting system to the online store. Extensive functionality of the Personal Account, many user groups, and functions were required. Additionally, a configurator with numerous options for selecting products, including searching by competitor models and products that are no longer in production, was implemented.
Expert Comment:

Maria
Senior Project Manager
”This is the main feature of the site, which has no analogues among competitors. For the client, it was important to invest all their years of experience and implement a system that simplifies the choice of products and provides the maximum possible number of parameters for selection. To implement this functionality alone, a detailed technical task was compiled, and a design was thought out, where every detail was considered, including all possible variations of filters.”
CATALOG
Here’s the corrected text:
“To enhance convenience, we incorporated the user experience gained from placing orders on marketplaces:
1. Refined the logic for filtering and displaying the assortment in the menu and catalog.
2. Added pop-up tooltips for quick viewing of product characteristics.
3. Optimized the website’s page navigation system by organizing product categories.
4. Introduced the ability to select additional service options that are added to the cart.
5. Added previews of product categories and product series to facilitate assortment navigation.
6. Included discount functionality (strikethrough pricing) for future use.
7. Adapted category and product navigation for the mobile version, enabling users to quickly find desired products and place orders.”

Landing Pages
Each landing page represents the face of an entire product category. Promo pages generate the primary commercial traffic and orders. They needed improvement from both design and usability perspectives, involving the addition of conversion-focused CTA elements and updating all the information.
We aimed to showcase all the capabilities that the company provides to its customers. To achieve this, we:
1. Developed approximately 15 new promo pages for each type of product.
2. Updated product specifications, considering the experience of their application for various types of structures.
3. Designed and added new sections for the placement of up-to-date information, including brochures, installation documentation, and the availability of components. This also included remarketing blocks for transitioning to other collections and categories.
4. Devised a scroll menu for navigation throughout the landing page.
"WHERE TO BUY" SECTION
Purchasing our products has become easier, as we:
We have introduced a convenient filter with instant dealer quantity sorting and implemented one-click city selection. The system itself suggests relevant options for easier navigation and selection.
We have boosted the website's speed by a factor of 10
As part of the website refactoring, we separated the server-side from the public-facing part by utilizing the reactive framework Vue.js. This allows the website to function without reloads, adhering to the principles of a web application.
By adopting this approach, we were able to tackle multiple tasks simultaneously and comprehensively overhaul the client’s resource. A swift-operating website increases the likelihood of users staying and performing desired actions. Throughout our work on the website, we focus on all factors that impact its performance and conversion.
CUSTOMER TESTIMONIAL
Together with XBRIDER DIGITAL, we strategically updated a key element of our marketing strategy. The latest technologies and trends in web design applied during the project will ensure that we remain at the forefront of current website development and e-commerce trends for many years to come.
Alexey
IT Director of Alta-Profil Company