LogoLéa Sagnier

Projet web pour une professionnelle de l'organisation

Création du site vitrine — La Méthodique

Dans ce projet, j'ai accompagné La Méthodique, home organizer, dans la conception et le développement de son site vitrine, depuis les premières propositions de design jusqu'à la mise en ligne — en partant de son identité visuelle existante pour créer un site à son image.

Html / CSSFigmaJavaScript EmailJS

Présentation du projet

La Méthodique disposait déjà d'un logo et d'une charte graphique établis. L'objectif était de les exploiter comme socle pour concevoir un site vitrine professionnel, cohérent avec son univers, et capable de présenter clairement son activité de home organizer à ses futurs clients.

Mon rôle a couvert l'intégralité du projet : conseil sur la structure et l'expérience utilisateur, conception des maquettes sur Figma, sélection des visuels, intégration et mise en ligne.

Conception et maquettage sur Figma

Avant d'écrire la moindre ligne de code, j'ai conçu plusieurs propositions de design sur Figma, soumises à la cliente pour validation

  • Respect de la charte graphique et du logo existants
  • Proposition de différentes orientations visuelles
  • Itérations selon les retours de la cliente
  • Validation d'une maquette complète avant développement

Cette phase en amont a permis de cadrer précisément les attentes et d'éviter les allers-retours coûteux en phase de développement.

Conseil UX et structure du site

En parallèle du design, j'ai joué un rôle de conseil sur la structure des pages et le parcours utilisateur, afin de guider au mieux la cliente dans ses choix.

  • Définition d'une arborescence claire en 5 pages
  • Hiérarchisation des contenus pour mettre en valeur les prestations
  • Parcours utilisateur pensé pour amener naturellement à la prise de contact
  • Conseils sur l'organisation et la présentation des informations fournies par la cliente

Intégration des contenus

La cliente a fourni l'ensemble des textes. J'ai pris en charge la recherche et la sélection des visuels, en veillant à leur cohérence avec l'univers de la home organisation : épure, clarté, sérénité.

  • Sélection d'images libres de droits en accord avec la charte
  • Mise en page aérée et lisible
  • Hiérarchie visuelle claire sur chaque page

Développement et mise en ligne

Le site a été développé en HTML, CSS et JavaScript, avec une attention particulière portée au responsive design pour garantir une expérience optimale sur tous les supports.

  • Intégration souple depuis les maquettes Figma via Flexbox, pour des layouts fluides et harmonieux
  • Responsive design : mobile, tablette et desktop
  • Formulaire de contact fonctionnel via EmailJS, sans backend serveur
  • Liens directs vers les canaux de contact de la cliente

Conclusion

Ce projet illustre ma capacité à accompagner une cliente de A à Z, du premier échange jusqu'à la mise en ligne — en sachant m'adapter à une identité visuelle existante plutôt que de repartir de zéro. Il met également en lumière mon rôle de conseil, essentiel pour aider une professionnelle non-technicienne à faire les bons choix de structure et de contenu pour son site.

Un projet humain, soigné, qui reflète fidèlement l'univers de La Méthodique : de l'ordre, de la clarté, et une vraie attention au détail.

Prêt à créer votre site vitrine professionnel ?

Contactez-moi pour un projet sur mesure et offrez à vos clients une expérience fluide et rassurante.

Demander un devis