Esc — закрыть

Учебная задача

Карточка курса Главреда

Что этоТренировка по лекциям первой недели первой ступени Школы Бюро
Дата6 октября 2026
ИнструментFigma

Сверху вниз и внутреннее/внешнее на одной карточке

Собирала промо-уведомление для курса Главреда (скидка 50%, один день) и проверила на нём два правила недели.

Полезное действие — не «скидка 50%», а «помочь уже заинтересованным наконец решиться, пока дешевле».

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

Первый вариант промо-карточки: скидка 50% на курс Главреда — Вариант 1

Итоговый вариант промо-карточки: скидка 50% на курс Главреда, иллюстрация с оленем, кнопка «Записаться со скидкой» — Итоговый вариант

Esc — закрыть

Вступительное задание

РТД: билет на телепортацию

Что этоВступительное задание в Школу Бюро Горбунова
Год2026
ИнструментFigma

Задачи

1Спроектировать сайт покупки билетов: поиск, выбор, данные пассажира, оплата, талон.
2Учесть условия телепортации: без одежды и металла, вещи и техника остаются на токзале, талон с собой не взять.
3Сделать десктопную и мобильную версии, узнаваемые как покупка билета на поезд или самолёт.

Путь клиента

Схема пути клиента РТД: пять сценариев с развилками, покупка билета, посадка на токзале, получение вещей и техники, статус рейса

Схему можно прокрутить вбок. Открыть в полном размере (откроется в новой вкладке)

Как решено

01

Знакомый сценарий

Поиск, результаты, пассажиры, оплата, талон — как за любым билетом. Шаги стоят над формой, а главное условие сервиса, что вещи остаются на токзале, а металл на теле запрещён, — сразу под кнопкой поиска.

Главный экран: вкладки видов транспорта, шаги покупки и форма поиска

Результаты поиска: три рейса на выбранную дату

02

Одежда — отдельный шаг

Билет у всех один, меняется только то, что ждёт на токзале прибытия. Картонная одежда входит в цену, остальное за доплату.

Шаг «Рейс и одежда»: эконом, стандарт, первый класс и доставка одежды из магазина

03

Вещи и техника — два решения

Вещи по умолчанию уничтожаются бесплатно или едут обычным транспортом за доплату. Технику в портал не взять: её отправляют отдельно, а на прибытии выдают временное устройство.

Шаг «Вещи и техника»: уничтожить или отправить вещи, отправить технику

04

Пассажиры и оплата — как обычно

Там, где телепортация ничем не отличается от других билетов, интерфейс её не выделяет.

Шаг «Пассажиры»: форма с данными пассажира

Шаг «Оплата»: способы оплаты и состав заказа

05

Талон и терминал

Талон — бумажный или электронный, с QR-кодом. На терминале пассажир подтверждает три пункта: одежда, металл, техника. Кнопка активна, только когда отмечены все три.

Шаг «Талон»: подтверждение билета с данными рейса и QR-кодом

Терминал: три пункта не отмечены, кнопка неактивна — Пункты не отмечены, кнопка неактивна

Терминал: отмечены три пункта, кнопка «Подтвердить» активна — Все три пункта отмечены

06

Мобильная версия

Шапка из трёх частей — логотип и меню, виды транспорта, «Купить билет» и «Мои поездки» — остаётся почти на всех экранах.

Esc — закрыть

Учебная задача

Экран ошибок фида товаров

Что этоУчебная работа
ОсноваМакет экрана из статьи
УчастникиТолько я
ИнструментFigma

Задачи

1Показать маркетологу, что чинить в первую очередь.
2Дать разработчику точную строку в XML.
3Сделать это одной: без бэкенда, аналитики и менеджера продукта.

Как решено

01

Ошибки по критичности

Вместо блоков «Ошибка» и «Рекомендации» — два уровня: «Критично» и «Желательно». У каждой ошибки заголовок, что исправить и ссылка в Справку.

Раскрытая строка показывает фрагмент XML: место ошибки подсвечено, под ним пояснение.

Базовый макет: два блока «Ошибка» и «Рекомендации» со списками позиций — Было: базовый макет

Редизайн экрана: результат последней проверки и две ошибки, критичная с раскрытым фрагментом XML и желательная — Стало

02

Результат проверки на виду

Над ошибками — баннер, если проверку давно не запускали, и шкала товаров с ошибками и без. «Перепроверить» неактивна, пока не исправлена хотя бы одна критичная ошибка, и рядом сказано почему.

Предупреждения и регионы показа вынесены в подсказки в шапке.

Тот же экран с открытыми подсказками «2 предупреждения» и «Регионы показа» — Подсказки в шапке

03

Решения не на глаз

Каждую идею оценила по ценности и сложности и разделила одно на другое: две «очевидные» идеи не прошли. С Google Merchant Center сверила уровни критичности. В списке сначала критичность, потом число товаров.

Esc — закрыть

Графика

Карточки сотрудников

Что этоКарточки сотрудников в стиле концертной афиши
Дата27 августа
Референсафиша концерта Николая Редькина

Задачи

1Сделать карточки, которые хочется рассматривать: не анкету, а афишу, где сотрудник — главный герой.
2Взять за основу афишу концерта и переработать её под рабочие данные: должность, дата, адрес.
3Подготовить по два варианта каждой карточки, чтобы можно было выбрать удачное фото.

Референс

Афиша концерта

Оттуда взята схема: имя крупно в две строки, роль в скобках, фото в мягком «облаке» на цветном фоне, фраза‑крючок и строка с датой и местом.

Результат: карточка Макса Соловьёва, тех-тим лида — Результат

Как решено

01

Алёна Кузьмина

Розовый фон и тёплые фото. Варианты различаются портретом: один с игрой света в цветах, другой с прямым взглядом в камеру. Остальное не меняется.

Карточка Алёны Кузьминой, зам. директора, вариант 1 — Вариант 1

Карточка Алёны Кузьминой, зам. директора, вариант 2 — Вариант 2

02

Макс Соловьёв

Синий фон, как в референсе. В первом варианте он за рабочим столом, во втором — крупный план. В подписи разный город.

Рисованные галочки, стрелки и фраза в роли цитаты остались из референса: они делают карточку живой.

Карточка Макса Соловьёва, тех-тим лида, вариант 1 — Вариант 1

Карточка Макса Соловьёва, тех-тим лида, вариант 2 — Вариант 2

Esc — закрыть

Графика

Постер «Веранда»

Что этоПостер для Goodline
Дата7 сентября
Референсреклама «Яндекс Еды»

Задачи

1Сделать вертикальный постер о том, что веранда скоро закроется: одной фразой и без лишнего текста.
2Выделить срок, 9 сентября, чтобы его считывали сразу.
3Остаться в фирменных оранжевых цветах Goodline, но взять живое фото вместо рекламной картинки.

Референс и результат

«Кто куда, а ты…»

Из референса взята схема: логотип на плашке сверху, герой почти во весь кадр, слоган крупно внизу и под ним плашка с главным фактом. В рекламе это доход, у меня — срок.

Результат: постер Goodline «кто куда, а ты на веранде» — Результат

Как решено

1Слоган. Вместо «за деньгами» — «на веранде»: та же интонация, но про отдых. Две строки, строчными буквами, фирменным оранжевым.
2Герой и цвет. Тёплая осенняя сцена с чаем. Цвета свитера и кирпичной стены перекликаются с оранжевой графикой, поэтому фото и плашки выглядят цельно.
3Срок. Плашка из двух частей: слева мелко «скоро закрытие», справа крупно «9 сентября» на оранжевом. Главное читается за секунду, а подпись объясняет, к чему дата.
4Графика. Оранжевый мазок в правом верхнем углу и тёмный в левом нижнем добавляют движения и уравновешивают композицию.

Октябрь