Voice Artist — сайт-портфоліо актора озвучування

Дає актору озвучування вітрину, де замовник одразу чує голос: аудіодемо в один клік, коротка біографія, відгуки й зрозумілий шлях до замовлення.

Хочу такий сайт Відкрити сайт

Перший екран сайту Voice Artist: актор біля студійного мікрофона в синьому світлі та великий напис Voice Artist

Галузь: Озвучування, креативні послуги
Тип сайту: Персональне портфоліо
Ринок: Англомовні замовники озвучування
Строк: від 2 днів
Технології: HTML/CSS, JavaScript
Вартість такого сайту: від 7 500 грн

Результат

Ключові результати

100 з 100Оцінка швидкості від Google на телефоні — сторінка відкривається майже миттєво.

100 з 100Доступність і якість за оцінкою Google: сайт зручний для всіх відвідувачів.

1 клікЗамовник чує голос одразу: три демо запускаються прямо на сторінці.

Задача

Що було потрібно

Актору озвучування потрібен був професійний і стильний сайт, щоб рекламувати себе: біографія, аудіодемо робіт, відгуки клієнтів і контакти. Головне — щоб голос звучав одразу, а замовник легко перейшов до розмови про проєкт.

01//

Голос на першому плані

Дати послухати демо без зайвих кроків.

02//

Особистість актора

Коротко розповісти, хто стоїть за голосом.

03//

Довіра

Показати відгуки клієнтів.

04//

Швидкий контакт

Привести відвідувача до запиту на проєкт.

Робота студії

Що ми зробили

01//

Структура

Чотири розділи в меню: голос, людина, відгуки, контакт
Перший екран із кнопкою «Meet the voice» і переходом до демо
Фінальний заклик «Let’s make some noise» перед футером

02//

Дизайн

Студійна темна палітра з блакитним світлом
Крупна вузька типографіка заголовків у стилі постерів
Біжуча стрічка з типами робіт і звукова хвиля

03//

Розробка

Чиста верстка без сторонніх бібліотек
Шрифти завантажуються разом із сайтом — стабільний вигляд
Анімації вимикаються, якщо відвідувач обрав «зменшити рух»

04//

Аудіо й контакт

Плеєр на три демо: відтворення, пауза, час і завантаження
Під час одного демо інше зупиняється автоматично
Перемикач відгуків і вікно контакту з кнопки «Let’s talk»

05//

Контент і SEO

Короткі продавальні тексти: реклама, дикторський текст, персонажі
Біографія з напрямами: реклама, документальне кіно, анімація
Окремий заголовок і опис сторінки для пошуку

06//

Запуск

Публікація на Cloudflare Pages
Перевірка на ширинах 375, 600, 768 і 1440 px
Перевірка мобільного меню й плеєра

Рішення

Як це працює

Кінематографічний студійний стиль — глибокий темно-синій, блакитне світло, крупний вузький шрифт Barlow Condensed і акуратний Manrope для тексту. Натисніть на екран, щоб відкрити його на весь розмір.