Машины оценят
Вас интересует
Веб-разработка
Интернет-маркетинг
Мобильное приложение
SMM-продвижение
Таргетированная реклама
Контекстная реклама
Брендинг
MVP и стартапы

Shambala: лендинг минеральной воды

«Шамбала» — бренд природной минеральной воды из источника в предгорьях Алтая. Вода имеет уникальный состав, насыщенный ионами серебра и селена, и по стандартам качества относится к высшей категории.
Эффектный сайт-презентация с анимацией и сторителлингом
  • Лендинг
Shambala: лендинг минеральной воды

Ситуация

Владельцы бренда обратились к нам в 2023 году за современным и лаконичным сайтом, который позволил бы выигрышно презентовать продукт ритейлерам на российском рынке, а также в Китае и ОАЭ. Предыдущий сайт не отвечал этой задаче, но содержал контент о происхождении, составе и свойствах воды, который мы использовали в работе.

Цели проекта

Создать лендинг на Tilda для презентации продукта ритейлерам.
Продумать вовлекающий UI, раскрыть свойства и преимущества продукта.

Отредактировать и дополнить текстовый контент, описать легенду бренда.
Добавить элементы анимации в графике и переходах между блоками.
Перенести новый сайт на имеющийся домен в зоне RU.
Создать версии на английском и китайском языках, перенести в зоны AE и CN.
Адаптировать для просмотра с мобильных устройств.

Решение

С технической стороны сборка в конструкторе Tilda Publisher была оптимальным решением для задач проекта. Большинство блоков сверстано в редакторе Zero Block, поскольку он дает разброс возможностей для нестандартных приемов и анимации.
Дизайн
В дизайне мы отталкивались от двух визуальных референсов — картин художника Н. К. Рериха «Тангла. Песнь о Шамбале» и «Мысль. Аум». Эти изображения используются на этикетках воды.

Мы объединили фрагменты двух картин на главном баннере. При скроллинге фрагменты приводятся в движение, это создает ощущение присутствия, соприкосновения с сюжетом. Вокруг бутылки добавили изображения минералов и анимированные элементы в виде ниспадающих капель воды.
Анимация при скроллинге
Для блоков о происхождении воды использовали фотографии алтайских пейзажей и контурную карту.
Блоки со сторителлингом об источнике воды
Для текста и инфографики использовали палитру, которая хорошо согласуется с темой воды, минералов, горных пород.
Связь с продуктом в элементах UI
Контент
Мы взяли за основу текстовый контент со старого сайта и полностью переработали его: разбили на смысловые блоки, выделили ключевые преимущества продукта, облегчили стиль повествования. Поработали над описанием легенды продукта, чтобы подчеркнуть связь нейминга с происхождением воды и творчеством Н. К. Рериха.
Сторителлинг о связи продукта с творчеством Н. К. Рериха
Было важно подчеркнуть, что вода «Шамбала» не подвергается сложным методам очистки и дополнительной минерализации, раскрыть полезные свойства элементов подлинного химического состава. Чтобы не нагружать страницу большим содержанием текста, мы скрыли расширенные описания за кнопки «Подробнее».
Скрытые элементы с подробной информацией о составе воды
Добавили блок «Вопрос-ответ». Такой блок не только дает информацию по часто задаваемым вопросам о продукте, но и играет в пользу поисковой оптимизации страницы.
Информационный блок «Вопрос-ответ»
Версии AE и CN
После верстки и согласования русскоязычной версии клиент на своей стороне произвел адаптацию текстов на английский и китайский языки. Мы оказали техническую поддержку по переносу сайта на домены shambalawater.ae и shambalawater.cn.

Поскольку сайт сверстан на Tilda, пришлось столкнуться с отсутствием бесшовного функционала по настройке IP-адреса DNS-серверов, который нужно прописывать при публикации. Мы взяли на себя переписку с поддержкой и решили задачу общими усилиями.
Версия на китайском языке
Мобильная версия
Все доменные версии сайта адаптированы для просмотра с мобильных устройств. В блоке с контактами добавлен плагин Click-to-Call, кнопки редиректа в почтовый клиент и мессенджер WhatsApp.
Мобильная версия
Экраны мобильной версии

Результаты

За короткий срок у «Шамбалы» появилась эффектная онлайн-витрина, которая согласуется со стилем упаковки и соответствуют позиционированию продукта премиального качества.
от 350 000 руб.
бюджет подобного проекта
от 1 месяца
срок разработки
Заказать разработку сайта в Новосибирске
Машины оценят
Вас интересует
Веб-разработка
Интернет-маркетинг
Мобильное приложение
SMM-продвижение
Таргетированная реклама
Контекстная реклама
Брендинг
MVP и стартапы
* Телефон
Заявка отправлена
Спасибо!
Мы свяжемся с вами в ближайшее время.
Не хотите ждать?
Звоните — 247-90-37
Кстати, много интересного в нашем блоге
Посмотреть наши кейсы