Websites

Premium Animated Website for the Dənli Rice Brand

Live links

About the project

Dənli is a premium brand website developed for the rice sub-brand of Imanna. The goal was to present Hashemi white rice and premium black rice not as a plain product list, but as a visual experience built on the story of soil, craft and quality.

At NS Studio we started with the brand name itself — dənli, meaning grain-giving, fertile. That meaning became the starting point of the entire digital language. The brand story, product catalogue, nutritional values and production process were brought together into a single flow, creating a story-driven website experience that guides the visitor from the first screen to the product choice.

The project is one example of NS Studio's approach to website development for premium brands.

UX/UI Design Built Around the Brand Story

In food brands, the purchase decision is built first of all on trust. That is why the design process started by mapping the real questions a visitor asks: where does the product come from, how is it grown, what is inside it, and how is it different from other rice?

Deep green and natural cream tones, strong typography and generous whitespace defined the visual direction. Each page was built as a separate chapter of the story:

Brand story — the meaning of the name, the origin and the production philosophy
Product catalogue — a clear split across white and black rice lines and packaging formats
Product pages — grain characteristics, nutritional values and usage recommendations
Mobile experience — every content and motion block adapted with a mobile-first logic

Nutritional values were presented as visual indicators instead of a plain table, allowing visitors to compare products at a glance. The whole process followed NS Studio's UI/UX design and branding approach.

Technical Development, Scroll Motion and Performance

Technically, the site was built on Next.js with a component-based, scalable structure. Page transitions, text and product blocks are driven by a GSAP scroll-motion system, revealing content step by step as the visitor scrolls.

For product animations we applied a pre-rendered frame-sequence approach. It delivers a cinematic motion effect without heavy real-time 3D calculation in the browser and keeps stable performance on mobile devices.

Image optimisation, loading speed, semantic HTML structure and correct meta data for search engines were handled as a separate workstream — the site was delivered not only as a visual product but as a search-optimised one. The architecture also allows new product lines and, when needed, an online store module to be added later.

You can explore more of our work in the projects section, or get in touch to discuss a similar solution for your own brand.

Related service