Сайт
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 день.
