Техническое задание на разработку сайта

Необходимо создать сайт с нуля, разделив работу на три ключевых этапа: проектирование дизайна, верстка макетов и программирование серверной части. Задание составлено для каждого специалиста отдельно.

1. Задача для дизайнера

Разработать современный, удобный и визуально привлекательный дизайн для всех страниц сайта.

Требования:

• Создать прототипы основных страниц (главная, каталог, контакты, статья/карточка товара).
• Подготовить полный дизайн-макет в Figma, Adobe XD или аналогичном инструменте.
• Продумать адаптивную версию для мобильных устройств и планшетов.
• Подготовить логотип и элементы фирменного стиля (цветовая палитра, типографика, кнопки, иконки).
• Предоставить все исходные файлы и графические ресурсы.

2. Задача для верстальщика (Frontend-разработчика)

Адаптивная и кроссбраузерная верстка предоставленных дизайн-макетов.

Требования:

• Точно перенести все элементы дизайна в код.
• Реализовать адаптивность (Mobile First подход приветствуется).
• Обеспечить корректное отображение в последних версиях Chrome, Firefox, Safari, Edge.
• Оптимизировать скорость загрузки (сжатие изображений, минификация кода).
• Верстка должна быть семантичной и валидной.
• Подготовить чистый HTML, CSS и, при необходимости, базовый JavaScript для интерактивных элементов (слайдеры, меню).

3. Задача для программиста (Backend-разработчика)

Разработка серверной логики, системы управления контентом (CMS) или необходимого функционала.

Требования:

• Выбрать и обосновать стек технологий (например, PHP/Laravel, Python/Django, Node.js).
• Разработать архитектуру базы данных.
• Реализовать административную панель для управления контентом сайта.
• Настроить хостинг, домен и базовое SEO (человеко-понятные URL, мета-теги).
• Обеспечить безопасность (защита от SQL-инъекций, XSS-атак).
• Интегрировать сверстанные frontend-шаблоны с backend-логикой.

Общие требования ко всем этапам

• Соблюдение сроков, указанных в этапах.
• Чистый, документированный и поддерживаемый код.
• Регулярная коммуникация и согласование этапов работы.
• Предоставление исходных файлов и инструкций по развертыванию проекта.