Rôle
UX/UI Designer - Intégrateur web
Équipe
Collaboration directe - Travail à distance
Durée
Mars 2025 · Avril 2025
Outils
Figma, WordPress, Trello
Contexte
Omena est une entreprise basée à Toulouse, spécialisée dans le nettoyage, l’entretien et la maintenance auprès des particuliers comme des professionnels. Ses missions couvrent le nettoyage, l’entretien et la réparation de propriétés, locaux professionnels et copropriétés.
Dans un contexte de croissance, l’entreprise souhaitait renforcer sa présence numérique et moderniser son image en ligne. Lors de mon stage, j’ai participé à la refonte de leur site web, afin d’améliorer l’expérience utilisateur et l’identité digitale de la marque.
Objectifs
L’objectif principal de la refonte était d’améliorer l’expérience utilisateur et de renforcer la visibilité en ligne de la marque.
🌟
Rendre l’interface plus moderne et professionnelle
🎨
Assurer une cohérence visuelle sur l’ensemble du site
🖥️
Mettre en avant les services proposés par l’entreprise
📧
Simplifier la prise de contact pour les clients
Défis
Pendant cette refonte, plusieurs défis ont été rencontrés :
ℹ️
Structurer le site pour trouver rapidement l’information
✏️
Adapter le contenu pour rendre les services plus clairs
🌐
Concevoir un site responsive adapté à tous les supports
Processus
01. Audit du site actuel
La première étape a consisté à réaliser un audit du site existant pour identifier ses points forts et axes d’amélioration.
J’ai constaté que le design manquait de cohérence entre les pages, que la hiérarchie visuelle des textes était insuffisante et que le site comportait peu d’appels à l’action.
Audit de la page d’accueil du site Omena
J’ai ensuite partagé ces observations avec le chef de l’entreprise, ce qui nous a permis de définir les priorités pour la refonte du site.
02. Création d'une identité visuelle claire
En m’appuyant sur l’identité existante de l’entreprise, j’ai travaillé à la rendre plus cohérente et professionnelle.
Pour cela, j’ai défini :
- Une palette de couleurs harmonisée, reflétant les valeurs de l’entreprise
- Une hiérarchie typographique claire, avec différents niveaux de titres
- Des éléments d’interface réutilisables pour garantir une uniformité visuelle
Identité visuelle du site Omena
03. Conception des maquettes
La structure du site existant a été conservée, ce qui représentait un défi pour l’optimisation UX. J’ai travaillé sur la mise en page et la hiérarchie de l’information afin de faciliter la lecture et la compréhension.
J’ai ensuite réalisé des maquettes sur Figma pour l’ensemble des pages. Ces maquettes ont servi de base d’échanges et ont permis d’itérer efficacement avant de passer à l’intégration.
Aperçu des maquettes réalisées sur Figma
04. Intégration dans WordPress
Une fois les maquettes validées, je suis passée à l’intégration sur WordPress avec Elementor.
J’ai adopté une approche progressive : chaque page a été mise à jour section par section, en conservant d’abord le contenu existant avant de le moderniser. Cette méthode a permis d’assurer la continuité du site tout en garantissant la qualité et la cohérence visuelle à chaque étape.
05. Gestion de projet
Tout au long du stage, nous avons organisé des points quotidiens avec le chef d’entreprise. Ces échanges réguliers m’ont permis de présenter mes avancées, de recueillir des retours rapides et d’ajuster les priorités en fonction des besoins.
Cette organisation m’a permis de travailler en autonomie, tout en restant alignée avec les attentes de l’entreprise.
Maquettes
Page d'accueil
La page d’accueil a été repensée pour offrir une présentation plus claire des services et guider l’utilisateur. La hiérarchie visuelle et les appels à l’action ont été optimisés.
Comparatif avant / après : section Services
Aperçu de la page complète après refonte
➡️ Faites défiler pour découvrir toute la page
Services de nettoyage
L’objectif de cette refonte était de rendre l’offre plus claire et facile à lire. La grille des services a été réorganisée pour améliorer la cohérence visuelle.
Comparatif avant / après : grille des services
Aperçu de la page complète après refonte
➡️ Faites défiler pour découvrir toute la page
Notre entreprise
La mise en page a été retravaillée pour mettre en avant les valeurs d’Omena, améliorer la lisibilité et renforcer la crédibilité.
Comparatif avant / après : valeurs de l’entreprise
Aperçu de la page complète après refonte
➡️ Faites défiler pour découvrir toute la page
Contact
La page contact a été repensée pour rendre les informations plus accessibles et mettre le formulaire en avant. L’objectif était de simplifier la prise de contact.
Comparatif avant / après : moyens de contact
Aperçu de la page complète après refonte
➡️ Faites défiler pour découvrir toute la page
Résultats
La refonte du site web d’Omena a permis d’apporter des améliorations concrètes :
✅
Meilleure présentation des services, facilitant la compréhension de l’offre
🎨
Identité visuelle modernisée et cohérente, renforçant l’image de marque
🧑🏻💻
Site accessible et responsive, garantissant une navigation fluide
Au-delà des améliorations apportées au site, ce projet a été l’occasion d’expérimenter une méthodologie collaborative efficace avec le chef d’entreprise. J’ai appris à prioriser les actions, à intégrer rapidement les retours et à travailler de manière agile, ce qui m’a permis de livrer un site moderne et accessible, tout en renforçant ma capacité d’adaptation.