1. Réalisations
  2. Réalisations webdesign
  3. FORM. 75 – Site produit pour un clavier mécanique
FORM. 75 – Site produit pour un clavier mécanique
RayanNB
Rayan Nieto Bermudez

FORM. 75 – Site produit pour un clavier mécanique

Webdesign
5 0 0

Site produit conceptuel pour FORM., une marque fictive de claviers mécaniques premium. Produit phare : le FORM. 75, un clavier 75 % en trois finitions (Silver, Graphite, Bone). Signature : « Designed to be felt ». Le site raconte le produit par le scroll : • Le clavier 3D flotte entre les mots du titre, puis grandit au premier défilement. • Il se démonte en sept couches, des keycaps au boîtier, chaque couche expliquée au moment où elle apparaît. • Une interaction qui colle au slogan : quand vous tapez sur votre clavier, le modèle 3D enfonce les mêmes touches. • Un sélecteur de finition change les matériaux en direct. Direction artistique suisse : grande typographie, une seule couleur d'accent. Three.js, GSAP et ScrollTrigger.

Publiée le 23/10/2026

License CC-BY 4.0

webdesign site produit 3D Three.js GSAP animation au scroll vue éclatée clavier mécanique direction artistique