Мета проекту
Створення сучасного та зручного інтернет-магазину для продажу до 40 товарів, з інтеграцією Telegram для управління замовленнями та зв'язку з клієнтами. Основні функції включають: головну інформаційну сторінку, каталог товарів, деталізовані сторінки товарів, кошик покупок, та функціонал для взаємодії з менеджером через Telegram.
1. Дизайн та мова
**1.1 Дизайн:**
- Стиль: сучасний, мінімалістичний дизайн.
- Кольорова гамма: основний фон - білий, з можливістю перемикання на темний режим (чорний фон).
- Шрифти: читабельні та відповідні загальному стилю сайту.
- UX/UI: інтуїтивно зрозумілий інтерфейс з легкою навігацією.
**1.2 Мова:**
- Усі тексти на сайті повинні бути українською мовою.
2. Технічні вимоги
**2.1 Технології:**
- Frontend: HTML, CSS, JavaScript (перевага з використанням сучасних фреймворків, таких як React або Vue.js).
- Backend: Node.js, Django або інший популярний фреймворк.
- База даних: MySQL, PostgreSQL або MongoDB.
- Хостинг: Вибір відповідного хостингу залежно від навантаження та вимог до безпеки.
**2.2 Адаптивність:**
- Сайт повинен коректно відображатися на всіх пристроях (ПК, планшети, смартфони).
- Підтримка основних браузерів (Chrome, Firefox, Safari, Edge).
**2.3 Безпека:**
- Впровадження SSL сертифіката.
- Захист даних користувачів та забезпечення конфіденційності транзакцій.
- Є власний хостинг hostinger
3. Головна сторінка
**3.1 Основні елементи:**
- Великий банер з унікальним слоганом магазину.
- Під банером розмістити блок з 3-5 популярними товарами, зі стрілками для прокручування.
- Опис магазину та його місії в нижній частині сторінки.
**3.2 Навігація:**
- Розміщення кнопок для переходу до каталогу та зв'язку з менеджером в Telegram в видимих та зручних місцях.
- Переконатися, що кнопки гармонійно вписуються в загальний дизайн.
4. Каталог товарів
**4.1 Структура сторінки:**
- Кнопки для фільтрації товарів за брендами (наприклад, "Apple", "Samsung", "Dyson").
- Підкатегорії товарів (наприклад, під "Apple" - "AirPods").
- Пошук товарів за текстом.
**4.2 Відображення товарів:**
- Фотографії товарів з високим розширенням та можливістю перегляду карточка товару вказана в 3D моделькой.
- Назви товарів під фотографіями.
- Анімація при наведенні на товари (обговорюється додатково).
5. Сторінка товару
**5.1 Основні елементи:**
- Велика фотографія товару з іконками додаткових фото (розміщення іконок обговорюється).
- Назва товару поруч з фотографією.
**5.2 Опис та характеристики:**
- Під фотографією вказати характеристики товару.
- Під характеристиками – опис товару.
**5.3 Ціни та опції:**
- Вказання ціни товару зі зміною при виборі різних опцій (гарантія, колір, аксесуари).
- Вибір кольору товару, якщо доступно.
- Кнопка-важіль як на айфоне для вибору додаткових опцій (гарантія на один рік, покупка аксесуарів).
6. Додаткові функції
**6.1 Кнопки покупки:**
- Кнопка "Купити в кредит" (перехід в чат Telegram).
- Основна кнопка "КУПИТИ" з анімацією преход в Telegram .
- Маленька кнопка для погодження з користувацькою угодою.
**6.2 Кошик:**
- Іконка кошика в видимому місці.
- Можливість видалення товарів та переходу до оформлення замовлення.
- Інтеграція з телеграм-ботом для сповіщень про нові замовлення.
7. Відгуки та рекомендації
**7.1 Рекомендації:**
- Розділ "Часто цікавляться" з товарами та можливістю прокручування.
**7.2 Відгуки:**
- Кнопка для написання відгуку.
- Фейкові відгуки з можливістю прокручування.
8. Футер
**8.1 Елементи футера:**
- Кнопка "Користувацька угода".
- Назва магазину в нижньому лівому куті.
- Кнопки "Контакти", "Гарантія", "Повернення" з переходом в Telegram.
- Каталог товарів (наприклад, "AirPods", "Dyson").
9. Сторінка "Контакти" де можна перейти в телеграмм до менеджера.
**9.1 Основні елементи:**
- Кнопка для переходу в Telegram для зв'язку з менеджером.
10. Інтеграція з Telegram
**10.1 Телеграм-бот:**
- Створення телеграм-бота для сповіщень про нові замовлення.
- Можливість переходу в дірект до менеджера для клієнтів.
Заключення
Проект повинен бути реалізований в строк, з урахуванням усіх вищезазначених вимог. Рекомендується регулярне проведення зустрічей для обговорення прогресу та коригувань у дискорд або телеграм.
P.S Потрібна команда для створення сайту під ключ без додаткових розробників, і іншого. Обов'язково ознайомитися з вимогами та надати портфоліо.
Приклади сайтів, які можуть дати уявлення, як може виглядати сайт: jabko.ua, yabloki.ua, ti.ua, globy.com.ua, appleroom.ua, my-apple.com.ua
Behance
Dribbble
