Техническое задание: HTML-шаблон для магазина аккаунтов
Цель проекта
Разработать готовый, полнофункциональный HTML-шаблон для веб-сайта, специализирующегося на продаже цифровых аккаунтов (игровых, программных, подписочных). Шаблон должен быть выполнен профессионально, с акцентом на удобство пользователя и администратора.
Ключевые требования к шаблону
Общие требования
- Полностью валидная, семантическая верстка (HTML5, CSS3).
- Полная адаптивность под все типы устройств (мобильные, планшеты, десктоп).
- Чистый, современный и минималистичный дизайн, ориентированный на конверсию.
- Кроссбраузерная совместимость (последние версии Chrome, Firefox, Safari, Edge).
Необходимый функционал и страницы
- Главная страница: Приветственный блок, категории товаров, преимущества, FAQ.
- Каталог товаров: Страница со списком аккаунтов, фильтрация по категориям, ценам, платформам.
- Карточка товара: Детальное описание аккаунта, скриншоты, кнопка покупки.
- Корзина покупок: Интерфейс добавления/удаления товаров, расчет суммы.
- Личный кабинет пользователя:
- История заказов и их статус.
- Купленные аккаунты с доступом к данным (логин/пароль).
- Баланс или история транзакций (заглушка для интеграции с платежками).
- Настройки профиля.
- Панель администратора (админ-часть в виде отдельного набора страниц или концепта):
- Управление товарами (добавление, редактирование, удаление).
- Просмотр и обработка заказов.
- Управление пользователями.
- Загрузка данных для аккаунтов (массовая или одиночная).
- Служебные страницы: FAQ, Контакты, Условия использования, Политика конфиденциальности.
Технические аспекты
- Верстка должна быть чистой, без привязки к конкретной CMS (готов к интеграции).
- Логика интерфейса личного кабинета и корзины должна быть реализована на JavaScript (jQuery/Vanilla JS).
- Предоставить хорошо структурированный, комментированный код.
- Использовать современные подходы (Flexbox/Grid).
Что предоставить по итогу
- Полный набор HTML, CSS, JS файлов с корректной файловой структурой.
- Все страницы, перечисленные в требованиях, связанные между собой навигацией.
- Интерактивные элементы (корзина, фильтры, табы в ЛК) должны быть рабочими на фронтенде.
- Шаблон должен быть готов к передаче backend-разработчику для дальнейшей интеграции.