Пользовательские сценарии
Кейс 01 / UX · UI · Angular
Душевые
ограждения
на заказ
Многостраничный сайт локального производства: от выбора типа и комплектации душевого ограждения до знакомства с этапами заказа и отправки заявки.
Открыть рабочий сайт ↗
Задача
Не просто обновить дизайн
Старый сайт приводил людей за отдельной фурнитурой, хотя основная услуга компании — проектирование, изготовление и монтаж конструкций из стекла под ключ.
01
Сайт показывал весь ассортимент поставщика02
Поиск приводил запросы на отдельные детали03
Главная услуга терялась в структуре04
Менеджеры обрабатывали нерелевантные обращенияИсследование
Решения начались с наблюдений
В основу легли обращения реальных клиентов, анализ трафика существующего сайта и опыт компании. Дополнительно были изучены аудитория, сайты конкурентов и путь пользователя от знакомства с услугой до запроса расчёта.
01
Опрос клиентов02
Звонки и обращения03
Яндекс Метрика04
4 proto-personas05
5 конкурентовИсследование помогло проверить исходные предположения и определить приоритеты содержания будущего сайта.
≈80%
Продуктовый фокус
Душевые ограждения были флагманским продуктом, но не главным сценарием старого сайта.
Внутренний анализ заказов показал, что около 80% договоров приходилось на душевые ограждения. Поэтому этот продукт стал главным сценарием сайта, а остальные изделия из стекла были вынесены в отдельные разделы.
Структура
Исследование превратилось в понятный маршрут
Схемы помогли сократить путь нового клиента: выбрать тип конструкции, посмотреть реальные работы, указать параметры и отправить данные для расчёта.
Структура сайта
Адаптивные прототипы
Интерфейс
Готовый сайт работает на разных экранах
Адаптивный интерфейс сохраняет продуктовый фокус и короткий путь к обращению как на большом экране, так и на смартфоне.
Реальные работы
Более 90 примеров в галерее
Фотографии готовых объектов помогают оценить разные типы конструкций, варианты стекла и фурнитуры ещё до обращения в компанию.
Управление контентом
Галерея и статьи обновляются через админ-панель
Владелец сайта может самостоятельно добавлять новые работы и публиковать экспертные материалы без изменения кода интерфейса.
Главная функция
Параметры превращаются в задание на расчёт
Пользователь не получает обещание мгновенной точной цены. Вместо этого интерфейс помогает последовательно выбрать характеристики индивидуального изделия.
- Цвет и обработка стекла
- Цвет фурнитуры
- Петли и ручки
- Вариант монтажа
- Размеры и контактные данные
Результат
Проверяемые изменения без выдуманных процентов
- Посетитель может выбрать один из шести типов ограждений.
- Стекло, фурнитура, вариант монтажа и размеры собираются в задание на расчёт.
- Семь этапов объясняют путь от предварительного расчёта до установки.
- На сайте работает форма заявки с согласием на обработку данных.
- Реальные работы собраны в галерею.
- В галерее опубликовано более 90 примеров выполненных работ.
- Новые работы и статьи можно добавлять через админ-панель.
- Интерфейс адаптирован для разных экранов.
- Подготовлены SSR, метаданные, JSON-LD, sitemap и аналитика.
Коммерческие показатели будут добавлены только после проверки достаточного периода данных Яндекс Метрики.
Следующий проект может начаться с короткого сообщения