Цель проекта
Создание современного и удобного интернет-магазина для продажи до 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
