«Сайт-портфолио режиссёра для британского рынка: типографическая витрина работ с видео-превью по наведению — концепт, дизайн и вёрстка на Tilda.»
Diana O’Connor — режиссёр и сценарист, которая выходит на британский рынок и собирает работы для продюсеров. Мы придумали и собрали её сайт-портфолио directedbydiana.com: строгая типографика на чёрном, категории Commercial, Music, Series и Film, а работы оживают в видео-превью по наведению. От концепта до вёрстки на Tilda — весь сайт наш.
Сайт нужен под конкретную задачу: продюсер открывает его и за минуту понимает, что этот режиссёр снимет нужную рекламу или клип. Поэтому вместо длинной биографии — чистая англоязычная витрина: имя, роли и лента работ по брендам и категориям. Строгая типографика на чёрном фоне работает как визитка режиссёра, а не как презентация о себе.
Лента фильмографии — это не список ссылок: наводишь на название работы, и рядом всплывает видео-превью. Так сайт остаётся минималистичным, но каждая строка мгновенно превращается в кадр. Отдельным блоком — флагманская короткометражка Red Wine с фестивальными наградами.
Собрали сайт на Tilda по утверждённым макетам: типографический первый экран, ленту работ с видео-превью, блок короткометражки и адаптивы под планшет и телефон. Проверили на всех устройствах, докрутили анимации и выкатили на боевой домен directedbydiana.com.
Сайт directedbydiana.com: типографическая витрина «Director & Screenwriter», красный список работ по брендам и шорт-фильм Red Wine с фестивальными лаврами
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Разобрались в задаче — сайт под британских продюсеров — и предложили несколько концептов. Остановились на строгой типографике с механикой видео-превью, отрисовали макеты и адаптивы, подобрали структуру под категории работ и контакты.
Механика витрины: при наведении на название работы всплывает видео-превью — так лента фильмографии оживает