Промо-сайт онлайн-сервиса для создания мультимедийной рекламы
Как представить миру новый продукт или услугу? Интернет предлагает множество вариантов, однако ключевым инструментом остаётся промосайт. Его главная задача – не столько продать, сколько привлечь внимание и презентовать продукт. Эффективный способ это сделать — сделать это эффектно, то есть вызвать эмоции и обеспечить пользователям незабываемый опыт. Именно поэтому все промосайты отличаются смелым дизайном и увлекательными анимациями. За реализацией такого сайта к нам и обратился стартап 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 — идеальная платформа для яркой презентации продукта и привлечения потенциальных клиентов. Сейчас промосайт успешно тестирует аппетит со стороны букмекерских контор, онлайн-казино и других компаний в сфере азартных интернет-развлечений.
Комментарии