Refonte UI/UX · Avant / après
Déménagement Québec Signature
Repenser un site de déménagement pour clarifier l’offre et la prise de contact.
Proposition de refonte présentée à partir des visuels fournis. Aucune commande client ni mise en production n’est revendiquée ; les équipements illustrés restent à confirmer.
À partir du site Déménagement Québec Signature, j’ai repensé la hiérarchie de la page d’accueil, la navigation et la présentation des services. L’étude ci-dessous compare le site d’origine à ma proposition visuelle.
LE PROJET EN DÉTAIL
Du parti pris à l’interface.
Mon rôle
Refonte UI/UX et proposition visuelle
Proposition de refonte, sans mise en production ni commande client revendiquée.
Outils de conception
- Figma
- IA / AI
Conception dans Figma, puis améliorations avec l’IA. Framer a servi de référence.
Choix de conception
Rechercher des références
Je me suis inspiré de références sur Dribbble et Framer pour orienter la proposition visuelle.
Construire dans Figma
J’ai créé la maquette dans Figma. Elle présente une navigation en haut de page, un titre central et des services mieux séparés.
Affiner avec l’IA
J’ai ensuite amélioré la maquette avec l’IA, en conservant les repères bleus et jaunes de la proposition.
Palette de couleurs
- #031A35Bleu nuit
- #0468A3Bleu
- #FED54CJaune
- #F8FAFCFond clair
Palette indicative relevée sur la maquette.
Typographie non identifiée sur les visuels fournis.
ÉTUDE DE REFONTE · AVANT / APRÈS
Le même métier. Une présentation repensée.
J’ai repensé la page d’accueil autour d’une proposition plus lisible, d’une navigation simplifiée et de deux actions principales : demander une soumission ou appeler. La refonte conserve le bleu et le jaune de l’entreprise et donne davantage de place aux services.
Capture du site public : une bannière photographique, une navigation latérale et une présentation détaillée en colonnes.
Ma proposition de refonte : une offre mise en avant, des espaces plus aérés et des actions de contact visibles dès l’accueil.
Ce que j’ai repensé
Une hiérarchie plus directe
Le site d’origine associe une grande bannière, une colonne de navigation et un texte dense. Dans ma proposition, le titre « Votre déménagement, préparé avec soin » occupe le centre, suivi des services et des actions principales.
Une navigation en haut de page
Les liens du menu latéral sont regroupés dans une barre supérieure : Services, Nos engagements et Contact. Le numéro de téléphone et la demande de soumission y trouvent aussi leur place.
Des services mieux séparés
La liste de spécialités est repensée sous forme de catégories et de cartes : résidentiel, commercial et entreposage. Une section illustre le matériel et le transport ; le pied de page rassemble les autres services et les coordonnées.
Une identité conservée, un traitement allégé
Je conserve le bleu et le jaune, avec des fonds clairs, une typographie bleu nuit et des boutons jaunes. Les visuels de cartons, de clés et de véhicules accompagnent la présentation des services.
Cette étude présente une proposition de refonte, pas une version annoncée comme mise en production. Les visuels seuls ne démontrent ni résultats de conversion ni performances mesurées. Les véhicules et équipements représentés sont illustratifs.
Le projet, dans les détails.
