Original size 5167x7292

Новое портфолио/диджитал

PROTECT STATUS: not protected
370

Формат проектов для витрины Школы дизайна hsedesign.ru значительно отличается от обычного студенческого портфолио.

Разберемся, как выглядит хорошая подача.

Рекомендации

Шаг 1

Начинайте с самой привлекательной части проекта, после которой захочется разобраться в проекте и листать ниже.

Приветствуется погружение в проблематику, однако делать это стоит выдержанно и в стиле проекта, не перегружая анализом.

Также выигрышно смотрятся динамичные элементы в начале подачи.

big
Original size 960x540

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

big
Original size 3500x2300
Original size 1500x843

Шаг 2

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

Ритм/баланс

Необходимо чередовать общий, средний и крупный план в ритме, соответствующем вашему проекту: два через два; три через один; три-два-один; и так далее.

Original size 2000x1080
Original size 2000x1080

Шаг 3

Продумайте финал / выход из презентации, вызывающий или закрепляющий эмоцию от проекта. Это может быть фраза, слоган, или анимированное изображение / видео.

Диджитал — про взаимодействие, поэтому успешным завершением лонгрида может служить ссылка, на которую нажмет пользователь, заинтересовавшись.

Original size 3500x2000

Хорошим тоном может послужить GIF-анимация, завершающая повествование.

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

Loading...

Общие требования к проектам

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

Original size 6002x3603

Поэтому нельзя выложить слайды из презентации на студенческом портфолио. Колонтитулы — техническая дисквалификация.

Проекты на витрине практически не включают этапы разработки, а переходят сразу к сути и основному визуальному ряду. В них не должны присутствовать поисковые варианты или длинные пояснения.

Original size 2840x1504

Суть и формат проекта должны считываться сразу, как на примере.

Объем

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

Должно быть повествование (и визуальное тоже), цепляющее зрителя, заставляющее остановиться и после перейти на другие проекты.

Короткая невнятная подача проекта в лонгриде не работает в новом портфолио, ссылки на видео не достаточно.

Чеклист проекта на новом портфолио:

— сразу к сути — текст вне носителей только в блоках редактора погрузчика — проверять разрешение, возможный ресайзинг слайдов — «кликабельная», масштабируемая обложка, раскрывающая проект — только основной визуальный ряд и текстовое описание концепции

Технические возможности

GIF

Создает динамику, помогает уменьшить длину скучного скролла одинаковых элементов, позволяет целостно показать приемы.

Размер файла — до 10 MB

от 1860×2631 до 3720×5262

Original size 1500x843

GIF-анимация может помочь раскрыть стилистику проекта, как на примере.

Original size 1875x1016

С помощью покадровой GIF-анимации можно также показать некоторые изначально динамичные элементы.

JPEG

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

Размер файла — до 150 MB

от 1860×2631 до 3720×5262

Original size 5333x3000
Original size 2667x1875

VIMEO/YOUTUBE

Погружает в проект, может являться «перебивкой» или завершать повествование, вызывать эмоцию.

Ссылки вставляются через интерфейс редактора.

Original size 3001x2248
Original size 6002x5151

Пример органично вставленной ссылки на видео. Подумайте, как элемент в виде ссылки можно обыграть в стиле вашего проекта.

ТЕКСТЫ

Вводят в контекст проекта, поясняют по мере скролла.

Первое, что идет после обложки — текст с описанием формата и сути проекта.

Фон и композиция

Компоновке объектов и работе с фоном нужно уделить особое внимание.

Original size 2802x1282

Пример хорошего использования фона, текстовых блоков и изображения.

Магия

У каждого проекта есть особенности, наиболее восхищающие зрителя. Архетипичные радости, то, что вызывает интерес, заставляет запомнить.

Чем мне помогут? Что мне расскажут? Как меня развлекут?

Приложения, сайты, метавселенная — здесь мы можем расслабиться; ощущение, что на эти интерфейсы всегда можно положиться. Восхищает, как через экран о нас позаботились — приятно обнаружить в презентации удобства интерфейса, функциональные детали и красоту систем.

Ссылки на хорошие подачи

Новое портфолио/диджитал
370
We use cookies to improve the operation of the website and to enhance its usability. More detailed information on the use of cookies can be fo...
Show more