a1a2a3a4a546a7a8a9a10/doors-landing-page

# Техническое задание на разработку лендинга для компании по продаже дверей ## 1. Общие сведения **Заказчик:** Компания по продаже входных и межкомнатных дверей. **Исполнитель:** [ФИО/название команды] **Цель проекта:** Создание современного, продающего лендинга с каталогом, преимуществами, отзывами и формой заявки. Лендинг должен быть адаптивным, быстро загружаться и поддерживать простое администрирование контента без сложной админки. ## 2. Функциональные требования - **Главная страница:** - Продающий дизайн с акцентом на визуализацию продукции. - Блоки: - О компании. - Каталог дверей (входные и межкомнатные). - Преимущества компании. - Отзывы клиентов. - Форма заявки (с валидацией). - Контактная информация. - **Каталог дверей:** - Простая структура: категории (входные, межкомнатные), карточки товаров (фото, название, краткое описание, цена). - Возможность добавления/редактирования товаров через простую админ-панель. - **Административная панель:** - Авторизация (логин/пароль). - Управление каталогом (добавление, редактирование, удаление товаров). - Управление отзывами (добавление, редактирование, удаление). - Простой интерфейс без сложных настроек. - **Адаптивность:** - Корректное отображение на всех типах устройств (десктоп, планшет, смартфон). - **Быстрая загрузка:** - Оптимизация изображений. - Минимизация и объединение CSS/JS. - Использование современных технологий (lazy loading, кэширование). ## 3. Технические требования - **Стек технологий:** - HTML5, CSS3 (SASS/SCSS), JavaScript (ES6+). - Фреймворк: React или Vue.js (по согласованию). - Для каталога и админ-панели — использование Sandbox (CodeSandbox) с возможностью развёртывания на GitHub Pages. - **Структура проекта:** - src/ - components/ — переиспользуемые компоненты (карточка товара, форма, слайдер и т.д.). - pages/ — страницы лендинга. - assets/ — изображения, шрифты. - styles/ — глобальные стили. - admin/ — компоненты админ-панели. - public/ — статические файлы. - index.html - **Конфигурация:** - Webpack/Vite для сборки и оптимизации. - Babel для поддержки ES6+. - ESLint + Prettier для качества кода. - **Развёртывание:** - Автоматическое развёртывание на GitHub Pages через GitHub Actions. - Ветка gh-pages или основной для публикации. - **Безопасность:** - Простая авторизация в админ-панели (логин/пароль, без сложных ролей). - Хранение данных каталога и отзывов в JSON-файлах или локальном хранилище (для Sandbox/демо-режима). ## 4. Требования к дизайну - Современный, минималистичный стиль. - Цветовая палитра: по согласованию с заказчиком (основной акцент на продукции). - Использование качественных фотографий дверей. - Читаемые шрифты, контрастные элементы. ## 5. Этапы работ 1. Анализ требований и согласование прототипа. 2. Разработка дизайна (Figma/Sketch). 3. Верстка и программирование фронтенда. 4. Реализация админ-панели. 5. Тестирование адаптивности и скорости загрузки. 6. Развёртывание на GitHub Pages. 7. Передача исходников и документации. ## 6. Сдача проекта - Исходный код в репозитории GitHub. - Ссылка на развёрнутый лендинг. - Краткая инструкция по использованию админ-панели. ## 7. Примечания - Для Sandbox: проект должен быть полностью автономным, с возможностью быстрого запуска и редактирования. - Админ-панель — только для внутреннего использования, без публичного доступа. Если потребуется — могу подготовить структуру JSON для каталога и шаблон админ-панели.

язык не указан · рейтинг 0 · 👍 0 · ❤️ 0 · 💎 0 · 0 форков · ссылка на SourceCraft

Дата анализа: 13.10.2026 11:54