Labo interne · Seriné

Des briques qu'on pose sur nos sites.

Ce ne sont pas des images : chaque bloc ci-dessous est du code qui tourne, prêt à être posé sur un site client. Testé sur téléphone.

Fond animé : shader WebGL maison 0 librairie externe Page interne (noindex)

Glisser pour confirmer

brique 01 — micro-interaction

Un geste au lieu d'un bouton : le client glisse, la commande passe. Le pouce ne peut pas le déclencher par erreur.

Glisser pour confirmer

Avant / après

brique 02 — preuve visuelle

Le vrai site du prospect à gauche, la démo à droite. Découpé par clip-path : l'image n'est jamais comprimée. Glisse la poignée.

Site refait
Site d'origine
Avant Après

Les chiffres arrivent

brique 03 — compteurs au défilement

Utilisés pour les résultats clients. Le déclencheur est un compteur animé qui s'arrête sur la valeur réelle.

0démos livrées cette semaine
0de pages notées « propre »
0d'un brief au site en ligne

Ce qui reste à porter

brique 04 — à suivre

Fond shader (fait), slide de confirmation (fait), comparateur (fait), compteurs (fait). Prochaines briques repérées : dock magnétique, page peel, sons d'interface, scène 3D pinnée. Le bouton ci-dessous est magnétique : sur ordinateur il vient vers le curseur, sur téléphone il s'écrase au doigt.

Remonter test du magnétisme
Voir une démo Nous écrire