Блок “Другие варианты” — предлагает альтернативные комплекты, позволяя сравнить и выбрать подходящее решение
Вкладка “Принцип работы” — подробно раскрывает, как работает комплект, где применяется и какие задачи решает
Вкладка “Комплектация” — содержит схему установки и точный состав оборудования, что удобно для проектировщиков и специалистов
Основная задача проекта – создать удобный
и эффективный сайт для клиентов
и сотрудников компании
и эффективный сайт для клиентов
и сотрудников компании
Home page
1920px
1280px
1133px
744px
320px
Product page
Header
Перед редизайном сайт имел несколько ключевых проблем:
Работа над сайтом началась с переработки меню
Что было сделано
1) Внедрена иерархическая навигация с основными и вложенными пунктами
2) Разделы сгруппированы по логике использования
3) Добавлены контакты, обратная связь и мессенджеры
4) Меню адаптировано под мобильные устройства
Фокус на товар — крупное изображение, описание, преимущества и характеристики помогают быстро оценить устройство
Кнопка для проектировщиков — даёт доступ к технической документации и схемам
Сферы применения — отдельный блок помогает подобрать оборудование под задачи клиента
Удобная структура — основная информация размещена во вкладках, что упрощает навигацию
Главная страница содержит краткое описание компании, блок с карточками, разделенный на категории, и статьи компании
Страница товара разработана в нескольких вариантах в соответствии со спецификой оборудования
Каталог структурирован по категориям — у каждой отдельная страница с фильтрами
Общий каталог доступен через хлебные крошки, но не используется напрямую, так как все категории всегда видны в левом меню
Карточки товаров можно переключать по ориентации, чтобы сразу видеть ключевые характеристики без перехода на страницу товара
Catalog
Корпоративный сайт
Интернет-магазин
< 20 стр
2024
Российская компания,
занимающаяся разработкой
и производством систем безопасности
1
Сложная навигация (UX)
пользователям было трудно находить нужную информацию о товарах и услугах
2
Низкая конверсия
Не было заметных CTA, что затрудняло целевые действия пользователей
3
Устаревший UI
визуальный стиль не соответствовал современным тенденциям, что влияло на восприятие бренда
Regular
Bold
Century Gothic
Сложные системы становятся понятными, когда в них наводят порядок
Я отвечала за UX, UI, адаптив, взаимодействие с разработкой и финальную сборку макетов
Этот сайт — как охрана на входе:
ничего лишнего не пройдёт,
всё нужное — под контролем,
а пользователь — не теряется
ничего лишнего не пройдёт,
всё нужное — под контролем,
а пользователь — не теряется
Contacts & dealers
Other pages
2:03
Среднее время на сайте
Интерфейс стал удерживать внимание: чистая структура и ясные сценарии вовлекают в изучение оборудования
+48%
Увеличение отправок форм
Пользователи стали активнее взаимодействовать с сайтом — улучшенные CTA и логика страниц сделали путь к заявке быстрее
+35%
Рост органического трафика
сайт стал лучше индексироваться благодаря переработанной структуре, корректным заголовкам и оптимизированному контенту
4 страницы
Глубина просмотра
Пользователи чаще переходят в карточки товаров, изучают характеристики и читают сопутствующую информацию
Company page
Cart & Checkout
