IN-02. Структура и виды веб-страниц. Адаптив. Модульная сетка
On this page
Основное задание – для всех групп
Сделайте красиво 😍🥺
- Дизайнеры – макет.
- ИТД – макет + мини-ТЗ.
Контекст: представьте, что заказчик прислал Вам набросок главной страницы и попросил превратить его в нормальный современный сайт. Нужно понять, что заказчик имел в виду, и на основе исходника сделать свой макет главной страницы.
Это не задание на буквальную перерисовку. Можно менять структуру, группировку и способ подачи информации, если считаете свое решение более логичным.
Делаем только desktop-версию. На этом задании техническая правильность Figma не оценивается – мне важно Ваше решение.
В названии проекта Figma укажите фамилию + имя.
Вводные от заказчика
Нужна главная страница сайта международной конференции DeTMa-2. Конференция пройдет 10-14 февраля 2026 года в Санкт-Петербурге. На сайте обязательно должны быть информация о конференции, контакты и регистрация. Сейчас идет прием тезисов и действует ранняя регистрация до 01.02.2026 – это важно показать заметно.
Сайт должен быть на русском и английском языках. Хотелось бы, чтобы сайт выглядел современно и подходил для научной конференции. Остальное можно предложить самостоятельно.
Макет
Исходник: Figma

Дополнительно для ИТД: мини-ТЗ
Перед завершением макета составьте краткое ТЗ (максимум 1-2 страницы). Задача – превратить неполные пожелания заказчика в понятные требования и отдельно показать, какой информации не хватает.
Шаблон:
- Что разрабатываем – какой сайт/страница и для чего.
- Цель страницы – какой результат нужен заказчику и какое основное действие ожидается от пользователя.
- Целевая аудитория – для кого предназначена страница. Если данных недостаточно, так и напишите.
- Содержание страницы – какая информация и какие смысловые блоки обязательно должны быть.
- Функциональные требования – что пользователь должен иметь возможность сделать.
- Требования к представлению – требования к понятности, иерархии, навигации и общей подаче без описания конкретного расположения элементов.
- Вопросы заказчику – что невозможно определить по исходнику и вводным.
- Принятые допущения – какие решения Вы принимаете самостоятельно, пока ответов нет.
- Критерии готовности – 3-5 проверяемых условий, по которым можно понять, что задача выполнена.
Если чего-то нет во вводных, не выдавайте это за требование заказчика: оформите как вопрос или явно обозначьте как свое допущение.
Можно использовать ИИ, но чтобы не было бреда и Вы всё написанное понимали.
За бред бан.