Сайт
https://masterdom.od.ua
Цели редизайна
1. Повысить доступность контактной информации.
2. Упростить навигацию.
3. Увеличить конверсии с мобильного трафика.
4. Минимизировать вертикальные отступы.
Основные задачи
1. Заменить старое лого на адрес магазина
2. Бургер-меню
3. Название магазина
Актуальные UX-проблемы
— Логотип занимает слишком много пространства.
— Бургер-меню находится в низу шапки и справой стороны от него на задействовано пустое пространство.
— Скролл до ключевых элементов.
— Элементы не фиксированы.
Новая структура шапки
1. Верх (фиксирован и редизайну не подлежит):
- Поиск слева
- Переключатель языка по центру
- Корзина справа
2. Блок меню и лого (фиксирован):
- Слева бургер-меню
- В центре: текст 'MASTERDOM' в фирменном стиле
3. Блок с телефонами и адресом (не фиксирован):
- Под логотипом: телефоны справа как в исходной версии
- Под ними: кнопка 'Перезвоните мне'
- Адрес магазина (слева вместо старого лого)
- Удалить надпись «Продажа дверей и напольных покрытий...» под телефоном.
UI-гайды
- Шрифт: использовать текущий шрифт сайта (если нет, предложить аналог).
- Цвета: придерживаться брендовых оттенков.
- Отступы: минимизировать вертикальные отступы, избегать лишней прокрутки.
- Иконки: минималистичные, понятные (поиск, телефон, адрес, бургер).
Адаптивность
— Поддержка от 320 px
— Тестировать: 320px, 375px, 414px
— Элементы — в зоне пальца пользователя
Поведение
— Верхний блок (поиск, языки, бургер, логотип) — фиксируется при прокрутке.
— По тапу: меню, телефон, 'Перезвоните мне' активны
— Телефоны кликабельны
От дизайнера ожидается
Макет в Figma (или аналогичный инструмент):
1 экран мобильной версии (фиксированный верх + структура шапки).
Возможен отдельный экран состояния «при прокрутке».
UX-аннотации:
Подписи, какие элементы интерактивны, какие зафиксированы, какие скрываются.
Гайд по отступам и стилям.
Размеры шрифта, кнопок, отступов, цвета.
Сроки
— Макет: до 3 рабочих дней
— Внесение правок (если потребуется): +1 день.
