Site portfolio responsive pour designer indépendante
Un site portfolio responsive et vérifié point par point
Le portfolio d'une designer indépendante, pensé mobile d'abord et prouvé par un rapport qualité public.
Un projet, 3 interfaces
À quoi ça ressemble
Un site portfolio pour une designer d'interfaces indépendante, avec trois espaces distincts : le site public que voient les visiteurs, un espace pour gérer soi-même ses projets et ses textes, et un rapport de vérification qui détaille chaque contrôle d'accessibilité, de performance et de robustesse effectué.
Le tout conçu mobile d'abord, avec un thème clair et un thème sombre, et des mesures avant/après à l'appui plutôt que de simples promesses.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer MotionLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Filtres accessibles et annoncés
Filtres accessibles et annoncés
Chaque filtre de catégorie est un vrai bouton, atteignable au clavier, pas une simple étiquette cliquable.
Le nombre de projets affichés est annoncé à chaque changement (zone aria-live), pour les lecteurs d'écran comme pour les voyants.
Thème clair et sombre cohérents
Thème clair et sombre cohérents
Le thème sombre n'est pas une simple inversion de couleurs : chaque teinte est recalculée (accent, contrastes, fonds) pour rester lisible dans les deux thèmes.
Le badge de messages non lus et les statuts restent identiques en lecture sur toute l'interface de gestion.
Chaque mesure, prouvée avant/après
Chaque mesure, prouvée avant/après
Le poids de la page d'accueil est passé de 1,9 Mo à 412 Ko, et l'affichage du contenu principal de 3,4 s à 1,2 s.
Ces chiffres sont mesurés, affichés et expliqués publiquement, pas seulement annoncés.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offer sous 3j un prototype de votre projet.
Sans engagement
