
Формат проектов для витрины Школы дизайна hsedesign.ru значительно отличается от обычного студенческого портфолио.
Разберемся, как выглядит хорошая подача.
Рекомендации
Шаг 1
Начинайте с самой привлекательной части проекта, после которой захочется разобраться в проекте и листать ниже.
Приветствуется погружение в проблематику, однако делать это стоит выдержанно и в стиле проекта, не перегружая анализом.
Также выигрышно смотрятся динамичные элементы в начале подачи.

Продумайте, как слова на самих носителях уже могут погрузить человека в тему.

Шаг 2
По мере повествования чередуйте элементы так, чтобы сохранять у пользователя интерес и желание посмотреть проект дальше.
Ритм/баланс
Необходимо чередовать общий, средний и крупный план в ритме, соответствующем вашему проекту: два через два; три через один; три-два-один; и так далее.
Шаг 3
Продумайте финал / выход из презентации, вызывающий или закрепляющий эмоцию от проекта. Это может быть фраза, слоган, или анимированное изображение / видео.
Диджитал — про взаимодействие, поэтому успешным завершением лонгрида может служить ссылка, на которую нажмет пользователь, заинтересовавшись.
Хорошим тоном может послужить GIF-анимация, завершающая повествование.
Обложка видео — важный элемент стилистически выдержанного в едином ключе контента лонгрида. Подумайте, как вставленная через интерфейс ссылка может выигрышно смотреться в подаче проекта.
Общие требования к проектам
Необходимо исходить из мысли, что посетители не в курсе наших задач, модулей, предыдущего опыта автора, кто такой их куратор.
Поэтому нельзя выложить слайды из презентации на студенческом портфолио. Колонтитулы — техническая дисквалификация.
Проекты на витрине практически не включают этапы разработки, а переходят сразу к сути и основному визуальному ряду. В них не должны присутствовать поисковые варианты или длинные пояснения.
Суть и формат проекта должны считываться сразу, как на примере.
Объем
Не стоит делать огромный, монотонный отчет о проведенной работе, но и не надо показывать только вершину айсберга.
Должно быть повествование (и визуальное тоже), цепляющее зрителя, заставляющее остановиться и после перейти на другие проекты.
Короткая невнятная подача проекта в лонгриде не работает в новом портфолио, ссылки на видео не достаточно.
Чеклист проекта на новом портфолио:
— сразу к сути — текст вне носителей только в блоках редактора погрузчика — проверять разрешение, возможный ресайзинг слайдов — «кликабельная», масштабируемая обложка, раскрывающая проект — только основной визуальный ряд и текстовое описание концепции
Технические возможности
GIF
Создает динамику, помогает уменьшить длину скучного скролла одинаковых элементов, позволяет целостно показать приемы.
Размер файла — до 10 MB
от 1860×2631 до 3720×5262
GIF-анимация может помочь раскрыть стилистику проекта, как на примере.
С помощью покадровой GIF-анимации можно также показать некоторые изначально динамичные элементы.
JPEG
Визуальная база. Изображения, мокапы, айдентика, развороты, рендеры и скриншоты.
Размер файла — до 150 MB
от 1860×2631 до 3720×5262
VIMEO/YOUTUBE
Погружает в проект, может являться «перебивкой» или завершать повествование, вызывать эмоцию.
Ссылки вставляются через интерфейс редактора.
Пример органично вставленной ссылки на видео. Подумайте, как элемент в виде ссылки можно обыграть в стиле вашего проекта.
ТЕКСТЫ
Вводят в контекст проекта, поясняют по мере скролла.
Первое, что идет после обложки — текст с описанием формата и сути проекта.
Фон и композиция
Компоновке объектов и работе с фоном нужно уделить особое внимание.
Пример хорошего использования фона, текстовых блоков и изображения.
Магия
У каждого проекта есть особенности, наиболее восхищающие зрителя. Архетипичные радости, то, что вызывает интерес, заставляет запомнить.
Чем мне помогут? Что мне расскажут? Как меня развлекут?
Приложения, сайты, метавселенная — здесь мы можем расслабиться; ощущение, что на эти интерфейсы всегда можно положиться. Восхищает, как через экран о нас позаботились — приятно обнаружить в презентации удобства интерфейса, функциональные детали и красоту систем.
Ссылки на хорошие подачи