PRECISION • FORM • MATERIAL

Peptide
For Research

A cinematic product experience built around a fully interactive 3D pen, molecular motion and scroll-driven storytelling.

Explore product
Scroll to explore the product
B3 Peptide Pen
0° product view
0Research pods
0mg display
0Continuous story
01

Built from molecules.

The opening particles do not disappear—they resolve into the same 3D product that stays with the visitor through the page.

02

Real cylindrical depth.

The body is geometry, not a flat image. Lighting, reflections and perspective expose its depth as it rotates.

03

Exploded detail.

Scroll separates the cap, cartridge and body to reveal the product construction before they reconnect.

04

Back to one form.

The parts settle back into a single premium object, ready for the next section.

INTERACTION SYSTEM

Designed to feel physical.

Mouse movement adds restrained parallax. Dragging rotates the product directly. Scroll controls the cinematic sequence, so interaction feels deliberate rather than game-like.

01

Mouse parallax
Subtle orientation change with pointer position.

02

Drag rotation
Direct 360° interaction on desktop and touch.

03

Scroll choreography
Rotation, translation and exploded-view animation.

B3 PEPTIDE

A molecular visual language from first frame to final section.

The molecular background remains lightweight and visual while the product itself is rendered in WebGL.