Редизайн и разработка раздела IQ Home

UX-аудит и бенчмаркинг

1

Концепция для редизайна разработана
на основе аналитики. Сначала мы
провели UX анализ и определили главную зону роста — это навигация по сайту в целом и разделам.

Затем организовали бенчмаркинг,
в котором исследовали 20 сайтов конкурентов и выбрали лучшие практики:

Понятная навигация по категориям товаров 

Заметные целевые кнопки

Оптимизация под мобильные устройства

Проектирование интерфейса и UI дизайн

2

Мы переработали структуру раздела: сделали ее блочной и добавили заголовок к каждому блоку.

Спроектировали два сценария
поиска товара: через слайдер в начале страницы и блок с категорией техники.
За счет этого навигация стала
интуитивной и понятной.

В первом блоке пользователь видит
слайдер с категориями товаров — это упрощает навигацию по разделу

Мы сократили путь пользователя
до товара — для этого разбили главную страницу на блоки с популярной техникой в разных категориях

В конце страницы собрана информация, которая помогает пользователю сделать выбор:
преимущества, видеообзоры и ответы на частые вопросы

Фронтенд- и бекенд-разработка 

3

Кастомизировали административную панель: добавили инфоблоки, для слайдера настроили сортировку и написали API для фронтенда.

Настроили кеширование элементов и постепенную «ленивую загрузку» контента, чтобы раздел IQ Home загружался за пару секунд.

Написали скрипт для вывода роликов в разделе «Видеообзоры» из VK через iframe.

Результаты

Оптимизировали навигацию раздела

Ускорили загрузку страниц

Спроектировали эстетичный и дружелюбный интерфейс