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

Ситуация

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

Цели проекта

Создать лендинг на Tilda для презентации продукта ритейлерам.

Продумать вовлекающий UI, раскрыть свойства и преимущества продукта.

Отредактировать и дополнить текстовый контент, описать легенду бренда.

Добавить элементы анимации в графике и переходах между блоками.

Перенести новый сайт на имеющийся домен в зоне RU.

Создать версии на английском и китайском языках, перенести в зоны AE и CN.

Адаптировать для просмотра с мобильных устройств.

Решение

С технической стороны сборка в конструкторе Tilda Publisher была оптимальным решением для задач проекта. Большинство блоков сверстано в редакторе Zero Block, поскольку он дает разброс возможностей для нестандартных приемов и анимации.

Дизайн

В дизайне мы отталкивались от двух визуальных референсов — картин художника Н. К. Рериха «Тангла. Песнь о Шамбале» и «Мысль. Аум». Эти изображения используются на этикетках воды.

Мы объединили фрагменты двух картин на главном баннере. При скроллинге фрагменты приводятся в движение, это создает ощущение присутствия, соприкосновения с сюжетом. Вокруг бутылки добавили изображения минералов и анимированные элементы в виде ниспадающих капель воды.

Для блоков о происхождении воды использовали фотографии алтайских пейзажей и контурную карту.

Для текста и инфографики использовали палитру, которая хорошо согласуется с темой воды, минералов, горных пород.

Контент

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

Было важно подчеркнуть, что вода «Шамбала» не подвергается сложным методам очистки и дополнительной минерализации, раскрыть полезные свойства элементов подлинного химического состава. Чтобы не нагружать страницу большим содержанием текста, мы скрыли расширенные описания за кнопки «Подробнее».

Добавили блок «Вопрос-ответ». Такой блок не только дает информацию по часто задаваемым вопросам о продукте, но и играет в пользу поисковой оптимизации страницы.

Версии AE и CN

После верстки и согласования русскоязычной версии клиент на своей стороне произвел адаптацию текстов на английский и китайский языки. Мы оказали техническую поддержку по переносу сайта на домены shambalawater.ae и shambalawater.cn.

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

Мобильная версия

Все доменные версии сайта адаптированы для просмотра с мобильных устройств. В блоке с контактами добавлен плагин Click-to-Call, кнопки редиректа в почтовый клиент и мессенджер WhatsApp.

Результаты

За короткий срок у «Шамбалы» появилась эффектная онлайн-витрина, которая согласуется со стилем упаковки и соответствуют позиционированию продукта премиального качества.

от 350 000 руб.

бюджет подобного проекта

от 1 месяца

срок разработки