Редизайн шапки и меню сайта chasovoi.com

Интернет-магазин «Часовой» работает уже более 20 лет, с 2003 года. Ассортимент состоит из популярных часовых марок, имеющих отличную репутацию. Все часы проходят тщательный отбор и предпродажную проверку квалифицированным персоналом магазина.

Проблема

Ранее элементы в шапке сайта были расположены разрозненно:

телефоны, корзина, поиск и меню не имели общей визуальной логики
корзина и дополнительные функции («Избранное», «Сравнение») визуально терялись
в меню присутствовали дублирующие страницы
дизайн выглядел устаревшим и не соответствовал современным UX/UI‑требованиям

Решение

обновили визуальный акцент в слогане
вынесли избранное и сравнение в иконки с подписями, сделав их визуально понятнее
обновили корзину: сделали её иконкой, чтобы соответствовать современному UX/UI
переработали меню: оставили только ключевые разделы

Реализация

1. Подготовка ТЗ и анализ старой шапки сайта

Мы проанализировали текущую версию шапки и отметили, что элементы были разрознены, перегружали интерфейс и мешали быстрому восприятию информации. На основе анализа подготовили техническое задание на новую структуру

Шапка сайта до редизайна:

2. Разработка адаптивного дизайна

Дизайнер создал макеты новой шапки в Figma согласно ТЗ и и современную UX/UI. В макете сразу учли адаптивность, чтобы шапка одинаково хорошо смотрелась на компьютерах и смартфонах

3. Интеграция на тестовый стенд

Новый дизайн внедрили на тестовую версию сайта. Это позволило проверить корректность работы элементов, сверстать шапку под все основные устройства и отладить взаимодействие элементов

4. Тестирование и запуск

После проверки мы перенесли новую шапку на боевой сайт. Финальное тестирование показало, что все элементы отображаются корректно, интерфейс стал цельным и удобным для пользователей

Шапка сайта после редизайна:

Итоги работы

Цельная и лаконичная шапка, объединяющая все ключевые функции
Элементы «корзина», «избранное» и «сравнение» теперь заметны и легко доступны пользователям
Новая структура шапки улучшила UX/UI и подготовила сайт к дальнейшему росту конверсии