The product opens, turns and explains itself as the page scrolls.

One model does all the work. The section on our home page, where the suitcase opens and the ring turns, is exactly this.

A gold ring with three stones on a black pedestal, lit from the side

Scrolls, and the piece answers: the lid lifts, the lining shows, the dimensions appear, the leather gets a close-up. No video to wait for, no play button to find.

01

Written like a product page, staged like a film

Chapters bound to scroll positions: open, turn, the material, the dimensions, the variants. Each chapter has your sentence next to the model doing the thing the sentence describes.

02

Lighter than a video, and it never ends

The model loads once and drives every chapter. A video would have to be shot again for every variant and would still stop at the end; here the customer can take over and turn the piece at any point.

03

Built for the phone

Scroll on a phone is a thumb, not a wheel. Every story is built and checked at phone width first, with the text and the model never fighting for the same space.

Input
The 3D model, and your copy for each chapter (we draft it if you prefer)
Output
A section for your product page, or a standalone landing page. Model, animations and code delivered as your files.
Motion
Built into the model: open, fold, rotate, unfold. Bound to scroll, or played on tap.
Where it lives
Any store that allows a custom section, or a page we host at no charge
Weight
The model, plus a few kilobytes of code. Our ring story adds 0.39 s to page load; our suitcase 0.29 s.
Ownership
Yours. One price, no licence to renew, no monthly fee. Source files included.
  1. 01

    The storyboard

    Five to eight chapters on one page: what the model does, what the sentence says, in what order. You approve this before anything moves.

  2. 02

    Model and animation

    The parts that move are built to move: hinges, lids, straps, clasps. Animation is part of the model, not a video on top of it.

  3. 03

    Design

    Your typography, your sentences, the model given the room to be seen. Phone first.

  4. 04

    Integration and launch

    Into your store as a section, or as a landing page. Checked on a phone and a laptop before you see it.

Does this replace our product photography?

No. The photograph opens the page and sets the mood. The story takes over where the photograph stops: inside, underneath, in motion, in the other colours.

Does it work on a phone?

It is built for the phone first. The model is drawn only while the section is in view, so the page stays light, and the chapters are laid out for a thumb, not a mouse wheel.

Can the same model also be the configurator and the AR?

Yes. The story, the configurator and AR use the same file. A customer can scroll through the story, switch the colour, and put that colour in their room without the page loading anything new.

How much copy do we have to write?

One sentence per chapter, five to eight chapters. We draft them from your product page if you prefer and you correct them. Short is the point: the model says the rest.

Can it live on a landing page instead of the store?

Yes. For a launch, a campaign or a piece that deserves its own page, we build and host the page, with a link to your store to buy. No hosting fee.

Send the product page. We will send back a storyboard for it, chapter by chapter, before anything is built.

BUILT ONCE. YOURS TO KEEP. BUILT ONCE. YOURS TO KEEP. BUILT ONCE. YOURS TO KEEP.BUILT ONCE. YOURS TO KEEP. BUILT ONCE. YOURS TO KEEP. BUILT ONCE. YOURS TO KEEP.

Show us your best seller

Send a message, or ask for a free 3D model of one product, no strings attached.

Address

Belgrade, Serbia

Contact

hello@teatika.com

We use optional analytics cookies to understand how visitors use the Teatika website and interactive 3D experience. Rejecting keeps analytics disabled.

Scroll stories | Teatika