POP SIP

DEMO WEBSITE

Explore three flavours through an animated 3D product story, then discover the latest brand news and promotions.

Opens in a new tab.

A product story visitors can explore

POP SIP is a fictional sparkling-fruit brand. Its website turns the hero into a continuous product story: one can changes its label, angle and surroundings as visitors discover three flavours. A distinctive Custom homepage sits alongside native content modules, giving the brand both an expressive presentation and a system to keep working with.

Created in 6 hours for this Demo.
Example timing supplied by the project owner. Actual work is assessed against complete content and the agreed scope.

Starts at 39,500 THB

Includes 35,000 THB of one-time Custom homepage work and 4,500 THB for the first system month. From month two: 4,500 THB / month.

* All prices exclude VAT and the costs of image adjustments, video creation and 3D creation. These services are quoted separately based on the scope and agreement for each project.

See the presentation in action

One product, three moods

A persistent Three.js canvas presents the can while its label and scene colours change across flavours. GSAP coordinates the scrolling story, keeping product motion and reading pauses in one sequence. CSS sticky holds the scene in the viewport while GSAP controls the scene progress. The result feels like discovering a product, rather than paging through three repeated banners.

Actual POP SIP homepage: the yellow citrus flavour scene

Give each ingredient its own rhythm

Fruit elements move in separate layers and staggered trajectories. The berry scene changes the palette and label while keeping the product story continuous. Flavour navigation offers a direct way to explore a scene without reading the whole page first.

Actual berry scene after selecting Berry Mischief

Keep campaign content editable

News and promotions come from separate native feeds and open their native detail pages. The team can update those records without rebuilding the 3D presentation. The screenshot below shows the real published news and promotion cards.

Actual native news and promotion feed cards on the homepage

Custom work estimate

Page	One-time estimate
Custom homepage	35,000 THB

Monthly website system

Recurring prices include server service. Website Starter includes the mandatory AI allowance.

Module	Price / month
Website Starter 500 free AI credits / month	3,500 THB
News	500 THB
Promotions	500 THB

Total: 4,500 THB / month

All prices exclude VAT. Catalogue reference checked on 13 October 2026; scope and terms are confirmed in the quotation.

Create a product story for your own brand

Tell us about your product, audience and the interactions you want. We can assess the presentation, content modules and an appropriate budget.

Contact Exploera