Refonte indépendante · Avant / après
Gozem
Une refonte de l’accueil Gozem centrée sur les usages, les services et les parcours proposés.
Mockup de présentation généré : accueil, services, pays, support et actualités. Les captures réelles figurent dans l’étude avant/après ; les chiffres illustrés ne sont pas vérifiés.
Ouvrir le mockup en grandRefonte personnelle publiée sur GitHub Pages. Cette présentation ne revendique ni commande client ni affiliation officielle avec Gozem.
Cette étude met en regard le site officiel Gozem Bénin et ma refonte disponible sur GitHub Pages. Les captures présentent la hiérarchie de l’accueil, les services et les choix de navigation de chaque version.
LE PROJET EN DÉTAIL
Du parti pris à l’interface.
Mon rôle
Refonte web indépendante
Stack technique
- HTML
- CSS
- JavaScript
- Tailwind CSS 4
- Font Awesome
Ressources front-end observées sur la refonte publiée.
Choix de conception
Centrer l’accueil sur l’usage
Une promesse fixe fait face au téléphone et à son aperçu de trajet. Deux boutons distinguent les parcours passager et conducteur.
Hiérarchiser les services
Les services sont regroupés par public. Les marges blanches, les cartes et les boutons arrondis donnent des repères à cette page dense.
Prolonger le parcours
Les sections pays, assistance et actualités complètent la présentation. Le vert reste le repère principal de l’identité visuelle.
Typographies
Titres, navigation et textes
Familles déclarées dans les styles de la page.
Palette de couleurs
- #00A651Vert principal
- #004D40Vert profond
- #008D44Vert de pied de page
- #FFFFFFBlanc
Couleurs relevées dans les styles de la page publique.
REFONTE INDÉPENDANTE · AVANT / APRÈS
Recomposer l’accueil autour des usages.
J’ai repensé la présentation de Gozem autour d’un message central, d’un aperçu de l’application et de deux entrées visibles : passager et conducteur. Cette comparaison montre le site officiel consulté et ma refonte publiée sur GitHub Pages.
Capture du site officiel dans sa version consultée le 5 octobre 2026. Le fond du hero apparaît gris dans le navigateur de capture ; son apparence habituelle n’a pas été confirmée.
Capture réelle de ma refonte en ligne : un titre fixe, un aperçu de trajet sur téléphone et deux actions distinctes.
Ce que j’ai repensé
Une entrée centrée sur l’usage
Le site officiel ouvre sur un message animé et un bandeau de téléchargement. Ma version met en regard une proposition fixe, un téléphone affichant une carte et deux actions : créer un compte passager ou devenir conducteur.
Des repères conservés
Je conserve le vert de la marque, le choix du pays et de la langue. La navigation propose notamment Nos Services, Devenir Partenaire et un regroupement Nous Rejoindre ; les deux actions du hero se distinguent par le bleu et le vert.
Des services regroupés
Les quatre publics et les groupes de services du site d’origine sont conservés. Je retravaille leur présentation dans une zone à onglets et des ensembles visuels dédiés à la mobilité, aux livraisons et aux achats digitaux.
Un parcours de présentation plus développé
La refonte ajoute des blocs consacrés aux pays, au support et aux atouts du service, puis une présentation d’actualités et de témoignages. Ces sections illustrent le travail de mise en page ; leurs chiffres et témoignages ne sont pas des résultats validés dans cette étude.
Refonte indépendante présentée pour son travail d’interface, sans affiliation ni commande officielle revendiquée. Les parcours d’inscription et de téléchargement n’ont pas été validés ici ; certains liens du prototype restent des ancres. Aucun gain de conversion ou de performance n’est avancé.
