Перейти до вмісту
Візуальне оформлення кейсу Ziko.

Зіко

  • Редизайн сайту
  • UX/UI дизайн
  • Інформаційна архітектура

Магазин, сервіс і блог в одному сайті для аудиторії, яка не любить складних інтерфейсів.

Загальний огляд

Ziko — лідер українського ринку водоінженерії з брендом, який знають роками. Компанія хотіла новий корпоративний сайт, що поєднає інтернет-магазин, інструкції до обладнання, сервіс аналізу води і блог.

Найбільший челендж

Вмістити все це в один сайт для сантехніків і майстрів старшого віку, які не люблять розбиратися в інтерфейсах. Чим більше функцій, тим більше розвилок. А кожна розвилка для такої аудиторії — привід подзвонити замість того, щоб знайти відповідь на сайті. До того ж бренд мав лишитися впізнаваним для тих, хто знає Ziko роками.

Процес

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

Інформаційна архітектура сайту Ziko з розподілом за рівнями.

Рішення

Дві дороги з першого екрана.

Головна одразу ділить сайт на «Для дому» і «Для бізнесу». Людина обирає свій сценарій одним кліком і далі бачить лише те, що стосується її.

Головна сторінка Ziko з напрямами «Для дому» та «Для бізнесу».

Сервіс як вхід у продаж

«Карта якості» показує, яка вода в регіоні, і пропонує безкоштовно перевірити свою. Від аналізу людина переходить до типових рішень і товарів, а не до порожнього каталогу.

Сервіс перевірки води Ziko та перехід від аналізу до рішень.

Магазин усередині, а не поруч

Кожен напрямок закінчується переходом у магазин, тож купівля — продовження розповіді, а не окремий сайт. Відео «як підібрати товар» допомагає тим, хто не знає назви потрібного фільтра.

Екран магазину Ziko в спільній структурі сайту.
Екран Ziko з допомогою у виборі товару.

Інсайти

Для аудиторії, яка не любить складних інтерфейсів, найкраща навігація ставить питання по черзі: спершу «для кого», потім «що потрібно». Кожен екран має один головний вибір, а не десять рівноцінних.

Коли людина спершу дізнається, яка в неї вода, товар стає відповіддю на її проблему, а не ще однією пропозицією. Тому шлях до покупки ми почали з аналізу, а не з полиці.

Впізнаваність Ziko тримають кольори, тон і обличчя команди. Тож структуру сайту можна було перебудувати повністю, не втративши відчуття «це той самий Ziko».

Добірка екранів оновленого сайту Ziko.

Не знаєте, яка послуга вам потрібна? Розкажіть про задачу, і ми підкажемо найкращий формат та орієнтовну вартість.

Зв’язатися

Інші проєкти