Промосайт онлайн-сервісу для створення мультимедійної реклами на WordPress
Як представити світові новий продукт або послугу? Інтернет пропонує безліч варіантів, проте ключовим інструментом залишається промосайт. Його головне завдання — не стільки продати, скільки привернути увагу та презентувати продукт. Ефективний спосіб це зробити — зробити це ефектно, тобто викликати емоції та забезпечити користувачам незабутній досвід. Саме тому всі промосайти відрізняються сміливим дизайном і захопливими анімаціями. За реалізацією такого сайту до нас і звернувся стартап BETEGY.
Про проєкт і завдання
BETEGY — це стартап, який пропонує технологічне рішення для швидкої генерації рекламних банерів. Унікальність платформи полягає в автоматизації створення креативів для реклами. Рецепт такий: поміщаєте всі ̶і̶н̶г̶р̶е̶д̶і̶є̶н̶т̶и̶ елементи в контейнер (фрейм) завдяки функції Drag’n’Drop, і отримуєте креатив. Приправляєте зображення анімацією на свій смак і буквально в один клік адаптуєте його до розмірів різних майданчиків і навіть мов різних країн.
Саме так уявляє процес створення медійної реклами компанія BETEGY. Вони упакували свою ідею в реальний продукт, і тепер хотіли впакувати цей продукт за допомогою ефектного промосайту. Клієнт зайшов до розробницького цеху Webnauts із готовим дизайном, і нам належало його «оживити» та «натягнути» на CMS WordPress.
Верстка та анімація
Технічно сайт побудований завдяки HTML 5, SCSS і JS, а спроєктований — навколо продукту компанії, що вже сам по собі є креативним. Тому дизайн інтерфейсу BETEGY, як і належить будь-якому промосайту, покликаний зацікавити, захопити та залучити користувачів. Потрібний ефект забезпечує сучасна подача з елементами у неонових рожевих й синіх відтінках, яка цілком відповідає духу iGaming-індустрії.
Принцип роботи маркетингової платформи демонструють численні короткі відео, тому сторінки не перевантажені анімацією. Найбільшої динаміки ми надали хіба що блоку Клієнти, який часто й несправедливо недооцінюють, а кнопки та посилання наділили ненав’язливим ховер-ефектом. Мікроанімації, рухомі рядки й ефекти переходу між слайдами ми реалізували завдяки пакету Swiper, а ефект прокручування — за допомогою бібліотеки scroll-lock.
Автоматизувати рутину та в рази прискорити розробку сайту допоміг збирач вебдодатків Gulp, а забезпечити кросбраузерність — технологія Babel.js. Цей інструмент робить сайт доступним для користувачів усіх браузерів завдяки перетворенню коду, написаного за новим стандартом, у сумісну зі старими браузерами версію ECMAScript 2015+.
Розробка на WordPress
Найбільш популярна у світі платформа WordPress здатна задовольнити не лише стандартні, а й унікальні потреби бізнесу, зокрема в дизайні. Так, ми заклали зверстані за індивідуальним дизайном клієнта макети на CMS WordPress. Коли ми створювали кастомну тему, то потурбувалися про зручне керування сайтом. Зокрема, для простого наповнення та редагування контенту була використана бібліотека Carbon Fields, а для надсилання з сайту повідомлень від користувачів — плагін Contact Form 7.
Отже, розроблений промосайт стартапу на WordPress забезпечує користувачів унікальним досвідом та водночас не вимагає від клієнта досвіду технічного. Кастомна тема дозволяє легко додавати, редагувати та видаляти контент, а в майбутньому — наділити сайт іншими функціями відповідно до нових потреб клієнта.
Результат
CMS WordPress став основою для унікального дизайну про унікальний продукт. Повітряний і лаконічний, але при цьому змістовний і ефектний промосайт BETEGY презентує платформу для створення мультимедійної реклами. Відеоінструкції, анімаційні ефекти та неонові кольори підкреслюють настрій ніші iGaming, для якої здебільшого і створений креативний стартап.
Сайт вражає не тільки ззовні, а й ізсередини. Керувати текстовим і мультимедійним контентом дуже просто завдяки кастомізованій адмін-панелі. WordPress — ідеальна платформа для яскравої презентації продукту та залучення потенційних клієнтів. Зараз промосайт успішно тестує апетит з боку букмекерських контор, онлайн-казино та інших компаній у сфері азартних інтернет-розваг.