Tour 5 · section « Qui je suis », format page réelle

Trois mises en page pleine largeur, avec ta photo

Chaque bloc est la section telle qu'elle serait sur le site. Dis-moi 5a, 5b ou 5c.

5aDeux colonnes · photo ronde avec anneau
Hackend
01 Qui je suis

Moi, c'est Hackend

Expert en IA et en automatisation. Je construis des agents qui exécutent l'opérationnel des entreprises, et je documente tout ce que j'apprends en chemin.

5bCentré plein écran · façon héros
Hackend
01 · Qui je suis

Moi, c'est Hackend

Expert en IA et en automatisation. Je construis des agents qui exécutent l'opérationnel des entreprises.

5cAu centre du radar
Hackend

Moi, c'est Hackend

Je vois ce qui vous fait perdre du temps
Tour 4 · scènes animées + curseurs raffinés

Des scènes qui racontent, des flèches plus fines

4a-4d : animations narratives façon workflow. 4e-4g : curseurs (bouge la souris dans chaque zone).

4aPipeline : la tâche voyage
@ REÇU IA AGENT LIVRÉ
4bLa boîte qui se vide seule
Relance client #214
Devis à envoyer — Atelier B.
Facture impayée #88
Demande de rappel — 06 52…
Export CRM de la semaine
4cLa nuit, en temps réel
22:00 02:00 06:00 08:00
→ relance envoyée
→ devis généré
→ rapport prêt
4dLe hub qui absorbe et redistribue
IA demandes réponses factures
4eFlèche noire, liseré rouge
Bouge la souris ici un lien
4fFlèche blanche, fine
Bouge la souris ici un lien
4gFlèche rouge affinée, petite
Bouge la souris ici un lien
Tour 3 · inspiré des sites du dossier output

Recettes des vrais sites, adaptées à ta DA

Cascade d'entrée façon Glaze, curseur blend façon Framer, marquee 3D, tilt de cartes, micro-interactions de liens.

3aTitre lettre à lettre
Jevoistout.
3bCascade d'entrée (Glaze)
Hackend
Votre boîte s'arrête
quand vous vous arrêtez.
Chaque bloc arrive avec 200 ms d'écart, flou vers net.
contact@hackend.fr
3cMarquee 3D en perspective
AUTOMATISER · DORMIR ·
AUTOMATISER · DORMIR ·
3dTilt 3D au survol
/01
Vos leads refroidissent
Survole-moi : la carte suit ta souris en 3D.
3fGrain + orbe cinématique
Texture film + lumière vivante
3gCurseur blend-difference (Framer)
HACKEND
HACKEND
3hCurseur à étiquette
expertises
Tour 2 · tes demandes

Curseur couleur du site + animations retenues

Le curseur 2a est actif sur toute cette page : bouge la souris n'importe où. Il devient blanc cerclé de rouge sur les liens.

2aCurseur classique rouge
survole-moi
2bRadar final (appliqué en 01)
2cTypo cyclante (appliquée sous le hero)
J'automatise vos relances. devis. factures.
Page annexe · propositions

Curseurs et animations pour la partie 01

Survole les zones pour tester les curseurs. Dis-moi tes choix par leur code (1a, 1h…).

Curseurs — survole chaque zone
1aPoint + anneau
1bCroix technique
x:0 y:0
1cHalo cinématique
1dPupille
1eTraînée
Animations pour la partie 01
1fWorkflow n8n (actuel)
@ Email entrant # Formulaire IA Agent IA Réponse CRM à jour Facture
1gWorkflow + exécution (run)
Email entrant @ Formulaire # IA Agent IA Réponse CRM à jour Facture
1hRadar
Les tâches détectées, puis éteintes
1iAvant / Après
Sans moi
relancer le client A
recopier le devis dans le CRM
trier la boîte mail
refaire la facture B
+ 23 autres…
Avec moi
tout est parti cette nuit
CRM à jour
votre journée est vide
1jHorloge de nuit
02:14
→ relance client envoyée
03:02
→ devis généré, CRM à jour
06:00
→ rapport prêt. Vous dormiez.
1kTypo seule
J'automatise vos
relances.
devis.
factures.
pendant que vous dormez