Главное
Покажите учебный бриф, два варианта первого экрана и одну правку после проверки мобильного макета. Объясните, какую задачу посетителя решила правка.
Составьте бриф на одну страницу
Допустим, студия керамики проводит пробное занятие. Посетитель хочет понять, справится ли без опыта, что входит в занятие и как записаться. Запишите это как задачу страницы. Для макета придумайте условия и обозначьте их как данные учебного сценария.
Ограничьте работу одной страницей. Для первой версии достаточно предложения, состава занятия, блока с условиями и перехода к записи. Сделайте текст до визуального оформления: он покажет, какие блоки действительно нужны.
Покажите решение на двух вариантах
В первом варианте крупная фотография мастерской занимает почти весь экран. Во втором рядом с фотографией видны название занятия, уточнение «Подходит новичкам» и ссылка «Выбрать время». Оформите оба варианта и объясните, какую информацию видит человек на каждом.
Покажите в кейсе один черновой экран рядом с исправленным. Подпись «На первом экране стало видно, что опыт не нужен» объясняет конкретное изменение. Если решение ещё не проверяли, укажите, что это предположение.
Проверьте макет на телефоне
Соберите мобильную версию. Замените короткий заголовок более длинным, чтобы увидеть, где появятся переносы. Откройте прототип на телефоне, проверьте читаемость и пройдите путь к записи от начала до конца.
Дайте знакомому конкретную задачу: «Вы впервые идёте на керамику. Найдите, подойдёт ли занятие новичку и где записаться». Запишите, на каком экране человек остановился и какой подписи ему не хватило. Покажите одну правку, сделанную после этой проверки.
Соберите описание для портфолио
Начните с итогового экрана и двух предложений о задаче. Затем дайте столько контекста, сколько нужно для понимания решений. Укажите, какие части работы выполнили вы и что осталось на уровне прототипа.
Из чего состоит кейс
- Контекст и роль: учебный лендинг студии, я подготовил текст, макет и прототип.
- Задача: помочь новичку понять условия и найти запись.
- Решение: сравнил варианты первого экрана и вывел ключевые условия рядом с переходом.
- Проверка: показал мобильный макет и описал, что изменил после пробного прохода.
- Результат: приложил итоговые экраны и ссылку на прототип.
