(О проекте)
Вводные и задачи
За годы сотрудничества с «Живыми специями» мы реализовали множество проектов, однако этот стал одним из самых сложных. Задача — разработать лендинг для новой установки выращивания, который органично впишется в существующую цифровую экосистему компании. Необходимо было максимально точно воспроизвести визуальный стиль действующих сайтов на WordPress, интегрировать проект на поддомен и при этом сохранить самостоятельную ценность новой страницы как инструмента презентации продукта.
(Лендинг на Тильде)
Цвета
При создании страницы, мы опирались на брендбук и существующие сайты заказчика. Лендинг выполнен в корпоративных цветах.
(Создание лендинга на Тильде)
Вёрстка страницы
(Кейс лендинг на Тильде)
Результат
Сайт выполнен исключительно в Zero Block. Все решения в вёрстке и анимации — точная копия с основного сайта. Шрифт — Clear Sans.
«Живые Специи» — российский бренд из Петербурга, специализируется на выращивании съедобных растений для кулинарного использования. Известен в первую очередь микрозеленью, но также выпускает бэбилиф, съедобные цветы и съедобные листы. Растения закупают рестораны, кафе и кейтеринговые компании, их ценят шеф-повара, фуд‑стилисты и организаторы мероприятий. Часть ассортимента доступна в розницу.
Лендинг для экосистемы бренда
(Ссылка на сайт, который мы сделали)
Аустер (светло-серый, GM, металлик)
Визуально «Живые специи» — это белоснежное производство с яркой, сочной зеленью. Поэтому главные акценты лендинга расставлены на фотографиях, а задача цветовых решений не перебивать их. По аналогии с существующими сайтами «Живых специй», для декора мы использовали фирменную литеру Ж, выкрашенную в аустер. В чёрный цвет покрасили все вспомогательные иконки.
Так как продукт новый и может вызывать множество непредвиденных возражений, совместно с маркетологом «Живых специй» мы пришли к выводу, что воронка конверсий должна быть нацелена на лидген, а не прямую продажу. Поэтому все кнопки ведут на диалог в 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