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