Технічне завдання на редизайн сайту DimHub
1. Загальна інформація
Сайт: https://dimhub.com.ua/
Ціль редизайну: покращити UX/UI, зробити сайт сучасним, зручним та відповідним до стандартів доступності.
Інструмент для дизайну: Figma.
Основний колір: #4e67d2.
Формати макетів:
Desktop (ширина: 1440px)
Mobile (ширина: 375px)
Вимоги до контенту: Тексти мають проходити перевірку контрастності в Google Lighthouse.
2. Список сторінок для редизайну
Головна - https://dimhub.com.ua/
Сторінка міста - https://dimhub.com.ua/kyiv/
Категорія - https://dimhub.com.ua/kyiv/prodazh-kvartyry/
Об'єкт нерухомості - https://dimhub.com.ua/kyiv/property/zrobit-svii-vibir-na-korist-yakosti-ta-komfortu-1736176188658/
Список агентів - https://dimhub.com.ua/kyiv/agent/
Агент нерухомості - https://dimhub.com.ua/kyiv/agent/ozmitel-vtalna-e415f13f-070e-4f4c-bd8d-1da24b8f2692/
Кабінет користувача - https://dimhub.com.ua/cabinet/profile/
Список об'єктів нерухомості - https://dimhub.com.ua/cabinet/property/
Додавання об'єкта нерухомості - https://dimhub.com.ua/cabinet/property/new/
Про нас - https://dimhub.com.ua/about-us/
Контакти - https://dimhub.com.ua/contact/
Тарифи - https://dimhub.com.ua/tariffs/
3. Основні вимоги до дизайну
3.1. Візуальний стиль
Сучасний, мінімалістичний дизайн із акцентами на основний колір #4e67d2.
Контрастність та доступність: відповідність вимогам Google Lighthouse.
Збалансоване використання білих просторів для кращої читабельності.
3.2. UI/UX вимоги
Чітка навігація, інтуїтивно зрозумілий інтерфейс.
Адаптивність: розробити окремі макети для desktop та mobile.
Виділення важливих CTA (кнопок дій) для збільшення конверсії.
Оптимізація форм (логін, реєстрація, додавання об'єктів тощо).
4. Додаткові вимоги
✅ Оптимізація UI для швидкого завантаження (уникати важких анімацій).
✅ Зручна мобільна версія – адаптивні сітки, великі клікабельні елементи.
✅ Логічна ієрархія заголовків для SEO та покращення UX.
5. Фінальний результат
Файл у Figma з усіма макетами та компонентами.
Готові UI-кити (кнопки, форми, модальні вікна тощо).
Готові desktop та mobile версії кожної сторінки.
Документ із рекомендаціями для розробників (як має виглядати адаптивність, анімації, відступи).