Сайт-портфолио режиссёра Istomin с шоурилом

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

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

Когда автор — и креатор, и продакшн-специалист, легко получить сайт, который не говорит внятно ни об одной из ролей. Позиционирование расплывается, и заказчик не понимает, за какой именно задачей сюда приходить.

Шоурил на первом экране

Смысловой центр сайта: главный шоурил автора открывает страницу и запускается без лишних кликов. Мы отвели ему всю ширину экрана, убрали визуальный шум вокруг и настроили аккуратную обложку до старта воспроизведения. За первые секунды посетитель считывает манеру Istomin — динамику монтажа, захват с первого кадра и общий уровень продакшена, — прежде чем перейти к отдельным кейсам.

Структура видеокейсов

Работы автора собраны не в общий список, а в осмысленные разделы с понятным порядком просмотра. Каждый кейс — это отдельный блок с роликом, названием и коротким контекстом задачи. Такая структура помогает заказчику быстро оценить диапазон режиссёра и найти близкий по духу проект, а не пролистывать хаотичную ленту видео до нужного примера.

Карточки работ

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

Подача двойной роли

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

Управление контентом через Carbon Fields

Наполнение сайта вынесено в удобную админку на Carbon Fields: автор сам добавляет новые ролики, меняет порядок кейсов, редактирует описания и обложки без правки кода и обращения к разработчикам. Гибкие поля описывают структуру каждого блока, поэтому портфолио остаётся живым — его легко пополнять по мере выхода новых работ, сохраняя единый вид витрины.

Оптимизация под видео

Сайт, построенный вокруг тяжёлого медиа, легко превратить в медленный. Мы подключили отложенную загрузку роликов и превью, лёгкие обложки-плейсхолдеры и корректную работу встроенных плееров, чтобы видео не тормозило первый экран. В итоге витрина остаётся быстрой: посетитель видит шоурил без ожидания, а остальные кейсы подгружаются по мере прокрутки.

Контакты и связь с автором

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

Адаптивная вёрстка

Видеопортфолио смотрят и с десктопа, и с телефона, поэтому вёрстка одинаково опрятна на любом экране. Шоурил и карточки перестраиваются под ширину устройства, плееры сохраняют пропорции, а управление остаётся удобным для касаний. На мобильном сохраняется тот же принцип: сначала видео, потом текст, чтобы автор представал работами вне зависимости от того, откуда пришёл посетитель.