Skip to content

IN-02. Структура и виды веб-страниц. Адаптив. Модульная сетка

On this page

Основное задание – для всех групп

Сделайте красиво 😍🥺

  • Дизайнеры – макет.
  • ИТД – макет + мини-ТЗ.

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

Это не задание на буквальную перерисовку. Можно менять структуру, группировку и способ подачи информации, если считаете свое решение более логичным.

Делаем только desktop-версию. На этом задании техническая правильность Figma не оценивается – мне важно Ваше решение.

В названии проекта Figma укажите фамилию + имя.

Вводные от заказчика

Нужна главная страница сайта международной конференции DeTMa-2. Конференция пройдет 10-14 февраля 2026 года в Санкт-Петербурге. На сайте обязательно должны быть информация о конференции, контакты и регистрация. Сейчас идет прием тезисов и действует ранняя регистрация до 01.02.2026 – это важно показать заметно.

Сайт должен быть на русском и английском языках. Хотелось бы, чтобы сайт выглядел современно и подходил для научной конференции. Остальное можно предложить самостоятельно.

Макет

Исходник: Figma

Набросок макета конференции

Дополнительно для ИТД: мини-ТЗ

Перед завершением макета составьте краткое ТЗ (максимум 1-2 страницы). Задача – превратить неполные пожелания заказчика в понятные требования и отдельно показать, какой информации не хватает.

Шаблон:

  • Что разрабатываем – какой сайт/страница и для чего.
  • Цель страницы – какой результат нужен заказчику и какое основное действие ожидается от пользователя.
  • Целевая аудитория – для кого предназначена страница. Если данных недостаточно, так и напишите.
  • Содержание страницы – какая информация и какие смысловые блоки обязательно должны быть.
  • Функциональные требования – что пользователь должен иметь возможность сделать.
  • Требования к представлению – требования к понятности, иерархии, навигации и общей подаче без описания конкретного расположения элементов.
  • Вопросы заказчику – что невозможно определить по исходнику и вводным.
  • Принятые допущения – какие решения Вы принимаете самостоятельно, пока ответов нет.
  • Критерии готовности – 3-5 проверяемых условий, по которым можно понять, что задача выполнена.

Если чего-то нет во вводных, не выдавайте это за требование заказчика: оформите как вопрос или явно обозначьте как свое допущение.

Можно использовать ИИ, но чтобы не было бреда и Вы всё написанное понимали.

За бред бан.