Artum
Студия дизайна интерьера, B2C
Artum создаёт комплексные проекты по дизайну интерьера и ремонту и работает в премиум-сегменте. При этом текущий сайт не соответствовал ожиданиям этой аудитории, поэтому появилась задача сделать редизайн. До этого мы уже тестировали разные гипотезы на лендингах и перенесли полученные выводы на основной сайт. Ограничением была существующая структура: редизайн затрагивал только часть разделов.
Год
2024–2025
Роль
Веб-дизайнер
Задачи
Веб-дизайн
Работа с UI-китом
Описание проекта
Этап сбора информации и поиска решений
UX-аудит, сбор технических и бизнес-требований, конкурентный анализ и бенчмаркинг.
Цель
Определить ключевые проблемы на уровне UX и визуального языка и подобрать подходящие визуальные решения в рамках имеющихся ограничений.
Что было сделано
UX-анализ показал проблемы с консистентностью системы: одинаковые элементы выглядели и работали по-разному на разных страницах. Многие интерактивные элементы не давали пользователю понятного отклика. Также были выявлены проблемы с навигацией и мобильной версией сайта.
Конкурентный анализ помог определить недостающие блоки, значимые для этого сегмента.
В результате мы согласовали концептуальное визуальное решение и утвердили шаги по доработке UX и контента.
Этап разработки прототипов и UI-кита
Проработанные прототипы основных страниц, UI-кит и гайды по сборке блоков-компонентов.
Цель
Описать единые принципы поведения как отдельных компонентов, так и крупных блоков, и показать их применение на текущих страницах сайта.
Что было сделано
Главной проблемой сайта было отсутствие консистентности во взаимодействии и восприятии. Поэтому работа началась с создания UI-кита и гайдов по компоновке блоков. Поскольку многие страницы собираются без участия дизайнера, было важно зафиксировать общие принципы и правила сборки.
В результате я подготовил детально проработанные прототипы страниц с учётом утверждённого визуального стиля, требований маркетинга к наполнению и созданного UI-кита.
Подготовка макетов
Разработка адаптивных версий, описание сценариев взаимодействия и передача макетов в разработку.
Цель
Создать удобные решения для мобильных устройств и чётко описать логику работы сайта.
Что было сделано
Слабая проработка адаптивов заметно снижала эффективность мобильного трафика. Новые макеты включали описание поведения элементов на всех устройствах, а также переработанное мобильное меню.
Новая мобильная версия показала хорошие результаты по ключевым метрикам:
+12.2%
вермя на сайте
+5.1%
глубина просмотра
-12.4%
кол-во отказов
Этап тестирования
Ревью вёрстки и работы сайта.
Цель
Проконтролировать реализацию и проверить, как на практике работают выработанные принципы.
Что было сделано
Ревью выявило несколько повторяющихся ошибок в вёрстке. После обсуждения с командой разработки я уточнил правила работы с заголовками и отступами.
В результате количество ошибок в новых макетах сократилось.
Итоги
Основные задачи проекта были решены: разработан новый визуальный стиль, сайт стал более целостным и последовательным, мобильная версия была переработана.
Дальнейшая работа включала создание новых страниц под маркетинговые задачи.
+9.3%
время на сайте
+11.8%
глубина просмотра
-4.1%
кол-во отказов
+1.4%
конверсия в заявку