Skip to content
Rooyande
Back to the service
Live demoIndependent e-commerce design and development study

Flora

Flowers, framed like art.

Flora is an independent floral e-commerce design and development study, combining editorial visual direction, real photography and cinematic motion with a practical Persian-first shopping experience.

Role
Art direction, UI/UX, front-end development, motion design and e-commerce prototyping.
Year
2026
Built with
Next.js, TypeScript, GSAP, Lenis
The actual deployed Flora homepage, a Persian floral storefront design demonstration.

An independent design and development study, not a commissioned client project or a commercial flower-delivery company. Product browsing and cart interactions work as a demonstration; live payments and fulfillment are not enabled.

An independent study

Flora explores the design and shopping experience of a floral storefront. It is an independent study, not a commissioned project or a commercial flower-delivery business.

Photography, typography and motion

Editorial layouts, real flower photography and a Persian right-to-left interface shape the study. Cinematic motion and the curtain transition between pages are part of the interface experience.

Demonstration shopping flow

Visitors can browse products, view their details and interact with the cart. Live payments and fulfillment are not enabled; this is a demonstration of the shopping interaction.

Decisions that shaped it

  1. 01

    Persian first

    Layout and shopping interactions are built around Persian and mobile use.

  2. 02

    Actual project screenshots

    The screenshots on this page come directly from the Flora deployment, rather than generated mockups or standalone flower photographs.

  3. 03

    Clear demo boundaries

    The independent demonstration and the absence of live payments and fulfillment are stated clearly.

Screens

The actual Flora demonstration shop and product catalogue.
The actual Flora demonstration shop and product catalogue.
A product detail page in the actual Flora deployment.
A product detail page in the actual Flora deployment.
Flora on a phone with a Persian right-to-left layout.
Flora on a phone with a Persian right-to-left layout.

Project status

  • LiveLive design demonstration.
  • BuiltProduct browsing and cart interactions work as a demonstration.
  • NextLive payments and fulfillment are not enabled.

What I learned

A design study can make a shopping flow tangible while keeping its demonstration scope clear.

Contact

Say something on the glass.

For a website, an AI project, English lessons, voice-over or another collaboration, write a few lines about what you need.

[email protected]
Write an email

or go to the contact page