Willow-Motion
Лендінг для студії відеомонтажу, яка майстерно перетворює ідеї та сирі кадри на цілісні, динамічні історії.
Він виконує роль візитної картки творчого підходу та водночас є ефективною платформою для демонстрації цінності продукту й емоційного залучення глядача. Сайт дозволяє користувачам відчути унікальний стиль кожного відео, ознайомитися з портфоліо та легко зв’язатися із монтажеркою для обговорення майбутнього проєкту.
Терміни виконання:
Аналітика:2 тижні
Дизайн:3 тижні
Запуск в реліз:3 тижні
Підтримка:за запитом
Завдання, над якими ми працювали
Завдання, над якими ми працювали
- Передати професійну спеціалізацію через стиль подачі матеріалів і приклади робіт
- Підкреслити роботу з різними типами контенту - від особистих історій до комерційних проєктів
- Показати, що робота з клієнтами відбувається з урахуванням їхнього контексту та емоційної складової матеріалу
- Додати реальні відгуки клієнтів як доказ професійності та уваги до деталей.
- Створити зручну, логічно структуровану навігацію, яка дозволяє швидко знайти інформацію про послуги, формат роботи, терміни та вартість
- Розробити розділ із відповідями на ключові питання, що зазвичай виникають під час замовлення відеомонтажу
- Реалізувати двомовність сайту (українська та англійська) для роботи з клієнтами в Україні та за кордоном
- Додати прості та швидкі способи зв’язку без складних форм та забезпечити збір даних для аналітики сайту
- Зробити максимальний акцент на ідентичності та професіоналізмі
- Підкреслити індивідуальний підхід та увагу до потреб замовника та контексту майбутнього відео
- Сконцентрувати увагу відвідувачів сайту на самих важливих елементах та спонукати до активних дій та взаємодії
- Передати професійну спеціалізацію через стиль подачі матеріалів і приклади робіт
- Підкреслити роботу з різними типами контенту - від особистих історій до комерційних проєктів
- Показати, що робота з клієнтами відбувається з урахуванням їхнього контексту та емоційної складової матеріалу
- Додати реальні відгуки клієнтів як доказ професійності та уваги до деталей.
- Створити зручну, логічно структуровану навігацію, яка дозволяє швидко знайти інформацію про послуги, формат роботи, терміни та вартість
- Розробити розділ із відповідями на ключові питання, що зазвичай виникають під час замовлення відеомонтажу
- Реалізувати двомовність сайту (українська та англійська) для роботи з клієнтами в Україні та за кордоном
- Додати прості та швидкі способи зв’язку без складних форм та забезпечити збір даних для аналітики сайту
- Зробити максимальний акцент на ідентичності та професіоналізмі
- Підкреслити індивідуальний підхід та увагу до потреб замовника та контексту майбутнього відео
- Сконцентрувати увагу відвідувачів сайту на самих важливих елементах та спонукати до активних дій та взаємодії
Рішення, які були реалізовані
Реалізовано інтегровану систему швидкого зв’язку, що дозволяє користувачам легко контактувати з Willow Motion через соціальні мережі, месенджери та електронну пошту
Секція з послугами представлена у форматі повноекранного блоку з прикладами відео монтажу для різних типів замовлень. Якісне відео з продуманим фокусом, яке виглядає бездоганно на всіх типах девайсів
Створено дизайн, у якому кожна секція підкреслює послуги студії: логотип у стилі монтажної іконки, графічні елементи, що нагадують плівку, відгуки оформлені у вигляді кінострічки та розміщені у слайдері, використання фото та відеоматеріалів із тематикою зйомки
Запроваджено двомовність сайту (українська та англійська), а весь контент адаптовано під обидві версії
FAQ у форматі інтерактивних карток. При кліку картка розгортається з відповіддю, фокусуючи увагу на одному питанні.
Стартове промо-відео
- На старті сайту користувач бачить відео на весь екран, яке виконує роль своєрідного лоадера та одразу занурює в атмосферу бренду
- Під час прокручування сторінки ключовий текст зменшується, переміщується в інше місце, а на екрані з’являються меню, опис і кнопки
- Відео адаптовано під різні формати екранів — від моніторів до мобільних пристроїв, щоб перше враження було однаково ефектним на будь-якому девайсі
Динамічний градієнт, що оживає при скролі
- При прокручуванні сторінки плавно змінюється колір фону у вигляді градієнта, створюючи ефект живого дизайну та підсилюючи емоційне сприйняття контенту та залученість глядача
Відео-роботи: переглядайте, перемикайте, обирайте в один клік
- Секція портфоліо представлена у вигляді інтерактивних карток, які змінюють положення при виборі, дозволяючи швидко переглядати різні приклади
- Кожне відео запускається у форматі короткого демонстраційного ролика, що передає стиль та професійний підхід до відеомонтажу
Анімаційні ефекти, що ведуть користувача до дії
- Бігучий рядок із закликом замовити послугу, який зупиняється при наведенні та відкриває форму з контактами при кліку
- Анімація тексту на кнопках при наведенні курсору для привернення уваги
- CTA-секція з чорним фоном, який при скролі звужується, фокусуючи увагу на кнопці «Зв’язатися зі мною»
Адаптивний дизайн
Команда, яка створила цей сайт
Технології та інструменти
Figma
Adobe Photoshop
Astro.js
Typescript
Tailwind CSS
React.js
Embla Carousel
GSAP
Figma
Adobe Photoshop
Astro.js
Typescript
Tailwind CSS
React.js
Embla Carousel
Відгук нашого замовника
Привіт! Мене звати Оля і мені нещодавно команда ilovemyteam зробила лендінг і я просто в захваті. До цього в мене не було єдиного зручного місця, де клієнти могли б ознайомитися з моїми роботами та цінами. Все було в соцмережах і знайти потрібне було складно. Тепер в мене є стильний та зручний лендінг, де все зібрано. Мої роботи, контакти та послуги. Клієнти вже пишуть напряму через сайт. Це дуже зручно. Дякую команді ilovemyteam за крутий результат. Якщо ви досі вагаєтесь чи потрібен вам сайт, однозначно - так!
Весь відгукОльга Сердюк
спеціалістка з відео монтажу
Willow Motion
ЛЕНДІНГ