Get an offer

Partial redesign for a manufacturer of translucent structures

How to modernize the appearance of a website with non-global changes in the elements of the visual concept

#UI/UX

Input data

Client: leader in the production of translucent structures in Ukraine.

Timing: 1 month.

Team: project manager, WEB-dev Team Lead, UI/UX designer, developer.

Problem: outdated site design, where the chaotic structure and lack of hierarchy scattered users’ attention. The lack of CTA elements and motivational blocks reduced conversion, and incorrect adaptability and localization errors worsened the UX. The visual component also needed correction: heavy gradients, outdated icons, and lack of hovers.

Tasks

transition from outdated aesthetics to a modern minimalist style that emphasizes the technological feasibility of production;

creating a clear content hierarchy: restructuring information blocks on the main page to consistently immerse the user in the sales funnel;

fixing the mobile interface with an emphasis on menu accessibility and ease of navigation;

implementing effective CTA mechanics, placing contrasting target action buttons with interactive hovers to increase interface responsiveness;

developing a pop-up thank you after submitting forms that consolidates a positive customer experience;

technical correction and localization: correcting language version errors and cleaning the code from heavy graphic elements (shadows, gradients) to speed up the site.

List of works

Rethinking the structure of pages with an emphasis on the convenience of searching for important information about designs and services, as well as interacting with CTA elements.

Rejecting gradients and heavy shadows in favor of a clean "flat" style. Creating a single library of buttons, fonts, and minimalist icons.

Adding micro-interactions for all CTA elements (hover, state change), which provides the user with visual feedback on their actions.

Development of the mobile version, including a convenient burger menu and optimized registration forms for small screens.

Visualization of thank-you forms and system notifications that confirm the success of user actions.

Implementation of design using modern layout methods without unnecessary libraries for instant display of content.

Setting up full multilingualism for all blocks (including those that were not previously translated).

Adaptation of the gallery to a convenient and compact slider format.

Setting up automatic redirection to thank-you forms and instant sending of data to the administrator.

Results

Home page BEFORE-AFTER

Block structure on the home page BEFORE

Block structure on the home page AFTER

Service page BEFORE-AFTER

Block design on the service page BEFORE-AFTER

Cases page BEFORE-AFTER

Results

Home page BEFORE-AFTER

Block structure on the home page BEFORE

Block structure on the home page AFTER

Service page BEFORE-AFTER

Block design on the service page BEFORE-AFTER

Cases page BEFORE-AFTER

Conclusions

A partial redesign allowed us to transform an outdated resource into a modern sales tool. We introduced a clear visual hierarchy, adjusted the correct operation of mobile versions, and integrated active interaction elements. This not only improved brand perception but also simplified the user's path to the target action.

Do you want the same?

Order an individual consultation to discuss your project!

Order