DiliTrust

Refonte de site

Refondre sans perdre la performance: concilier design, lisibilité et SEO sur un site SaaS dense, du desktop au mobile.

UX strategyProduct clarityMobile first

problématique

Le contexte

Avec l'instauration d'une nouvelle identité graphique et d'un rebranding produit, le site devait s'aligner sans perdre son capital SEO ni ses contenus à fort trafic.

Réponse

Le projet

Proposer une interface plus claire et contrastée, répondant aux objectifs de conversion et d'expérience utilisateur, puis l'intégrer dans un template WordPress sur mesure. Pour répondre aux enjeux d'alignement avec la nouvelle identité visuelle, un délai de 5 mois est proposé.

Scroller

Réalisation

Les grandes étapes du projet

Home Page

Une Home plus structurée et attractive.

Le travail porte autant sur l'image que sur la compréhension immédiate de l'offre. Le comparatif montre le changement de hiérarchie, de respiration et de ton.

AvantApres

Avant

Application de la charte graphique DiliTrust

Lecture peu contrastée.
Perception plus institutionnelle que produit.
Moins de respiration et moins de focalisation.

Après

Narration plus directe pour convaincre vite.
Des appels a l'action plus clairs sur tout le parcours.

L'offre SASS

Une offre plus cohérente et lisible.

Le regroupement des solutions SASS sous forme de suite et l'identification de chaque module par un icone, rendent la lecture plus efficace, ainsi que la prise de décision pour l'utilisateur.

AvantApres

Avant

Une lecture très espacée de l'offre.
Un parcours utilisateur peu intuitif.
Identification des modules SASS uniquement liée au nom.

Après

Compréhension rapide de la gamme de produits.
Identification directe des modules par un icone.
Une lecture plus compacte.

Choix de conception

Une refonte guidée par la clarté, la conversion et le mobile.

Chaque famille d'écrans a ete retravaillée pour raconter une offre dense plus simplement, sans perdre la richesse du produit ni le cadre technique existant.

Territoire visuel

Installer la nouvelle charte sans rigidité.

La nouvelle identite ne se limite pas a une couche visuelle : elle reorganise le rythme, les contrastes et la mise en confiance.

Application de la charte graphique DiliTrust

Smartphone

Une navigation pensée pour le mobile, sans sacrifier la version desktop.

Les écrans et la navigation sont simplifies pour un usage au pouce, avec un parcours plus direct et plus fluide.

Socle technique

Un livrable prévu pour le long terme.

Les processus de développement et d'intégration ont été structurés pour faciliter les mises à jour, la maintenance et l'évolution du site, l'utilisation du site en fonction du niveau d'utilisation a été documentée.

La bible du site DiliTrust.

Process de réalisation des pages SEA retravaillé.

Une structure performante.

Le développement du thème WordPress propriétaire a été effectué dans un souci de clarté de code et de lisibilité, ce qui a fait grimper la note SEO de manière significative.

Score SEO avant/après.

Résultats

Des gains perceptibles des les premiers parcours.

Les chiffres ci-dessous montrent l'impact attendu d'une expérience plus claire et les objectifs atteints.

+0 points

Performances SEO

+0 %

Rapidité de chargement

Articles de blog recensés

Points forts

Ce que ce projet met en valeur dans ma pratique.

Une capacité à transformer une refonte de marque en produit digital robuste : lisible pour les utilisateurs, performant pour l'acquisition et durable pour les équipes qui le font vivre.

Ce projet dit de moi

Reprendre un site B2B dense sans se limiter à une couche graphique : clarification de l'offre, hiérarchie des contenus et cohérence des parcours.

Transformer une nouvelle charte en système d'interface exploitable sur la home, les pages produits, les contenus éditoriaux et le mobile.

Structurer un socle technique durable : thème WordPress propriétaire, documentation, process de production et pages SEA plus faciles à décliner.

Faire converger image de marque, performance, SEO, conversion et contraintes de maintenance dans un même livrable.

Compétences mobilisées

Refonte UX / UI
Application de charte graphique
Thème WordPress propriétaire
Architecture de contenu
Optimisation SEO
Performance front-end
Responsive design
Industrialisation de pages SEA
Documentation projet
Maintenance et évolutivité

Fiche projet

Refonte du site web DiliTrust

Cette section reprend les donnees structurees rattachees a ce case study dans project-prod.json.

Client

DiliTrust

Annee

2023

Secteur

Edition de SASS

Type

Landing pages / Sites administés (CMS) / Supports print

Description

Refondre sans perdre la performance : concilier design et SEO

Contexte

Dans le cadre de lâ€™adoption dâ€™une nouvelle identité graphique, DiliTrust souhaite une refonte complète de son site web.

Reponse

Proposer un site contenant la nouvelle identité graphique, tout en conservant la valeur ajoutée de l'existant.

Missions

Validation d'un principe d'UX
Création d'un nouveau template WorPress sur une base UI validée
Intégration / montage de la nouvelle identité graphique
Implémentation des datas dans la nouvelle mouture après validation du prototype
Mise en service de la nouvelle mouture, qui conserve la valeur SEO et les performances acquises.

Outils

Adobe XD
Pack Adobe
Vagrant
WordPress
Pardot
Salesforce
Visual Studio Code

Technologies

LESS
Bootstrap
CSS
SCSS
HTML
JavaScript / jQuery
PHP
MySQL

DiliTrust

Refonte de site

Refondre sans perdre la performance: concilier design, lisibilité et SEO sur un site SaaS dense, du desktop au mobile.

UX strategyProduct clarityMobile first

Scroller

problématique

Le contexte

Avec l'instauration d'une nouvelle identité graphique et d'un rebranding produit, le site devait s'aligner sans perdre son capital SEO ni ses contenus à fort trafic.

Réponse

Le projet

Scroller

Réalisation

Les grandes étapes du projet

Home Page

Une Home plus structurée et attractive.

Le travail porte autant sur l'image que sur la compréhension immédiate de l'offre. Le comparatif montre le changement de hiérarchie, de respiration et de ton.

AvantApres

Avant

Lecture peu contrastée.
Perception plus institutionnelle que produit.
Moins de respiration et moins de focalisation.

Après

Narration plus directe pour convaincre vite.
Des appels a l'action plus clairs sur tout le parcours.

L'offre SASS

Une offre plus cohérente et lisible.

Le regroupement des solutions SASS sous forme de suite et l'identification de chaque module par un icone, rendent la lecture plus efficace, ainsi que la prise de décision pour l'utilisateur.

AvantApres

Avant

Une lecture très espacée de l'offre.
Un parcours utilisateur peu intuitif.
Identification des modules SASS uniquement liée au nom.

Après

Compréhension rapide de la gamme de produits.
Identification directe des modules par un icone.
Une lecture plus compacte.

Choix de conception

Une refonte guidée par la clarté, la conversion et le mobile.

Chaque famille d'écrans a ete retravaillée pour raconter une offre dense plus simplement, sans perdre la richesse du produit ni le cadre technique existant.

Territoire visuel

Installer la nouvelle charte sans rigidité.

La nouvelle identite ne se limite pas a une couche visuelle : elle reorganise le rythme, les contrastes et la mise en confiance.

Application de la charte graphique DiliTrust

Smartphone

Une navigation pensée pour le mobile, sans sacrifier la version desktop.

Les écrans et la navigation sont simplifies pour un usage au pouce, avec un parcours plus direct et plus fluide.

Socle technique

Un livrable prévu pour le long terme.

La bible du site DiliTrust.

Process de réalisation des pages SEA retravaillé.

Une structure performante.

Le développement du thème WordPress propriétaire a été effectué dans un souci de clarté de code et de lisibilité, ce qui a fait grimper la note SEO de manière significative.

Score SEO avant/après.

Résultats

Des gains perceptibles des les premiers parcours.

Les chiffres ci-dessous montrent l'impact attendu d'une expérience plus claire et les objectifs atteints.

+0 points

Performances SEO

+0 %

Rapidité de chargement

Articles de blog recensés

Points forts

Ce que ce projet met en valeur dans ma pratique.

Une capacité à transformer une refonte de marque en produit digital robuste : lisible pour les utilisateurs, performant pour l'acquisition et durable pour les équipes qui le font vivre.

Ce projet dit de moi

Reprendre un site B2B dense sans se limiter à une couche graphique : clarification de l'offre, hiérarchie des contenus et cohérence des parcours.

Transformer une nouvelle charte en système d'interface exploitable sur la home, les pages produits, les contenus éditoriaux et le mobile.

Structurer un socle technique durable : thème WordPress propriétaire, documentation, process de production et pages SEA plus faciles à décliner.

Faire converger image de marque, performance, SEO, conversion et contraintes de maintenance dans un même livrable.

Compétences mobilisées

Refonte UX / UI
Application de charte graphique
Thème WordPress propriétaire
Architecture de contenu
Optimisation SEO
Performance front-end
Responsive design
Industrialisation de pages SEA
Documentation projet
Maintenance et évolutivité

Fiche projet

Refonte du site web DiliTrust

Cette section reprend les donnees structurees rattachees a ce case study dans project-prod.json.

Client

DiliTrust

Annee

2023

Secteur

Edition de SASS

Type

Landing pages / Sites administés (CMS) / Supports print

Description

Refondre sans perdre la performance : concilier design et SEO

Contexte

Dans le cadre de lâ€™adoption dâ€™une nouvelle identité graphique, DiliTrust souhaite une refonte complète de son site web.

Reponse

Proposer un site contenant la nouvelle identité graphique, tout en conservant la valeur ajoutée de l'existant.

Missions

Validation d'un principe d'UX
Création d'un nouveau template WorPress sur une base UI validée
Intégration / montage de la nouvelle identité graphique
Implémentation des datas dans la nouvelle mouture après validation du prototype
Mise en service de la nouvelle mouture, qui conserve la valeur SEO et les performances acquises.

Outils

Adobe XD
Pack Adobe
Vagrant
WordPress
Pardot
Salesforce
Visual Studio Code

Technologies

LESS
Bootstrap
CSS
SCSS
HTML
JavaScript / jQuery
PHP
MySQL