Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Привет! Это «Е–Б Эдженси» и сегодня хотим показать, как мы делали сайт премиальным товарам для сна. Расскажем, почему подушка с одеялом могут стоить больше миллиона рублей и при чём тут краснокнижные птички.

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Что мы делали

К нашим партнерам в «Кирпич» обратилась необычная компания ADM с запросом на создание нового бренда, фирменного стиля и сайта. Коллеги разработали новый нейминг и визуальный язык, а мы — новый сайт.

С чего мы начинали

Компания получила новое название «Ауралис» и свою философию — «сон — естественное чудо». Ауралис производит премиальные товары для сна — подушки и одеяла, наполненные пухом краснокнижных арктических птиц.

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

Задача нового сайта — рассказать пользователю о философии и продуктах компании + дать возможность оставить заявку на покупку подушки или одеяла.

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Что было сделано

  • Исследование ЦА и конкурентов
  • Написание текстов
  • Прототип
  • Дизайн-концепция
  • Адаптивная вёрстка на Тильде
  • Создание английской версии

Несмотря на редкость продукта, Ауралис — не единственная в России компания-производитель подобных товаров для сна. Мы изучили сайты конкурентов и их покупателей, чтобы посмотреть, что интересного они предлагают (спойлер — ничего). Все конкуренты делают акцент на «премиальности» и «люксовости», щедро присыпают подушки «дорогими» прилагательными и красно-золотыми оттенками.

Наш путь — сделать по-другому.

В концепции сайта мы решаем сделать акцент на экологичности бренда и уделить внимание сторителлингу, описывающему самую сложную часть работы — процесс добычи пуха.

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Работа со смыслами

Над копирайтом мы работали командой: Егор (креативный директор Е-Б) предложил общую концепцию, делающую акцент на экологичности, Лена и Маша (арт-директора) нагенерировали заголовки, передающие нужную атмосферу и продумали общую структуру посадочной страницы, а Катя (наш креативный копирайтер) подготовила тексты.

Столько исходного материала для написания текста у нас было
Столько исходного материала для написания текста у нас было

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

Егор Митькин, креативный директор Е–Б Эдженси
Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Визуальное решение

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

Кусочки из брендбука «Ауралиса»
Кусочки из брендбука «Ауралиса»

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

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Спустя полторы недели работы мы признались себе, что концепция идёт не туда: получается слишком сложной, хаотичной и непонятной даже нам. Поэтому спустя 10 дней мы начали с чистого листа — и довольно быстро пришли к финальной концепции, которая и была презентована заказчику.

Елена Бобина, арт-директор Е–Б Эдженси
Итоговый первый экран сайта. Вживую посмотреть можно здесь — <a href="https://auralis.ru" rel="nofollow noreferrer noopener" target="_blank">auralis.ru</a>
Итоговый первый экран сайта. Вживую посмотреть можно здесь — auralis.ru

Дизайн-концепция

На главной странице мы используем большое количество видео и фотографий — они помогают пользователю сильнее погрузиться в атмосферу холодной и романтичной арктической экспедиции.

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

На этапе дизайна мы столкнулись с одной проблемой — у заказчика не было ни одной хорошей фотографии самого главного — мягкого пуха. Были какие-то фотографии пуха в гнездах, пуха в мешках, пуха на корабле... Но все они передавали разве что эмоцию «Ого, как много пуха и какой он грязный», но не могли передать то, насколько это уникальный по своей тактильности материал. В офисе у нас был «тестовый образец» того самого пуха — мы всей командой периодически мяли его, чтобы лучше почувствовать вайб проекта :) И когда дошли до блока с преимуществами, выбора не оставалось — я взяла айфон, первого свободного в офисе человека и мы пошли снимать, как руки нежно и томно мнут пушок.

Мария Ищенко, арт-директор Е–Б Эдженси
Тот самый блок с пушком. Позалипать в гифку можно <a href="https://auralis.ru" rel="nofollow noreferrer noopener" target="_blank">на сайте</a>.
Тот самый блок с пушком. Позалипать в гифку можно на сайте.

Функционал магазина

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

Карточки товара
Карточки товара

Мы разрабатывали сайт на Тильде, поэтому были ограничены в визуале карточек и корзины, но для нас это не проблема — мы добавили своего кода и кастомизировали эти разделы под сайт. Кстати, сами карточки товаров тоже сделаны через стандартные блоки — и докручены до нужного нам вида через CSS.

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Бургер-меню

Задизайнили и закодили бургер-меню в стилистике сайта. Стандартные блоки Тильды для навигации мы стараемся не использовать — слишком упрощают и дешевят дизайн.

Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Футер

Сайт кончается CTA-формой и футером, которому мы всегда уделяем отдельное внимание.

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

Елена Бобина, арт-директор Е–Б Эдженси
Футер сайта <a href="https://auralis.ru" rel="nofollow noreferrer noopener" target="_blank">auralis.ru</a>
Футер сайта auralis.ru

А что потом?

Сразу после запуска проект попал в подборку лучших сайтов на Тильде, а спустя пару недель — взял престижную награду «Сайт дня» на международной премии CSS Design Awards.

Мы гордимся проделанной работой. Достаточно редко удается поработать с таким продуктом, а еще реже — создать для него уникальный образ. Через такие проекты в полной мере получается реализовать нашу «по-другомовость» — прорывные концепции для инновационных товаров.

Егор Митькин, креативный директор Е–Б Эдженси
Как мы продаём подушки за полмиллиона. Кейс: промосайт для «Ауралис»

Кто это сделал?

Познавали краснокнижный эко-дзен
Познавали краснокнижный эко-дзен

Елена Бобина, Мария Ищенко — арт-дирекшн, дизайн-концепция

Егор Митькин — креативная концепция

Екатерина Романова — копирайт

Кристина Ткаченко — руководитель проекта

Екатерина Дергунова — верстальщик на Тильде, русская версия сайта

Сергей Харламов — верстальщик на Тильде, английская версия сайта

Этот проект сделан в Е–Б Эдженси. Напишите Кристине, если хотите также.

Мало кто знает, но в 1984 году Ванга предсказала комментарии к этой статье. 
Мало кто знает, но в 1984 году Ванга предсказала комментарии к этой статье. 
24
11 комментариев

Сайт дня, орнул. Насколько деградируют продажные сайты. Я думал дизайн какой то стандартный, скок таких видел.
Сайт откровенно УГ, тот момент, когда поигрались со шрифтами и проиграли.
А подушку за пол ляма купит у вас ток лох, благо он не мамонт
Кароч через год схлопнитесь и разбежитесь, скучно

Ответить

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

1
Ответить

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

Ответить

Не зря маркетологи работали. Теперь можно силиконизированное волокно класть. Кстати, орнитологи не считали сколько яиц погибли после того, как гнезда были лишены тепловой защиты? Так себе экоповестка.

Ответить

Их дороже можно продать

Ответить

Прилетает птичка в гнездо, а его уже обнесли...

Ответить
Ответить