Задача: Разработка адаптивного дизайна для трех веб-приложений

Общее описание

Требуется разработать дизайн для трёх различных веб-приложений (лендинги и многостраничные сайты). Для каждого приложения необходимо создать макеты для трёх разрешений экрана: мобильная версия, планшетная версия и десктопная (стандартное широкое разрешение).

Конкретные требования по приложениям

Приложение 1: Продающий лендинг для продвижения товаров/услуг

Одностраничный сайт, сфокусированный на конверсии (продажи/заявки).
Важная последовательность блоков: заголовок, оффер, преимущества, кейсы/отзывы, призыв к действию/форма.

Приложение 2: Веб-сервис (3-5 ключевых страниц)

Примерный объём: от трёх до пяти функциональных страниц.
Структура: личный кабинет/панель пользователя, узкоспециализированные внутренние страницы (например, услуги, заявки).
Акцент на чистый интерфейс, навигацию и скорость взаимодействия пользователя.

Приложение 3: Корпоративный/информационный портал (10-15 страниц)

Крупный проект с развитой навигацией и структурой.
Необходимо учесть: главную страницу, внутренние разделы, карточки материалов/услуг, контакты, FAQ.
Дизайн должен поддерживать чтение контента и удобство поиска информации.

Ключевые требования к дизайну

Сетка должна ломаться на трёх чётко заданных разрешениях (<768px и >401px; 768-1024px; >1280px).
Все макеты должны выглядеть целостно: одинаковые отступы, сетка и стилистика носителя.
Предусмотреть логичную посадочную последовательность для мобильных плеч: меню->контент->призыв к действию.
Использовать последовательное прототипирование: от мобильной версии к десктопной (Mobile First).
Готовые макеты обязаны иметь повторяющиеся компоненты и применимые через цветотонные схемы стили.

Форматы сдачи

Исходники (Figma, Sketch x или любое другое совместное ПО с возможностью правок на всех страницах через слайс-редактирование).
Полные наборы мобильных и десктопных макетов.
Перечень иконок, используемых шрифтов и базового UI-kit на основе существующих задач.

Примечание: В задании могут упоминаться продающие единицы товара, компании определенного рода (например, службы безопасности имущества), однако наименования брендов и логотипы следует скрыть от утверждения. Все ссылки и номера будут переданы тон менеджменту на следующих итерациях согласования - данные для ТЗ исключаются.

код