Технічне завдання (ТЗ) для веб-дизайнера з створення інтернет-магазину на WordPress
Коротке ТЗ:
Створити інтернет-магазин до 40 товарів з головною інформаційною сторінкою, що містить:
- Великий банер з унікальним слоганом.
- Рекомендації внизу сторінки.
- Кнопки для інформування покупця про товари.
- Картка товару з повною інформацією.
- Різноманітні функціональні кнопки.
- Кошик покупок.
- Сторінку для зв'язку з менеджером в Telegram.
- Телеграм-бота для пуш-сповіщень про замовлення.
- Індивідуальні посилання на кожен товар.
Детальне ТЗ:
1. **Дизайн і оформлення:**
- Створити сучасний, стильний дизайн у світлих тонах з можливістю перемикання на темну тему.
- Інтерфейс повинен бути українською мовою.
2. **Хостинг і домен:**
- Сайт повинен бути розроблений на WordPress.
- Встановити і налаштувати сайт на наданому хостингу та домені.
3. **Головна сторінка:**
- Створити головну сторінку з банером магазину, що містить унікальний слоган.
- Під банером розмістити 3-5 товарів з функцією прокрутки для перегляду популярних моделей.
- Внизу сторінки додати опис магазину та інформацію про продукцію.
4. **Навігація та кнопки:**
- На головній сторінці розмістити кнопки для переходу в каталог та для зв'язку з менеджером в Telegram.
5. **Сторінка каталогу:**
- Створити сторінку з каталогом товарів, організованих за брендами (Apple, Samsung, Dyson тощо) та підкатегоріями (наприклад, Apple -> AirPods).
- Додати функціонал пошуку товарів за текстом.
6. **Картки товарів:**
- Для кожного товару надати 3D-модель та фотографії високої роздільності.
- Налаштувати анімацію при наведенні на товар (буде обговорюватися додатково).
7. **Сторінка товару:**
- Розмістити велику фотографію товару з мініатюрами для перегляду додаткових зображень.
- Справа від фотографії вказати назву товару, статус (New, OpenBox) з поясненням статусів.
- Вказати ціну товару, яка буде змінюватися залежно від обраних опцій (гарантія, колір, аксесуари).
- Для деяких товарів додати вибір кольору.
- Включити перемикач для додаткових опцій (гарантія, аксесуари) зі зміною загальної ціни.
- Додати кнопки "купити в кредит" (з переходом в Telegram-чат) та основну кнопку "КУПИТИ" з анімацією.
- Вказати маленьку кнопку для користувацької угоди з галочкою.
8. **Кошик:**
- Додати іконку кошика для переходу на сторінку з замовленнями, можливість редагувати замовлення та перейти до оформлення з повідомленням в Telegram-бот.
9. **Опис та характеристики:**
- Під фото товару розмістити його характеристики та опис.
- Внизу сторінки вказати блок "часто цікавляться" з фотографіями та назвами товарів (до 5 штук) та функцією прокрутки.
10. **Відгуки:**
- Розмістити кнопку для написання відгуку та блок з відгуками (тексти будуть надані), можливість прокрутки відгуків.
11. **Футер сайту:**
- Включити посилання на "користувацьку угоду", "Контакти", "гарантія", "повернення" з переходом в Telegram.
- Додати каталог товарів (назви категорій, наприклад, AirPods, Dyson).
12. **Сторінка "Контакти":**
- Створити сторінку з контактною інформацією та кнопкою для переходу на сторінку в Telegram.
Додаткові вимоги:
- Переконайтеся, що дизайн адаптивний і коректно відображається на мобільних пристроях.
- Надайте всі вихідні файли дизайну (PSD, Figma тощо) та доступи для подальшої роботи з сайтом.
Проект повинен бути реалізований в строк, з урахуванням усіх вищезазначених вимог. Рекомендується регулярне проведення зустрічей для обговорення прогресу та коригувань у дискорд або телеграм.
P.S Необхідно обов'язково ознайомитися з вимогами та надати портфоліо.
Приклади сайтів:
https://yabloki.ua
https://jabko.ua/lviv/
https://estore.ua/ua/
https://globy.com.ua/ru/