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