Mailfit Marketing — лендинг про спецпроекты. Дизайн и вёрстка

Задача: разработка лендинга для увеличения количества заказов
Собрали референсы с монохромным фоном и акцентными элементами. Почему выбрали монохром — ещё узнаете.
Процесс создания
Типографика
Поддержали бред их стандартным шрифтом. Он легко читается и отлично подходит для заголовков, из которых, в основсном, и состоял лендинг.
Основной шрифт
Начертание
Цветовая палитра
Тоже соответствовала бренду. Синий — основной цвет Mailfit, значит — и лендинга. Типографику выполнили в белом и чёрном, а разнообразили всё лаймовым — он подчеркнул важные смысловые элементы на лендинге.
Колесо фортуны
Частый элемент геймификации в спецпроектах. Мы перенесли колесо на лендинг и сделали его интерактивным. По клику оно крутилось и показывало разные варианты ответов. Всё по-настоящему, в общем!
Элементы геймификации
Крутаните колесо фортуны, чтобы узнать, что вам подготовила сегодня судьба.
О, повезло, повезло! А ещё больше вам может повезти, если закажете спецпроект с нами.
Крутим
Заказать проект
Нажми на кнопку
Яркая, большая, рабочая — всё это о ней. С каждым кликом кнопка прожимается и даёт обратную связь пользователю. К третьему клику мы «прикрутили» всплывающую форму заказа проекта — получилось и вовлекающе, и полезно.
Карточки геймификации
В карточках использованы реальные возможности агентства, чтобы сразу продемонстрировать потенциальным клиентам, что именно они могут получить в своём будущем спецпроекте.
В конце что-то есть! Листайте до конца, чтобы узнать
Завидуем тому, сколько у вас свободного времени
Отдельные элементы
Чем более простой и узнаваемый элемент, тем проще им зацепить внимание пользователя. Поэтому мы использовали знакомые всем образы: эмоджи и бабблы с простым человеческим текстом. А ещё, положили всё на «плоский» одноцветный фон. Во-первых, это красиво. Во-вторых…ну правда же.
сначала тут клик
потом тут бац
и затем как бэмс
и в конце вообще класс
Что получилось
Цепкий, вовлекающий лендинг с неожиданными сюжетными твистами, в который приятно играть даже тем, кто далёк от спецпроектов.
Адаптив
Само собой, все блоки адаптируются под все виды устройств. Всё по красоте, в общем.

Го играть?

Заказ проекта
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
Хочу в команду
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных