Цель проекта
Разработать коммерческий веб-сайт с каталогом аккаунтов и товаров, интегрированный с Telegram. Основная задача - обеспечить быстрый и удобный контакт клиента с менеджером через Telegram. Сайт должен быть современным, удобным и полностью управляемым через админ-панель без необходимости править код.
Источники вдохновения (обязательно изучить перед началом)
- Стиль и подача: минималистичный темный дизайн с акцентом на карточки товаров (образец: сайт, подобный traffbraza.com)
- Каталог товаров: структура с фильтрами и карточками, как на market.farmchel.org/catalog
Дизайн и UX
- Тёмная минималистичная цветовая гамма
- Основное внимание - на карточки товаров
- Адаптивность под ПК и мобильные устройства
- Высокая скорость загрузки (быстродействие обязательно)
- UX ориентирован на быстрый переход клиента к менеджеру (максимум 1-2 клика)
Структура сайта
- Главная страница
- Каталог с фильтрами и поиском
- Страница отдельного товара
- Поиск и фильтрация товаров по характеристикам
- Авторизация через Telegram
- Админ-панель для управления контентом
Каталог товаров
Каждая карточка товара содержит:
- Название товара
- Изображение (одно или несколько)
- Цена
- Описание (опционально)
- Кнопка действия (Купить/Связаться)
- Поддержка любого количества товаров (сотни и тысячи)
Авторизация (обязательный модуль)
- Вход только через Telegram (Login Widget или Bot API, на выбор разработчика)
- Без использования email и паролей
- Автоматическое создание учетной записи при первом входе
- Привязка к Telegram ID и username клиента
Ключевой функционал
- После авторизации и выбора товара клиент нажимает кнопку: «Связаться с менеджером» или «Купить через Telegram»
- Происходит автоматический переход в Telegram (в личный чат менеджера или бота)
- В процессе передачи данных менеджер автоматически получает: Telegram ID клиента, его username, название и цену выбранного товара
- Список менеджеров настраивается через админ-панель
- Переход к менеджеру - ровно в 1 клик без лишних промежуточных экранов
Админ-панель
- Управление товарами: добавление, редактирование, удаление
- Управление категориями товаров
- Редактирование цен
- Загрузка и замена изображений
- Управление списком Telegram-менеджеров (назначение ответственных за конкретную категорию или всех товаров)
- Простой, интуитивно понятный интерфейс без необходимости править код