Company website / English and Arabic
Link Investment
A company site for a Riyadh healthcare business, where real products tell the story: medical procurement, healthcare software and laboratory products.
The brief
Show what the company does.
- Real products carry every claim.
The Linki storefront, the Atlas Clinics and QMS KSA app screens and the culture-media product photos are the evidence in every scene. The background imagery is atmosphere only.
- One scene, not stacked sections.
The page reads as one space that changes as you scroll: commerce, then software, then the laboratory. Nothing is a card in a grid.
- No 3D library.
I prototyped the two hardest transitions first. CSS perspective carried them, so the site ships with no WebGL and no animation library.
How it works
One scroll value per scene.
- 0.0The phone and its product page hold the frame.
- 0.5The phone recedes; the real culture-media plate comes forward.
- 1.0The physical product owns the scene.
Arabic is a full version. /ar is laid out right to left with its own type, not a translated overlay.
Small screens get one product at a time. The same story order, with the wide device track reduced to single staged scenes.
Reduced motion shows the finished frame. Transforms and transitions are removed and every scene is complete.
My role