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