Техническое задание: Адаптивный дизайн и прототипирование в Figma

Основная цель

Преобразовать существующие макеты веб-страницы в профессиональную, адаптивную и интерактивную структуру в Figma, используя современные инструменты фреймворка.

1. Настройка адаптивности (Auto Layout + Constrain)

• Перевести все секции страницы в структуру Auto Layout.
• Настроить корректное масштабирование элементов с помощью Constraint, чтобы макет не ломался при изменении размеров.
• Подготовить минимум три варианта отображения ключевых секций для разных сценариев.
• Применить вложенные структуры Auto Layout для сложных компонентов.
• Протестировать и подтвердить работоспособность Constraint при изменении масштаба.

2. Работа с компонентами и списками

• Создать основной компонент на основе элементов списка.
• Настроить внутри компонента гибкий Auto Layout.
• Заменить все статические списки в макете на созданный компонент.
• Реализовать вложенные уровни списков (подуровни) с отступами вправо, используя Auto Layout.

3. Создание интерактивного прототипа (Prototype)

• Настроить плавные переходы по якорным ссылкам из меню в шапке и подвале сайта.
• Реализовать интерактивную галерею с перелистыванием контента с помощью стрелок.
• Добавить в форму валидацию как минимум для двух типов полей (например, email и обязательное поле).
• Создать всплывающее окно (popup) с сообщением об успешной отправке формы и возможность его закрыть.
• Настроить анимации и адаптивное поведение для трёх ключевых брейкпоинтов: 2560px, 1440px и 640px.

Сроки и требования

Работа должна быть выполнена в соответствии с предоставленными макетами и требованиями. Дедлайн - до 10 декабря 2025 года.