О проекте
Что мы сразу представляем, когда слышим словосочетание «лендинг для сбора заявок»? Что-то формальное, унылое, однообразное: форма для отправки данных, строгие цвета, скучные блоки.
Именно поэтому, когда наша команда получила заявку на оформление сайта-конкурса для разработчиков продуктов на базе VK Mini Apps, мы точно знали, что по шаблонному пути не пойдем.
Задачи
Наша главная цель — сделать оформление легким и динамичным, сохранив при этом стилистику и цветовую гамму VK Mini Apps. Надо было собрать важные блоки, наполнить их жизнью, т.е. сделать анимированными, но при этом не перегрузить пользователя. Большое количество мерцающих или движущихся элементов на относительно небольшом пространстве скорее раздражает, а не привлекает внимание.
Логичная структура лендинга, удобное расположение элементов с нужной для участников информацией — все это важно для решения тех задач, для которых и создавался сайт.
Решение
Поскольку разработка лендингов для мероприятий и конкурсов — одно из популярных направлений нашей работы, у нас есть понимание, какие элементы действительно хорошо работают в таких случаях.
Для этого проекта мы выбрали несколько динамичных блоков — бегущая строка, призывающая подписаться на сообщество, pop-up-ы с цитатами экспертов.
Главная фишка проекта — множество анимированных элементов, которые движутся в разном направлении при наведении на них. Это эффектно выглядит, но при этом достаточно трудоемко в реализации.
Блоки с имитацией стекла — наша особая гордость. Это не просто размытие, а эффект зернистости. Чтобы выставить правильную прозрачность, мы пробовали разные комбинации, тестировали блок на разных разрешениях, устройствах и ОС.
Еще один вызов — плавающий градиент на первом заголовке сайта. Для корректного отображения важно было правильно подобрать цвет, скорость и траекторию движения.
Результат
На разработку, включая тестирование блоков и согласование с заказчиком, у нас ушел месяц. На выходе мы получили динамичный, интерактивный лендинг, но при этом очень органичный и интеллигентно наполненный.
Точный баланс цветов и анимаций, узнаваемая стилистика VK Mini Apps — несомненные достоинства проекта. Они в полной мере отражают дух и цель конкурса.
Выставлено в номинациях:
— Сайт вендора, платформы, сервиса