UX/UI DESIGN
Figma
Fondations visuelles, wireframes, maquettes haute fidélité et préparation des assets.
Test technique
UX/UI Design & WordPress
Sea Recovery — Refonte d’une expérience digitale premium
Sea Recovery est un centre privé de rétablissement situé dans le sud de l’Espagne, destiné à une clientèle internationale recherchant discrétion, accompagnement sur mesure et excellence.
Dans le cadre d’un test de recrutement, j’ai repensé la page d’accueil afin de créer une expérience plus moderne, rassurante et haut de gamme, puis je l’ai intégrée sous WordPress en versions desktop et mobile.
UI/UX Design
Figma
WordPress
Responsive
Contexte & objectif
Sea Recovery
La marque évolue dans un univers sensible où la confiance, la confidentialité et la qualité de l’accompagnement doivent être perceptibles dès les premières secondes.
La page devait transmettre un positionnement premium tout en restant humaine, calme et facile à parcourir pour une audience internationale.
Le brief
- Repenser visuellement la page d’accueil avec une grande liberté créative.
- Créer une proposition claire, moderne et cohérente avec un service haut de gamme.
- Livrer une expérience responsive sous WordPress, avec une proposition Figma complète.
Problématique & objectifs
Le défi
Trouver l’équilibre entre une esthétique luxueuse et une communication rassurante, sans rendre l’expérience froide, démonstrative ou surchargée.
Objectifs UX/UI
- Installer immédiatement un sentiment de calme, de confiance et de confidentialité.
- Structurer le contenu pour guider naturellement vers la prise de contact.
- Garantir une lecture fluide et une forte cohérence entre desktop et mobile.
Problème identifié
Trouver l'équilibre entre une esthétique luxueuse et une communication rassurante, sans rendre l'expérience froide, démonstrative ou surchargée.
Solution retenue
Une palette sobre (bleu profond, ivoire, sable), une typographie éditoriale élégante et des images évoquant intimité et sérénité, pour un rendu premium sans froideur.
Ma démarche de conception
01 · Fondations visuelles
- Définition d’une palette sobre : bleu profond, ivoire, sable et tons naturels.
- Association d’une typographie éditoriale élégante avec une typographie fonctionnelle lisible.
- Sélection d’images évoquant intimité, nature, sérénité et exigence.
02 · Wireframes & hiérarchie
- Construction du parcours et hiérarchisation des informations avant la mise en forme.
- Organisation des messages autour de la confidentialité, de l’accompagnement et du parcours de rétablissement.
- Préparation simultanée des structures desktop et mobile.
03 · High fidelity & intégration
- Création des maquettes haute fidélité et des composants dans Figma.
- Adaptation responsive des compositions, espacements et contenus.
- Intégration de la proposition sous WordPress et contrôle du rendu final.
Wireframes & maquettes haute fidélité
Mon rôle
Direction artistique & UI Design
- Création d’un univers premium cohérent avec le positionnement de Sea Recovery.
- Travail sur les couleurs, les typographies, l’iconographie, les images et le rythme éditorial.
- Conception d’une interface sobre qui laisse de la place aux messages et aux émotions.
UX & responsive design
- Clarification du parcours de lecture et mise en avant des éléments de réassurance.
- Structuration progressive du contenu jusqu’aux appels à l’action.
- Déclinaison complète de l’expérience sur ordinateur et mobile.
Problème identifié
Guider naturellement le visiteur vers la prise de contact sans rendre la page démonstrative.
Solution retenue
Une structuration progressive du contenu, des éléments de réassurance mis en avant, et des appels à l'action discrets mais visibles jusqu'au contact.
Intégration WordPress
- Reproduction fidèle de la direction artistique définie dans Figma.
- Construction des sections et ajustement des espacements selon les différents écrans.
- Publication d’une démonstration responsive permettant d’évaluer la proposition en situation réelle.
Logiciels utilisés
INTÉGRATION WEB
WordPress
Construction de la page, adaptation responsive et publication de la démonstration.
Résultat
Une identité premium
Une direction artistique calme et distinctive, alignée avec un accompagnement privé haut de gamme.
Un parcours plus clair
Une page structurée autour de la confiance, de la méthode et d’appels à l’action discrets mais visibles.
Une expérience responsive
Un rendu cohérent sur ordinateur et mobile, présenté dans une démonstration WordPress accessible en ligne.
Découvrir le projet
Explorez la démonstration WordPress responsive de la page d’accueil Sea Recovery et découvrez le rendu final en situation réelle.