ТЗ: редизайн сайту opt.mir-lent.com (UI/UX + дизайн макетів)
Проєкт: редизайн інтернет-магазину
Сайт зараз: https://opt.mir-lent.com/
Мета: оновити візуальний стиль і покращити зручність користування, не “зламавши” звичні сценарії для постійних клієнтів.
1) Ключова задача
Сайт виглядає застаріло. Потрібно зробити сучасніший дизайн, але зберегти впізнаваність: структура, логіка та основні блоки мають залишитися близькими до поточного сайту, щоб клієнти не відчували, що “це зовсім інший магазин”.
2) Формат роботи
Ми не маємо чітко визначеного стилю, тому очікуємо процес у 3 кроки:
Бріф / уточнення вимог (ви допомагаєте сформулювати)
UI/UX аналіз поточного сайту + рекомендації (що покращити/спростити, що прибрати як зайве)
Дизайн макетів на основі погодженого напрямку
Бажано: 1–2 концепції (на прикладі головної/категорії), потім обираємо одну і масштабуємо на всі сторінки.
3) Вимоги до дизайнера
У портфоліо має бути хоча б один кейс інтернет-магазину (e-commerce), бажано близький за логікою до нашого.
Вміння працювати з UI-системою: компоненти, стани, адаптиви.
4) Обсяг макетів (мінімальний набір)
Потрібні макети (Desktop + Mobile; якщо можливо — ще Tablet):
Головна
Сторінка категорії / список товарів
Картка товару
Інформаційна сторінка (доставка / оплата / про компанію)
Сторінка відгуків
Сторінка оформлення замовлення (checkout)
Сторінка авторизації та реєстрації
Особистий кабінет користувача
Сторінка результатів пошуку
Сторінки/блоки, які є в поточному сайті і активно використовуються
Важливо: перелік може бути неповним. У рамках проєкту потрібен дизайн усіх ключових сторінок сайту, які використовуються в реальних сценаріях користувачів.
5) Очікування від UI/UX (що саме покращуємо)
читабельність (типографіка, контраст, ієрархія)
візуальна “охайність” карток товарів і списків
зрозумілі CTA (купити/замовити/запит опту тощо)
навігація по категоріях, фільтри та сортування
довіра: елементи, що підсилюють впевненість клієнта (але без “перебору”)
Також дизайнер може запропонувати:
6) Що має бути на виході
Макети у Figma
Компонентна система (кнопки, поля, форми, картки, бейджі, хедер/футер, модалки тощо)
Стани елементів: hover/active/disabled (мінімум для ключових)
Адаптиви (Desktop + Mobile)
За можливості: короткий style guide (шрифти, кольори, відступи)
7) Потрібно від вас у відповіді
Посилання на портфоліо з e-commerce кейсами
Орієнтовна вартість і терміни
Як ви організовуєте процес (аудит → концепція → макети → правки)
Що входить/не входить у вартість (адаптиви, компоненти, кількість правок)