Заполните поля формы, нажмите отправить и ожидайте обратного звонка
и стать первым в своем деле!
У производителей был одностраничный сайт очагов, который не выполнял главную функцию, а именно - продажи. Сайт не вызывал желания купить, распространение продукции шло по "сарафанному радио".
Заказчик занимается производством очагов-мангалов. Каждый продукт имеет уникальный дизайн, есть возможность заказать очаг по индивидуальным эскизам.
Целевая аудитория – чаще всего, мужчины средних лет, которые любят жарить мясо на природе, а так же семьи с загородными домами. Кроме того, одним из подсегментов целевой аудитории являлись байкеры, т.к. собственник кампании сам является байкером, а распостранение продукции, главным образом, шло через ближний круг друзей и знакомых.
Выбирая оформление и "крючок-зацепку" для первого экрана, мы провели мозговой штурм и начали думать о свойствах продукта – что может ассоциироваться с очагом? И для чего потенциальный заказчик приобретает мангал-очаг?
Мы думали о брутализме продукции, жарке мяса, об ароматах, уюте и подобных вещах, которые свойственны мангалам.
Решение оказалось на поверхности, но было не очевидным с самого начала. Мангал нужен в первую очередь для того, чтобы развести костер!
Мы начали перебирать варианты изображения огня, которые бы могли зацепить потенциального покупателя. Перебрали тонну фотографий - но не одна из них не передавала того магического свойства, ради которого мы все часто собираемся долгими летними вечерами. Как говорится, бесконечно можно смотреть на три вещи: как горит огонь, как течет вода и как работают другие люди. Но на эти фотографии не хотелось смотреть "вечно" - они не завораживали.
И уже значительно позднее (когда уже почти весь концепт дизайна лендинга был сформирован) на просторах интернета мы наткнулись на несколько вариантов видео с огнем – и единогласно с заказчиком утвердили видео тлеющего полена.
Так как основная задача этого лендинга заключалась в продаже продукции, то на следующих блоках мы показали товар лицом – как выглядят сами очаги. И здесь же указали параметры товара: размеры, вес, варианты дизайна, стоимость, подчеркивая, что каждый очаг индивидуален и может быть сделан под запросы клиента.
Следующая особенность сайта – блок с разными жизненными событиями, в которых очаг усилит эффект праздника.
Людям запоминается не сам очаг, а атмосфера, в которой произошло событие. Еще перед стартом работ мы начали изучать ситуации, в которых используются очаги. Стали подбирать визуальный ряд и текстовое наполнение для каждого события – чтобы вызвать приятные эмоции. Например, очаг с названием фирмы.
Впечатление от сайта зависит от качественного визуального ряда. Поэтому важно, чтобы заказчик предоставил много хороших фото/видео материалов, если они есть. Посмотрите пример такого кейса.
Думая, как разнообразить сайт, мы решили в одном из блоков применить параллакс эффект – техника, когда фоновое изображение движется медленнее, чем элементы переднего плана.
Основные цвета сайта – черный и белый. Шрифты – угловатые. Выбирая дизайн шрифтов и паттернов, мы отталкивались от образа байкера-терминатора на мотоцикле.
Блок «Как заказать» выполнен в виде карусели. Обычно подобный блок делается в горизонтальной или по вертикальной раскладке.
Мы решили обыграть форму очага, имеющего форму шара, поэтому этапы выполнения работы огибают очаг, словно карусель.
Мы всегда уделяем большое внимание мелочам – истинная красота кроется в деталях!
Каждый элемент карусели имеет свою "пасхалку" и анимирован.
При наведении на иконку с цифрой она окрашивается в темный цвет и каждая иконка имеет свое описание. Это дополнительно удерживает внимание человека на странице. Кроме того, страница заказа намеренно не уместилась в размеры одного блока. Человек при чтении должен прокрутить блок, чтобы узнать информацию до конца.
Блок с отзывами заполнен не просто отзывами, а видео с реальными примерами использования очагов. Нет ничего лучше, как показать товар в деле. В данном случае закрываются вопросы реальных, а не «фейковых» отзывов.
В наших сайтах мы всегда используем адаптивную верстку: десктоп, мобильную версию и планшет. Адаптив сайта для всех устройств всегда включен в стоимость по умолчанию.
В случае с Total Flame, постоянно обновлять информацию на сайте не требуется, поэтому сайт сделан сделан на HTML без привязки к CMS.
Это значильно дешевле, но для клиента есть не очевидный минус – без навыков программирования информацию на сайте будет сложно обновить.
Заказчик остался доволен результатами работы и заказал у нас еще один одностраничник для мероприятия , на котором прошел розыгрыш очага летом 2019 года.
Команда проекта:
Менеджер проекта: Антон Рендел
Веб-дизайн: Кирилл Савченко
Верстка и программирование: Илья Приходкин
Развиваем ваш бизнес - как собственный!
Как мы подняли прибыль клиента до 8.5 млн ₽ в год
Как мы подняли прибыль клиента до 8.5 млн ₽ в год
Сайт для b2c: как сделать лендинг на Тильде для сложной ниши
Сайт для b2c: как сделать лендинг на Тильде для сложной ниши
