Aller au contenu
LT
Tous les projets
03En ligne

Création de site · Vitrine

Ce portfolio

Un site moderne et animé, du cadrage à la mise en ligne.

Cadre
Projet personnel
Période
Oct. 2026
Statut
En ligne
Outils
Next.js · React · Tailwind CSS · Motion · Vercel · Claude

Moinsdetexte.Plusdemouvement.Unsitequisevitaulieudeselire.

Le contexte

Pourquoi ce site ?

Je propose de créer des sites et d’améliorer ceux qui existent. Plutôt que de l’affirmer, je l’ai prouvé sur mon propre portfolio, traité comme un vrai projet client : un besoin, des allers-retours, des corrections, une mise en ligne.

Objectif

Montrer mon savoir-faire en création et amélioration de sites

Public

Recruteurs, clubs, structures qui veulent un site

Contrainte

Moderne et animé, mais lisible en quelques secondes

Process

01 / 04

Cadrer

Contenu, structure, couleurs.

02 / 04

Générer

L’IA écrit le code à ma demande.

03 / 04

Ajuster

Vitesse, lisibilité, détails.

04 / 04

Publier

En ligne sur Vercel, en une commande.

lucas-talarek.vercel.app

Lucas
Talarek

ÉvénementielVisuelsAutomatisation IADataSites webÉvénementielVisuelsAutomatisation IADataSites web

Next.js · Motion · Vercel

Dans le détail

Repérer. Corriger.

Améliorer un site, c’est surtout ça : regarder le rendu réel, noter ce qui gêne, corriger, republier. Six exemples concrets tirés de ce site.

Motion lab

Touche, ça bouge.

DragLance la balle
ScrambleSurvole
Tilt 3DBouge la souris
3D
MagnetApproche
Attire-moi
MorphEn boucle
CounterChiffres animés

0%

Ce que j’en retiens

Le détail

Une animation trop rapide ou une couleur qui jure suffit à gâcher une page entière.

Le réel

Toujours vérifier le rendu en ligne, sur ordinateur et sur téléphone, avant de valider.

L’itération

Un site n’est jamais fini : on publie, on observe, on améliore.

Next.jsReactTailwindMotionVercelClaude

Le code est généré par l’IA à partir de mes besoins : mon rôle est de cadrer, tester, ajuster et mettre en ligne.

Projet suivant · 01Création visuelle