Projet personnel pour une entreprise familiale
2026
Webdesign & UX/UI
Développement WordPress
Contexte
Dans le cadre d’un projet familial, j’ai réalisé en autonomie le site vitrine de HappyHome, une entreprise artisanale spécialisée dans les travaux de menuiserie et d’agencement en Haute-Saône.
L’entreprise avait besoin d’une présence en ligne professionnelle pour présenter ses prestations et valoriser ses réalisations.
L’objectif était de créer un site à l’image de l’entreprise, associant une identité visuelle soignée, une navigation intuitive et une présentation claire des différents domaines d’intervention.
Le projet devait également permettre au dirigeant de publier ses nouvelles réalisations sans avoir à modifier directement le code du site.
J’ai pris en charge l’ensemble de sa réalisation, depuis les premières recherches visuelles et les choix graphiques jusqu’à la création du thème WordPress personnalisé, l’intégration des contenus, les adaptations responsive et la mise en ligne sur Hostinger.
Mon rôle
- Analyse des besoins de l'entreprise et définition des objectifs du site.
- Recherche d'inspirations visuelles et création de moodboards sur Figma.
- Définition de l'identité visuelle : couleurs, typographies et textures.
- Conception de la structure des pages et de la navigation.
- Création et personnalisation d'un thème WordPress.
- Développement et adaptation responsive des interfaces.
- Mise en place d'un système de gestion des projets et de leurs catégories.
- Création des pages de réalisations et intégration des contenus.
- Mise en place du formulaire de contact.
- Optimisation du référencement naturel avec Yoast SEO.
- Configuration de l'hébergement et mise en ligne du site avec Hostinger.
- Préparation d'un tutoriel pour permettre au dirigeant d'ajouter ses réalisations.
Processus
- Échange avec le commanditaire pour comprendre son activité, ses besoins et les objectifs du site vitrine.
- Recherche d'inspirations graphiques et création de moodboards sur Figma afin de faire valider les couleurs, typographies et textures.
- Définition de l'organisation du site, de la navigation et des principales pages.
- Installation et configuration de WordPress sur l'hébergement Hostinger.
- Création d'un thème WordPress personnalisé adapté à l'identité visuelle définie.
- Conception et intégration des interfaces directement dans WordPress, sans maquette complète préalable.
- Mise en place d'un système de projets personnalisés avec différentes catégories de réalisations.
- Développement de cartes de projets, de carrousels et de pages de présentation des chantiers.
- Adaptation des interfaces aux formats ordinateur, tablette et mobile.
- Intégration des contenus, du formulaire de contact et des informations légales.
- Configuration des principaux éléments SEO et des réglages de sécurité.
- Tests de navigation, vérification des affichages et corrections avant mise en ligne.
- Publication du site et réalisation d'une vidéo tutorielle accompagnée de consignes pour faciliter sa gestion.
Résultats finaux
Le projet a abouti à la création et à la mise en ligne du site vitrine HappyHome, accessible à l'adresse happyhome70.com.
Le site présente l'entreprise, ses prestations et ses réalisations à travers une interface personnalisée, construite autour d'une identité visuelle associant des teintes chaleureuses, une typographie soignée et un univers graphique inspiré des matériaux et de l'artisanat.
Une attention particulière a été portée à la présentation des réalisations. Les visiteurs peuvent découvrir les projets par catégorie, consulter les photographies des chantiers et accéder à des fiches détaillées décrivant les interventions effectuées.
Pour faciliter la gestion quotidienne du site, j'ai mis en place un système de contenus personnalisés dans WordPress. Celui-ci permet au dirigeant d'ajouter de nouveaux projets avec un titre, une description, une catégorie, des images et des informations complémentaires, sans intervenir directement dans le code.
L'interface a été adaptée aux différents formats d'écran, notamment grâce à des carrousels de réalisations proposant une navigation adaptée aux ordinateurs et aux appareils tactiles.
Le site intègre également un formulaire de contact, des informations légales et des réglages de référencement naturel pour accompagner sa visibilité sur les moteurs de recherche.
Enfin, j'ai conçu une vidéo tutorielle et un modèle de prompt destiné à faciliter la rédaction et la publication de nouvelles fiches projets à partir des publications Facebook de l'entreprise.
Cette réalisation m'a permis de mener un projet web complet, depuis les choix graphiques jusqu'à sa mise en production, tout en répondant à un besoin réel : disposer d'un site professionnel, évolutif et simple à administrer.
Bilan et valeur ajoutée
- Ce projet m'a permis de prendre en charge l'ensemble des étapes de création d'un site web destiné à une entreprise réelle, depuis la définition de son identité visuelle jusqu'à sa mise en ligne.
- J'ai particulièrement développé mon autonomie et ma capacité à transformer les besoins d'un commanditaire en un site fonctionnel, esthétique et simple à administrer.
- Cette expérience m'a également permis d'approfondir ma pratique de WordPress, notamment la personnalisation d'un thème, l'organisation des contenus et la création d'interfaces adaptées aux différents supports.
Compétences développées
- Analyse des besoins et communication avec un commanditaire.
- Création d'une identité visuelle à partir de moodboards Figma.
- Conception d'interfaces web cohérentes et responsives.
- Création et personnalisation d'un thème WordPress.
- Organisation de contenus dynamiques et de catégories de projets.
- Développement d'interactions adaptées aux différents formats d'écran.
- Configuration d'un site WordPress et mise en production sur Hostinger.
- Prise en compte du SEO, de la sécurité et des informations légales.
- Transmission de consignes et création de supports pour faciliter l'autonomie du client.
Défis techniques et organisationnels
- Construire une identité visuelle cohérente sans passer par une maquette complète de toutes les pages.
- Adapter l'affichage des réalisations et des carrousels aux ordinateurs, tablettes et mobiles.
- Organiser les contenus WordPress pour simplifier l'ajout de nouveaux projets.
- Assurer la cohérence graphique entre les différentes pages et catégories.
- Gérer seule les différentes étapes de conception, de développement et de mise en ligne.
Perspectives d'amélioration
- Faire évoluer le site en fonction des nouveaux besoins de l'entreprise.
- Enrichir progressivement le portfolio de réalisations et leurs descriptions.
- Recueillir des retours d'utilisation pour améliorer la navigation.
- Poursuivre les optimisations d'accessibilité, de performance et de référencement naturel.
Outils utilisés
- Figma
- WordPress
- Hostinger
- Yoast SEO