Formation

Orange Business

Refonte complète du site Ocean, filiale d’Orange Business, avec une nouvelle expérience UX/UI pensée pour moderniser la gestion de flotte d’entreprise.

UX Design

UI Design

Webdesign

Projet Web Design — Refonte site Ocean, Orange Business

Orange Business – Refonte UX/UI du site vitrine d’Océan, filiale spécialisée dans la gestion de flotte automobile

Océan est une filiale d’Orange Business dédiée à la gestion de flotte automobile et à la télématique pour les entreprises.
Dans un contexte de modernisation technologique et de repositionnement marketing, la marque a initié une refonte complète de son site web afin d’améliorer l’expérience utilisateur et d’optimiser la compréhension de son offre.

Contexte et objectifs

Le projet visait à moderniser la présence digitale d’Océan tout en alignant le site avec les nouvelles brand guidelines d’Orange Business.
L’objectif principal était triple :

  • Améliorer l’expérience utilisateur (UX) et la lisibilité de l’offre.

  • Accroître la conversion en générant plus de leads qualifiés.

  • Faciliter l’intégration technique du futur front-end basé sur une nouvelle stack.

Cette refonte s’est déroulée en étroite collaboration avec les équipes internes (marketing, chefs de projet) et un prestataire externe en charge du développement, dans un cadre technique et temporel exigeant.

Approche et conception

Le travail a débuté par une phase d’audit UX approfondi du site existant : analyse de l’ergonomie, de la structure des pages, des parcours utilisateurs et de la clarté des contenus.
Cette étape a permis d’identifier les principaux points de friction et d’établir une feuille de route claire pour la refonte.

À partir de ces constats, nous avons redéfini l’architecture d’information du site et les parcours utilisateurs cibles, afin d’adresser les besoins spécifiques des différents profils :

  • gestionnaires de flotte,

  • directions financières,

  • responsables techniques.

L’enjeu était de simplifier la compréhension des offres, de fluidifier la navigation et de renforcer la lisibilité des actions clés (demandes de devis, démos, formulaires).

Sur Figma, nous avons conçu les wireframes basse fidélité, puis décliné les maquettes finales en version desktop et mobile, dans le respect des standards d’accessibilité.
Une attention particulière a été portée à la hiérarchie visuelle, aux CTA et à la cohérence graphique avec la charte d’Orange Business.

Design system et contraintes techniques

Le projet s’est appuyé sur le design system d’Orange Business, adapté pour répondre aux besoins spécifiques d’Océan.
Cette approche a permis de garantir une cohérence de marque tout en introduisant une certaine flexibilité graphique pour répondre aux enjeux propres à la filiale (produits, typologie de clients, tonalité).

En parallèle, nous avons collaboré étroitement avec les équipes de développement afin d’assurer la faisabilité technique et la fidélité d’intégration des maquettes.
Des ajustements réguliers ont été réalisés pour s’adapter aux contraintes du framework front-end et assurer une excellente expérience responsive.

Rôles et responsabilités

Nous étions deux designers en alternance sur le projet, encadrés par des chefs de projet digitaux au sein d’Orange Business.
Mon rôle a couvert l’ensemble du processus de conception UX/UI :

  • Audit et analyse UX de l’existant,

  • Cartographie des parcours utilisateurs,

  • Design des wireframes et maquettes finales,

  • Adaptation du design system,

  • Suivi technique et accompagnement du prestataire externe.

Cette collaboration m’a permis de renforcer ma rigueur méthodologique, ma capacité à travailler dans un cadre corporate exigeant, et ma compréhension des enjeux B2B à grande échelle.

Résultats

La refonte a permis d’offrir à Océan un site plus clair, moderne et accessible, renforçant la visibilité de ses services et la qualité de ses leads entrants.
Le projet illustre l’importance d’une synergie entre design, technique et stratégie, dans le cadre d’une grande marque tournée vers l’innovation.

Vous avez des questions ?

Je vous réponds directement !

Vector
1. Par où commencer si on ne sait pas exactement ce dont on a besoin ?
2. Quelle est la différence avec une agence classique ?
3. Est-ce qu'on peut faire appel à vous ponctuellement, ou seulement sur des projets complets ?
4. Combien de temps dure un projet en moyenne ?
BG Image

et si on se lancait ?

Vous êtes prêts pour votre projet ?

Disponible pour vous

Avatar
+

Vous

Appel rapide de 15 minutes

Sélectionnez l'horaire qui vous convient

Vector
Vector
Element Image
Suivez moi aussi ici

Politique de confidentialité

Conditions de service

Paramètres des cookies

© 2026 The Digital Journey

Designé par Marc Boulay, via Framer

BG Image

et si on se lancait ?

Vous êtes prêts pour votre projet ?

Disponible pour vous

Avatar
+

Vous

Appel rapide de 15 minutes

Sélectionnez l'horaire qui vous convient

Vector
Vector
Element Image
Suivez moi aussi ici

Politique de confidentialité

Conditions de service

Paramètres des cookies

© 2026 The Digital Journey

Designé par Marc Boulay, via Framer

BG Image

et si on se lancait ?

Vous êtes prêts pour votre projet ?

Disponible pour vous

Avatar
+

Vous

Appel rapide de 15 minutes

Sélectionnez l'horaire qui vous convient

Suivez moi aussi ici

Politique de confidentialité

Conditions de service

Paramètres des cookies

© 2026 The Digital Journey

Designé par Marc Boulay, via Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.