Spornykov.com — портфоліо моушн-дизайнера: анімація, візуальні ефекти, робота з брендами.
Задание
Портфоліо моушн-дизайнера це відео, а відео важке. Треба було показати роботи в найкращій якості й при цьому не змусити відвідувача чекати.
Что сделали
- подача робіт із відкладеним завантаженням важкого контенту
- мінімалістичний інтерфейс, який не сперечається з роботами
- акуратна робота зі швидкістю: превʼю замість повного відео до кліку
- адаптив під перегляд із телефона
Подробности
Для творчих портфоліо діє правило: дизайн сайту має відступити, головне — роботи.
Сайт проекта: spornykov.com
Что учитывали в нише
Портфоліо моушн-дизайнера має внутрішній конфлікт: роботи — це відео, а відео важке. Замовник, який відкриває сайт, дає йому кілька секунд. Якщо за цей час нічого не рухається, він іде до наступного виконавця, навіть не побачивши робіт.
Друга умова — дизайн сайту не має змагатися з роботами. У творчих портфоліо все, що привертає увагу до себе, а не до контенту, працює проти автора.
Структура сайта
- Портфолио — роботи за типами: анімація, Lottie, GIF, відео для брендів.
- Про автора — коротко, без біографії на дві сторінки.
- Бриф і контакт — зрозумілий шлях для замовника, який вже побачив роботи.
Технические решения
- До кліку показується легке превʼю, повне відео вантажиться тільки за потреби — це головне рішення проєкту.
- Відкладене завантаження важкого контенту: перший екран відкривається одразу, решта підвантажується під час прокрутки.
- Мінімалістичний інтерфейс без зайвих ефектів — фон для робіт, а не конкурент їм.
- Англомовна подача: аудиторія автора міжнародна.
Что получил клиент
- Портфоліо, яке відкривається швидко попри важкий відеоконтент.
- Можливість додавати нові роботи самостійно.
- Зрозумілий шлях від перегляду робіт до звернення.
Візуальна частина таких проєктів — це UX/UI-дизайн, а швидкість при важкому медіаконтенті ми розбирали окремо: як перевірити швидкість сайту й що виправляти першим.
Нужен похожий проект?
Опишите задачу — мы свяжемся с вами и сообщим ориентировочную стоимость и сроки. Рассчитать проект или посмотреть другие работы в портфолио.
Telegram