Ниже представлено профессиональное Техническое задание (ТЗ), составленное с учетом ваших требований. Его можно использовать как приложение к договору с разработчиком или как основу для тендера.
Презентация, чтобы было понятно какая информация будет на сайте
Техническое задание на разработку корпоративного сайта-визитки фабрики
1. Общие сведения
- Тип проекта: Корпоративный сайт-визитка (B2B сегмент).
- Целевая аудитория: Оптовые покупатели, представители торговых сетей, дистрибьюторы.
- Цель сайта: Презентация производственных мощностей и продукции, сбор заявок на оптовые поставки, перенаправление розничных клиентов в интернет-магазин.
- Стиль: Деловой, строгий, современный, вызывающий доверие (корпоративный стиль).
2. Технические требования
- Платформа (CMS): WordPress (с использованием визуального редактора Elementor или Gutenberg) для обеспечения возможности самостоятельного редактирования.
- Адаптивность: Полная корректная работа на Desktop, Tablet, Mobile (Mobile First).
- Скорость загрузки: Высокая скорость (по показателям Google PageSpeed Insights).
- SEO-подготовка: Чистый код, возможность редактирования Title, Description, заголовков H1-H3.
- Аналитика: Интеграция Google Analytics 4 и Яндекс.Метрики. Настройка целей на клики по мессенджерам и отправку форм.
3. Структура сайта (Контентные блоки)
Сайт должен представлять собой либо многостраничный ресурс, либо длинный Landing Page с навигацией по якорям.
1. Шапка (Header): Логотип, меню навигации, номер телефона (кликабельный), кнопка быстрого перехода в мессенджер.
2. Первый экран (Hero Section): Качественное фоновое изображение продукции/производства, заголовок с УТП, краткое описание деятельности.
3. Блок «О компании» (Информационный): Текстовый блок о масштабах фабрики, преимуществах работы напрямую с производителем.
4. Блок «Продукция» (Каталог-презентация):
- Визуальные карточки товаров.
- Возможность отображения характеристик в табличном виде.
- Кнопка под каждым товаром: «Запросить оптовый прайс».
5. Блок «Галерея»: Сетка с фотографиями производства и видео-вставками (YouTube/Vimeo), демонстрирующими процесс.
6. Блок «Розница»: Информационный блок с координатами розничного магазина и гиперссылкой на интернет-магаин.
7. Блок «Контакты»:
- Контактная информация (Email, Телефон, Адрес).
- Кнопки мессенджеров (мессенджеры).
- Интерактивная карта (Яндекс/Google).
8. Подвал (Footer): Копирайт, ссылки на соцсети, краткое меню.
4. Функциональные требования
4.1. Система сбора заявок
Для минимизации юридических сложностей (ФЗ-152 «О персональных данных») реализуется упрощенная форма обратной связи:
- Поля формы: «Имя» и «Контактный телефон/Email».
- Механика: Под кнопкой отправки размещается текст: «Нажимая кнопку, вы даете согласие на обработку персональных данных в целях связи с вами» с активной ссылкой на страницу «Политика конфиденциальности».
- Результат: Данные мгновенно отправляются на указанный владельцем Email.
4.2. Управление контентом (Админ-панель)
Разработчик обязан обеспечить пользователю возможность без навыков программирования:
- Изменять любые текстовые блоки.
- Заменять изображения и видео в галерее.
- Редактировать данные в таблицах (характеристики продукции).
- Добавлять новые разделы или блоки на страницы.
5. Требования к дизайну
- Уникальность: Дизайн не должен быть шаблонным.
- Визуальный язык: Использование качественных «дорогих» шрифтов, наличие свободного пространства (воздуха), профессиональная цветовая гамма, соответствующая индустрии.
- UX (User Experience): Интуитивно понятная навигация. Клиент должен найти способ связи в течение 3 секунд после захода на сайт.
6. Этапы и результаты работ
1. Проектирование: Разработка структуры и прототипа.
2. Дизайн: Создание визуальной концепции.
3. Разработка: Верстка, настройка CMS, интеграция аналитики.
4. Наполнение: Перенос данных из предоставленной презентации.
5. Тестирование: Проверка форм, адаптивности и скорости.
6. Сдача: Передача доступов и краткая инструкция по управлению сайтом.