Stefan Petit

Stefan Petit

Web designer

PortfolioWeb designer

Stefan Petit

Je conçois et développe des sites web sur mesure, du design au code, jusqu'à leur mise en ligne.

  • Conception · Développement · Mise en ligne
  • France & Suisse · missions à distance
  • Sites vitrines et sites d'entreprise

01 Manifeste

Un site efficace est clair, rapide et agréable à parcourir. Ma méthode suit trois étapes : l'architecture et les contenus, la conception graphique de chaque page, puis le développement en HTML, CSS et JavaScript. Le site mis en ligne est fidèle à la maquette que vous avez validée.

02 Profil

Stefan Petit, en avatar 3D, un ordinateur portable dans les mains
Stefan Petit — web designer

Design et développement,
un interlocuteur unique.

Web designer basé en France, j'interviens également en Suisse. J'accompagne des indépendants, des marques et des PME dans la création de leur site : architecture des contenus, conception graphique, développement et mise en ligne.

Mon activité se concentre sur les sites vitrines et les sites d'entreprise. Chaque projet est conçu sur mesure, sans thème préconçu ni gabarit : le design est pensé pour l'activité, les contenus et le public de chaque client.

Je prends également en charge l'environnement technique : hébergement, nom de domaine, messagerie professionnelle, performances et fondamentaux du référencement. Cette maîtrise de bout en bout me permet d'assurer le suivi d'un projet, de sa conception à sa mise en ligne.

Découvrir mon parcours →

Basé en
France
Interventions
France & Suisse, à distance
Prestations
Design, développement, mise en ligne
Disponibilité
Ouvert à de nouveaux projets

03 Compétences

Mes outils.
Cliquez sur une carte pour l'ouvrir.

Savoir-faire

04 Approche

Comment je travaille.
Quatre étapes.

01

Écoute & cadrage

Je commence par comprendre l'activité, le public visé et ce que le site doit permettre de faire. J'établis l'arborescence et je fais l'inventaire des contenus existants. Aucun design avant cette étape.

Livrables : périmètre écrit, arborescence, planning
02

Direction artistique

Deux pistes visuelles au maximum, chacune argumentée : typographie, couleurs, traitement des images, principe d'animation. Le style se fixe à cette étape, pour ne plus être remis en question ensuite.

Livrables : planche d'ambiance, page de référence
03

Design & prototype

Je réalise les maquettes de toutes les pages, en version ordinateur et mobile. Un prototype cliquable permet de tester la navigation avant de commencer le développement.

Livrables : maquettes complètes, prototype
04

Intégration & mise en ligne

Je développe le site, j'optimise le poids et la vitesse, je teste sur de vrais appareils, puis je mets en ligne : hébergement, domaine et adresses e-mail compris.

Livrables : site en ligne, suivi, documentation
05

Ensuite

Un site n'est pas figé. Je reste disponible pour les corrections, les ajouts de pages et les évolutions, et je documente ce qu'il faut savoir pour le faire évoluer sans moi.

Livrables : documentation, sauvegardes

05 Réalisations

Du design
à la mise en ligne.

Toutes les réalisations →

06 Exigences

Ce que je vérifie
avant de mettre en ligne.

01

Performance

Une page doit s'afficher vite, y compris sur un téléphone en réseau moyen.

  • Images converties en WebP, compressées et chargées seulement à l'approche de l'écran
  • Aucune bibliothèque externe quand je peux m'en passer
  • Poids de page mesuré avant livraison
  • Animations calculées par la carte graphique, jamais par la mise en page
Mesuré, pas supposé
02

Accessibilité

Un site doit rester utilisable par tout le monde, y compris sans souris.

  • Contrastes contrôlés sur chaque niveau de texte
  • Navigation complète au clavier, focus toujours visible
  • Hiérarchie de titres cohérente pour les lecteurs d'écran
  • Réglage « mouvement réduit » du système respecté
Testé au clavier et au lecteur d'écran
03

Code

Un site que quelqu'un d'autre peut reprendre six mois plus tard.

  • HTML sémantique, classes nommées clairement
  • CSS organisé et commenté, variables pour les couleurs et les rythmes
  • JavaScript sans dépendance, qui se dégrade proprement
  • Le contenu reste lisible même si le JavaScript ne se charge pas
Relu comme si je devais y revenir
04

Référencement

Être trouvé compte autant qu'être bien fait.

  • Titre et description rédigés page par page
  • Adresses lisibles et structure logique
  • Images décrites, pour les moteurs comme pour les lecteurs d'écran
  • Vitesse et rendu mobile, qui pèsent dans le classement
Les bases, faites correctement

07 Contact

Me joindre.

Une question sur l'un de ces projets, une collaboration, ou simplement l'envie d'échanger.

petit.stefan95@gmail.com