Промосайт чая «Принцесса Нури»

Главное о кейсе

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

Благодаря продуманной архитектуре, удалось обеспечить высокое быстродействие сайта и способность выстоять при высоких нагрузках — во время федеральных рекламных кампаний.
Рекламная кампания Нури + Озон «Миллиарды — миллионам» длилась больше года, видеоролики собрали миллионы просмотров, но даже в самую пиковую нагрузку сайт не терял в быстродействии.

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

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

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

Контент раскрывается последовательно. Благодаря интерфейсной анимации, посетитель вовлекается в навигацию по сайту, по страницам, а смысловые блоки вытекают друг из друга. Морфинг лёгкий и не напряжный.

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

Весь сайт выполнен как реактивное Single Page Application — страницы открываются в рамках сайта без перезагрузки, смысловые блоки сменяют друг-друга плавно, UI строится на базе состояний активности. Для пользователя такое поведение прозрачно и привычно — так себя ведут мобильные приложения. Для бизнеса такой подход позволяет увеличить вовлеченность посетителя; исходя из статистики систем веб-аналитики, увеличилось время, проведенное на сайте и глубина просмотра полезного контента, больше сессий проходит по запланированному сценарию.

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

Архитектура сайта: frontend SPA + backend API + static site generator.
Технологический стек: VueJS, Nuxt SSG, бэкенд-часть на Laravel.

Прочая информация о кейсе

«Принцесса Нури» — бренд чая, который выбирают миллионы покупателей в России, неоднократно отмечен как «Товар года в РФ в номинации «Черный чай».

Задача — разработать новый сайт, который не только познакомит покупателей с ассортиментной линейкой, но и станет полноценной основой для рекламной кампании «Тепло, которое нас объединяет» и «Хорошо там, где ты есть».

Скриншоты