Лендинг для производителей очагов-мангалов

https://totalflame.ru/

Проблема:

У производителей был одностраничный сайт очагов, который не выполнял главную функцию, а именно - продажи. Сайт не вызывал желания купить, распространение продукции шло по "сарафанному радио".

Задача:

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

Заказчик занимается производством очагов-мангалов. Каждый продукт имеет уникальный дизайн, есть возможность заказать очаг по индивидуальным эскизам.

Целевая аудитория – чаще всего, мужчины средних лет, которые любят жарить мясо на природе, а так же семьи с загородными домами. Кроме того, одним из подсегментов целевой аудитории являлись байкеры, т.к. собственник кампании сам является байкером, а распостранение продукции, главным образом, шло через ближний круг друзей и знакомых.

Выбирая оформление и "крючок-зацепку" для первого экрана, мы провели мозговой штурм и начали думать о свойствах продукта – что может ассоциироваться с очагом? И для чего потенциальный заказчик приобретает мангал-очаг?

Мы думали о брутализме продукции, жарке мяса, об ароматах, уюте и подобных вещах, которые свойственны мангалам.

Решение оказалось на поверхности, но было не очевидным с самого начала. Мангал нужен в первую очередь для того, чтобы развести костер!

Мы начали перебирать варианты изображения огня, которые бы могли зацепить потенциального покупателя. Перебрали тонну фотографий - но не одна из них не передавала того магического свойства, ради которого мы все часто собираемся долгими летними вечерами. Как говорится, бесконечно можно смотреть на три вещи: как горит огонь, как течет вода и как работают другие люди. Но на эти фотографии не хотелось смотреть "вечно" - они не завораживали.

И уже значительно позднее (когда уже почти весь концепт дизайна лендинга был сформирован) на просторах интернета мы наткнулись на несколько вариантов видео с огнем – и единогласно с заказчиком утвердили видео тлеющего полена.

Так как основная задача этого лендинга заключалась в продаже продукции, то на следующих блоках мы показали товар лицом – как выглядят сами очаги. И здесь же указали параметры товара: размеры, вес, варианты дизайна, стоимость, подчеркивая, что каждый очаг индивидуален и может быть сделан под запросы клиента.

Следующая особенность сайта – блок с разными жизненными событиями, в которых очаг усилит эффект праздника.

Людям запоминается не сам очаг, а атмосфера, в которой произошло событие. Еще перед стартом работ мы начали изучать ситуации, в которых используются очаги. Стали подбирать визуальный ряд и текстовое наполнение для каждого события – чтобы вызвать приятные эмоции. Например, очаг с названием фирмы.



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

Думая, как разнообразить сайт, мы решили в одном из блоков применить параллакс эффект – техника, когда фоновое изображение движется медленнее, чем элементы переднего плана.

Основные цвета сайта – черный и белый. Шрифты – угловатые. Выбирая дизайн шрифтов и паттернов, мы отталкивались от образа байкера-терминатора на мотоцикле.

Блок «Как заказать» выполнен в виде карусели. Обычно подобный блок делается в горизонтальной или по вертикальной раскладке.

Мы решили обыграть форму очага, имеющего форму шара, поэтому этапы выполнения работы огибают очаг, словно карусель.

Мы всегда уделяем большое внимание мелочам – истинная красота кроется в деталях!

Каждый элемент карусели имеет свою "пасхалку" и анимирован.

При наведении на иконку с цифрой она окрашивается в темный цвет и каждая иконка имеет свое описание. Это дополнительно удерживает внимание человека на странице. Кроме того, страница заказа намеренно не уместилась в размеры одного блока. Человек при чтении должен прокрутить блок, чтобы узнать информацию до конца.

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

В наших сайтах мы всегда используем адаптивную верстку: десктоп, мобильную версию и планшет. Адаптив сайта для всех устройств всегда включен в стоимость по умолчанию.

В случае с Total Flame, постоянно обновлять информацию на сайте не требуется, поэтому сайт сделан сделан на HTML без привязки к CMS.

Это значильно дешевле, но для клиента есть не очевидный минус – без навыков программирования информацию на сайте будет сложно обновить. 

При сопровождении клиента незначительные правки в html-коде мы всегда проводим бесплатно.

Заказчик остался доволен результатами работы и заказал у нас еще один одностраничник для мероприятия , на котором прошел розыгрыш очага летом 2019 года.

Команда проекта:

Менеджер проекта: Антон Рендел

Веб-дизайн: Кирилл Савченко

Верстка и программирование: Илья Приходкин