ТЗ для дизайнера сайту Orehova molds
1. Завдання
Потрібно розробити дизайн трьох ключових сторінок сайту mold.com.ua:
- Головна сторінка
- Картка товару
- Кошик / оформлення замовлення
Макети потрібні у двох версіях:
- desktop — 1440 px;
- mobile — 375/390 px.
Дизайн має бути сучасним, зручним, естетичним і орієнтованим на продаж.
2. Про бренд
Orehova molds — український бренд, який виробляє та продає силіконові форми для кондитерів, шоколатьє, мусових десертів, маршмелоу-флористики та домашніх кондитерів.
Основний акцент бренду — не просто форма, а красивий результат, який клієнт отримує з її допомогою. У дизайні важливо показати естетику десертів, преміальність, довіру до виробника та простоту покупки.
3. Ціль дизайну
Потрібно покращити шлях клієнта:
реклама / Instagram / Google → товар → довіра → кошик → оформлення замовлення.
Дизайн має допомогти:
- збільшити конверсію сайту;
- спростити покупку з мобільного телефону;
- краще показати переваги продукції;
- збільшити середній чек через супутні товари;
- зменшити кількість питань до менеджерів.
4. Головна сторінка
Потрібно передбачити такі блоки:
- Перший екран
- логотип;
- зрозумілий заголовок;
- коротке пояснення, що продаємо;
- якісний візуал продукції або готових десертів;
- кнопка “Перейти до каталогу”.
- Категорії товарів
- силіконові форми;
- форми для шоколаду;
- форми для маршмелоу;
- барвники;
- шоколад;
- декор / упаковка.
- Популярні товари та новинки
- фото;
- ціна;
- коротка перевага;
- кнопка покупки.
- Блок довіри
- власне виробництво;
- харчовий силікон;
- швидке відправлення;
- міжнародна доставка;
- досвід бренду.
- Результат з нашими формами
- фото готових десертів;
- приклади робіт клієнтів;
- акцент на “вау-ефекті”.
- FAQ
- доставка;
- оплата;
- використання форм;
- міжнародні замовлення.
5. Картка товару
Картка товару має бути максимально зручною та продавальною.
Обов’язкові елементи:
- велике фото товару;
- галерея фото;
- назва товару;
- ціна;
- наявність;
- кнопка “Додати в кошик”;
- короткі переваги біля кнопки;
- характеристики;
- опис товару;
- блок “Для чого підходить”;
- рекомендовані товари;
- відгуки;
- FAQ по товару.
На мобільній версії бажано передбачити sticky-блок з ціною та кнопкою покупки.
Важливо показати не лише саму форму, а й готовий десерт, який можна з нею зробити.
6. Кошик / оформлення замовлення
Кошик має бути простим і зрозумілим.
Потрібно передбачити:
- список товарів;
- фото товару;
- назву;
- ціну;
- кількість;
- можливість видалити товар;
- підсумок замовлення;
- промокод;
- доставку;
- загальну суму;
- блок супутніх товарів;
- форму оформлення замовлення.
У формі замовлення:
- ім’я;
- телефон;
- email;
- місто;
- спосіб доставки;
- спосіб оплати;
- коментар.
На mobile кнопка оформлення має бути добре помітною.
7. Стиль дизайну
Дизайн має бути:
- преміальним;
- чистим;
- сучасним;
- жіночним, але не дитячим;
- зручним;
- з великими якісними фото;
- без перевантаження;
- з акцентом на продукцію та готовий результат.
Орієнтир: сучасний e-commerce, логіка Etsy/Amazon, але в стилі бренду Orehova.
8. UX-вимоги
Дизайнер має продумати:
- як швидко знайти потрібну категорію;
- як клієнт розуміє переваги товару;
- як швидко додати товар у кошик;
- як збільшити середній чек;
- як зменшити сумніви перед покупкою;
- як зробити покупку з телефону простою.
9. Що має бути в результаті
Дизайнер має передати:
- Figma-файл.
- Головна сторінка — desktop і mobile.
- Картка товару — desktop і mobile.
- Кошик — desktop і mobile.
- Базовий UI-kit:
- кнопки;
- поля;
- кольори;
- шрифти;
- картки товарів.
- Коментарі для верстальника.
10. Критерії приймання
Робота вважається виконаною, якщо:
- дизайн відповідає бренду Orehova;
- сайт виглядає сучасно;
- mobile-версія зручна;
- зрозуміло, як купити товар;
- картка товару продає результат;
- кошик не перевантажений;
- є логіка допродажу;
- Figma-файл акуратно підготовлений для розробника.
11. Термін виконання
Орієнтовний термін: 7–14 робочих днів.
Етапи:
- Аналіз поточного сайту.
- Прототип.
- Погодження структури.
- UI-дизайн.
- Mobile-версії.
- Правки.
- Передача Figma-файлу.
