Хочу пропозицію

Частковий редизайн для виробника світлопрозорих конструкцій

Як з допомогою неглобальних змін в елементах візуального концепту осучаснити вигляд сайту

#UI/UX

Вхідні дані

Клієнт: лідер з виробництва світлопрозорих конструкцій в Україні.

Таймінг: 1 місяць.

Команда: менеджер проєкту, WEB-dev Team Lead, UI/UX дизайнер, розробник.

Проблематика: застарілий дизайн сайту, де хаотична структура та відсутність ієрархії розсіювали увагу користувачів. Брак CTA-елементів і мотиваційних блоків знижував конверсію, а некоректна адаптивність та помилки локалізації погіршували UX. Потребувала виправлення і візуальна складова: важкі градієнти, застарілі іконки та відсутність ховерів.

Завдання

перехід від застарілої естетики до сучасного мінімалістичного стилю, що підкреслює технологічність виробництва;

створення чіткої ієрархії контенту: реструктуризація інформаційних блоків на головній сторінці для послідовного занурення користувача у воронку продажів;

виправлення мобільного інтерфейсу з акцентом на доступність меню та легкість навігації;

впровадження ефективних CTA-механік, розміщення контрастних кнопок цільової дії з інтерактивними ховерами для підвищення відгуку інтерфейсу;

розробка попап-подяки після відправки форм, що закріплюють позитивний досвід клієнта;

технічна корекція та локалізація: виправлення помилок мовних версій та очищення коду від важких графічних елементів (тіней, градієнтів) задля пришвидшення роботи сайту.

Перелік робіт

Переосмислення структури сторінок з акцентом на зручність пошуку важливої інформації про конструкції та послуги, а також взаємодії з СТА-елементами.

Відмова від градієнтів та важких тіней на користь чистого «плоского» стилю. Створення єдиної бібліотеки кнопок, шрифтів та мінімалістичних іконок.

Додавання мікровзаємодій для всіх CTA-елементів (ховери, зміна станів), що забезпечує користувачу візуальний відгук на його дії.

Опрацювання мобільної версії, включаючи зручне бургер-меню та оптимізовані форми запису для малих екранів.

Візуалізація форм подяки та системних сповіщень, що підтверджують успішність дій користувача.

Реалізація дизайну з використанням сучасних методів верстки без зайвих бібліотек для миттєвого відображення контенту.

Налаштування повноцінної мультимовності для всіх блоків (зокрема й ті, що раніше не перекладалися).

Адаптація галереї під зручний і компактний формат слайдера.

Налаштування автоматичного перенаправлення на форми подяки та миттєвої відправки даних адміністратору.

Результати

Головна сторінка ДО-ПІСЛЯ

Структура блоків на головній сторінці ДО

Структура блоків на головній сторінці ПІСЛЯ

Сторінка послуги ДО-ПІСЛЯ

Оформлення блоків на сторінці послуги ДО-ПІСЛЯ

Сторінка кейсів ДО-ПІСЛЯ

Результати

Головна сторінка ДО-ПІСЛЯ

Структура блоків на головній сторінці ДО

Структура блоків на головній сторінці ПІСЛЯ

Сторінка послуги ДО-ПІСЛЯ

Оформлення блоків на сторінці послуги ДО-ПІСЛЯ

Сторінка кейсів ДО-ПІСЛЯ

Висновки

Частковий редизайн дозволив перетворити застарілий ресурс на сучасний інструмент продажу. Ми впровадили чітку візуальну ієрархію, налагодили коректну роботу мобільних версій та інтегрували активні елементи взаємодії. Це не лише покращило сприйняття бренду, а й спростило шлях користувача до цільової дії.

Хочете так само?

Замовте індивідуальну консультацію, щоб обговорити ваш проєкт!

Замовити