Живые специи

Лендинг для домашней системы выращивания зелени, салатов, специй и пряных трав

с 11:00 до 20:00

Москва | Петербург

пн-пт, 11:00 — 20:00

+7 999 214-88-99

info@whitemedia.studio

Живые специи

Лендинг для домашней системы выращивания зелени, салатов, специй и пряных трав

Вводные

Задача

По многолетнему сотрудничеству с «Живыми специями» можно собрать с десяток кейсов. Но конкретно этим мы действительно гордимся, так как пул поставленных перед студией задач отличался огромным количеством ограничений. Необходимо было не просто учесть их в работе, но и органично использовать.

Создать лендинг для новой установки выращивания, который впишется в экосистему сайтов компании, сделанных на Word Press. Максимально точно повторить визуальные решения существующих сайтов, посадить лендинг на поддомен.

Результат:

home.microgreen.live

Цвета

Палитра

Элементы

При создании страницы, мы опирались на брендбук и существующие сайты заказчика. Лендинг выполнен в корпоративных цветах.

Визуально, «Живые специи» — это белоснежное производство с яркой, сочной зеленью. Поэтому главные акценты лендинга расставлены на фотографиях, а задача цветовых решений не перебивать их.

По аналогии с существующими сайтами «Живых специй», для декора мы использовали фирменную литеру Ж, выкрашенную в аустер. В чёрный цвет покрасили все вспомогательные иконки.

Аустер (светло-серый, GM, металлик)

#CCCCCC

#000000

#FBFBFB

Чёрный

Очень светло-серый (в основном белый)

Вёрстка

Воронка

Типографика

Сайт выполнен исключительно в Zero Block. Все решения в вёрстке и анимации — точная копия с основного сайта. Шрифт — Clear Sans.

Так как продукт новый и может вызывать множество непредвиденных возражений, совместно с маркетологом «Живых специй» мы пришли к выводу, что воронка конверсий должна быть нацелена на лидген, а не прямую продажу. Поэтому все кнопки ведут на диалог в WhatsApp с менеджером компании, который и закрывает сделки.
В основе лендинга лежит модель потребительского поведения AIDA (внимание, интерес, желание, действие) — классика маркетинга.

Десктоп

Заголовки:
40px, blod
spacing 1; 1.5

Основной текст:
20px, normal
spacing 2; 0.5

Заголовки:
30px, blod
spacing 1; 1.5

Основной текст:
17px, normal
spacing 1.5; 0.5

Планшет

Телефон

Заголовки:
20px, blod
spacing 1.2; 1.5

Основной текст:
15px, normal
spacing 1.5; 0.5

Результат

Планшет, сетка

5 колонок, колонки — 116px, межколонник — 10px, отступы по краям — 10px

5 колонок, колонки — 54px, межколонник — 10px, отступы по краям — 5px

Телефон, сетка

12 колонок, колонки — 80px, межколонник — 10px, отступы по краям — 20px

Десктоп, сетка

Хотите так же?

Создаём лендинги на Tilda, реализуя дизайнерские решения любой сложности. Но главное, что наш дизайн не просто радует глаз, а приносит лиды, ведь в его основе — маркетинг и аналитика.