KASATKA
Производитель водки премиум-класса KASATKA. Она поставляется в магазины на территории всей России в двух видах: Classic и Lux.
У многих иностранцев Россия ассоциируется, в первую очередь, с водкой. Действительно, водка — это самый известный атрибут русской культуры: любой праздник и памятные встречи редко обходятся без пары рюмочек.
Задача
Разработать промо-сайт. Оригинально и эффектно представить продукцию.
Решение
На этапе брифования получаем основную установку от заказчика: сайт должен быть ярким и эмоциональным, чтобы пользователь прямо ахнул.
![<p><b>Водка должна быть холодной, поэтому на главной странице мы погрузили ее в море</b></p> <p><nobr>Нарисовали-таки</nobr> касатку, а под водой разместили особенности производства водки:</p>](https://s29805.cdn.ngenix.net/upload/iblock/d40/xd403656e50665445e7649ca3a213cf20.jpg.pagespeed.ic.aj6gClxuaU.jpg)
![<p><b>Приступаем к разработке мудборда</b></p> <p>Кстати, этот проект стал одним из первых, в рамках которого мы использовали мудборд для наиболее точного понимания стилистики будущего сайта.</p>](https://s29805.cdn.ngenix.net/upload/iblock/780/x7803123ec6f07805aadaae87318b0270.jpg.pagespeed.ic.OLCRONJ1ZU.jpg)
![<p><b>Рисуем скетч</b></p>](https://s29805.cdn.ngenix.net/upload/iblock/35b/x35b3abeb4e794ecfe97e972bb1a85236.jpg.pagespeed.ic.tJxM-f72WK.jpg)
![<p><b>Поскольку сайт алкогольный, прорабатываем заставку с вопросом о совершеннолетии:</b></p>](https://s29805.cdn.ngenix.net/upload/iblock/476/x476c1d109509e1dd08fe0430e41ab963.jpg.pagespeed.ic.7hi9ql7CX9.jpg)
![<p><b>Внутренние страницы немного отличаются друг от друга по стилю</b></p> <p>Сугубо текстовых страниц нет, основное внимание уделено подаче фотографий.</p>](https://s29805.cdn.ngenix.net/upload/iblock/300/x30059f5cc37084188b7dbb138027dddc.jpg.pagespeed.ic.6zlbTVPA7L.jpg)
![](https://s29805.cdn.ngenix.net/upload/iblock/3df/x3df2738723673fa509e123dec2b3df63.jpg.pagespeed.ic.2mNw522OyN.jpg)
![](https://s29805.cdn.ngenix.net/upload/iblock/731/x731ac291b1e85161064e6bb35d56988a.jpg.pagespeed.ic.O9Q6INmOl5.jpg)
![<p><b>Раздел «Коктейли»</b></p> <p>При наведении на картинку появляется маска с касатками, нажав на которую можно посмотреть рецепт.</p>](https://s29805.cdn.ngenix.net/upload/iblock/36b/x36b79b5c732b3f001470edfd3961e9b7.jpg.pagespeed.ic.AdQzl0nCEj.jpg)
Parallax на главной странице сделан с использованием библиотеки parallax.js. Она позволяет увидеть эффект на iPad при изменении положения устройства.