Сибирикс

Промо-сайт для алкогольного бренда KASATKA

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

Заказчик

Производитель водки премиум-класса KASATKA. Она поставляется в магазины на территории всей России в двух видах: Classic и Lux.

Бизнес-задачи

  • Оригинально и эффектно представить продукцию.
  • Вызвать доверие к торговой марке у потенциального клиента.
  • Увеличить процент розничных продаж за счет использования сайта как рекламного инструмента.

Пожелания заказчика

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

Целевой посетитель сайта

Успешный, уверенный в себе мужчина в возрасте 35–50 лет с доходом выше среднего. Это менеджер, предприниматель, госслужащий или высокооплачиваемый специалист.

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

Решение

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

Приступаем к разработке мудборда. Кстати, этот проект стал одним из первых, в рамках которого мы использовали мудборд для наиболее точного понимания стилистики будущего сайта:

Казалось, учли всё: море, холод, солидность. Однако на картинках не было касаток — и заказчик не понимал, что он должен здесь увидеть.

Одновременно с мудбордом мы продемонстрировали скетч:

Получаем обратную связь:

Это именно то, что нужно!

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

Евгений арт-директор

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

Поскольку сайт алкогольный, преалодером стала бутылка, а доступ к контенту стала предварять заставка с вопросом о совершеннолетии:

Внутренние страницы немного отличаются друг от друга по стилю: сугубо текстовых страниц нет, основное внимание уделено подаче фотографий:

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

  • Параллакс на главной странице: на десктопе можно двигать мышкой влево-вправо, на планшете — наклонять.
  • Скроллирование страницы при первом запуске.
  • В один клик можно переключаться между бутылками на главной странице.
  • В разделе «Водка KASATKA» можно крупно посмотреть детали бутылки при помощи лупы.
  • Считывается время, когда пользователь заходит на сайт. Даже если он случайно закроет вкладку и в течение пяти секунд вернётся на сайт, заставка с вопросом о возрасте ему показана не будет.

Александр разработчик

Parallax на главной странице сделан с использованием библиотеки parallax.js. Она позволяет увидеть эффект на iPad при изменении положения устройства.

Ещё одна фишка есть в разделе «Коктейли»: при наведении на картинку появляется маска с касатками, нажав на которую можно посмотреть рецепт.

Ну, и конечно, мы не могли оставить в стороне наш логотип. Слоник опускается в воду и начинает покачиваться.

Результат

Погрузиться на сайт можно по адресу kasatkavodka.com
Екатерина руководитель проекта

Работать над проектом было очень интересно, поэтому результатом довольны все — и мы, и заказчик. Кстати, у него уже появились новые креативные идеи — остаётся только пожелать ему удачи в их осуществлении ;)

P.S. Наполнение сайта заказчик производит самостоятельно, мы искренне желаем ему удачи и надеемся, что сайт со временем станет еще лучше! ;)


 

Что еще почитать по этой теме

Сравнение товаров: круто и не очень
13 Июля 2016
Экспресс-курс: обучаем отличать хорошие таблицы для сравнения товаров от не очень. Много картиночек под катом.
Как заткнуть фонтан желаний
30 Июня 2016
Учимся говорить «нет» так, чтобы клиент услышал и понял, в чём неправ
Мобильная версия сайта и адаптивная вёрстка — оно вам надо?
28 Июня 2016
Вопрос требует изучения. Поэтому в статье — в чём разница между мобильной версией сайта и адаптивной вёрсткой, когда они нужны и что делать, если их нет.

У вас есть проект?

Давайте обсудим его. Продумаем. И сделаем!

Заказать клёвый проект
Заявка отправлена
Спасибо, ваша заявка отправлена. Эксперт студии Сибирикс свяжется с вами в ближайшее время для уточнения подробностей.