Веб-сайты

Премиальный анимированный сайт для бренда риса Dənli

Ссылки

О проекте

Dənli — премиальный сайт бренда, разработанный для рисового суббренда компании Imanna. Задача заключалась в том, чтобы представить белый рис Hashemi и премиальный чёрный рис не как обычный список товаров, а как визуальный опыт, построенный на истории земли, труда и качества.

В NS Studio мы начали с самого названия бренда — dənli, то есть «дающий зерно», плодородный. Именно этот смысл стал отправной точкой всего цифрового языка проекта. История бренда, каталог продукции, пищевая ценность и процесс производства были объединены в единый поток, создав сайт, построенный на повествовании, который ведёт пользователя от первого экрана до выбора продукта.

Проект — один из примеров подхода NS Studio к разработке сайтов для премиальных брендов.

UX/UI-дизайн, построенный вокруг истории бренда

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

Визуальное направление задали глубокие зелёные и natural-кремовые оттенки, выразительная типографика и щедрое свободное пространство. Каждая страница построена как отдельная глава истории:

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

Пищевая ценность представлена визуальными показателями вместо обычной таблицы, что позволяет сравнить продукты с одного взгляда. Весь процесс выполнен в соответствии с подходом NS Studio к UI/UX-дизайну и брендингу.

Техническая разработка, scroll-анимация и производительность

С технической стороны сайт построен на Next.js с компонентной и масштабируемой структурой. Переходы между страницами, текстовые и продуктовые блоки управляются системой scroll-анимации на базе GSAP: контент раскрывается поэтапно по мере прокрутки.

Для анимации продуктов применён подход с предварительно отрендеренной последовательностью кадров. Он даёт кинематографичный эффект движения без тяжёлых 3D-вычислений в браузере и сохраняет стабильную производительность на мобильных устройствах.

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

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

Связанная услуга

Хотите похожий проект?

Разработка сайтов в Баку: корпоративные сайты, интернет-магазины и лендинги. Уникальный дизайн, адаптивность и готовность к SEO. Бесплатная консультация.

Бесплатная консультация Разработка веб-сайтов →