★ 5/5
Refonte web & UX/UI Design pour myjobglasses
Webdesigner UX/UI à Lyon : des interfaces claires et efficaces
Une interface réussie ne se juge pas seulement à son esthétique : elle doit être comprise en quelques secondes et guider naturellement vers l'action. C'est le travail que je mène sur Figma, avant toute ligne de code.
UX DesignUI DesignFigma
Deux métiers
UX vs UI : deux métiers, un seul projet
UX Design
- Parcours utilisateur
- Architecture du site
- Wireframes
- Ergonomie
- Conversion
UI Design
- Direction visuelle
- Couleurs
- Typographies
- Composants
- Interactions
L'UX pose les fondations (ce que le site doit accomplir et comment on y arrive), l'UI habille cette structure pour qu'elle soit agréable et cohérente à l'usage. Séparer les deux artificiellement mène souvent à un site joli mais confus, ou clair mais générique — d'où l'intérêt de les confier à la même personne.
Livrables
Ce que je conçois
Architecture de site
Plan du site et hiérarchie des contenus, pensés pour votre activité.
Wireframes
Structure de chaque page avant l'habillage visuel.
Design systems
Composants réutilisables, cohérents sur tout le site.
Maquettes Figma
Design complet, prêt à intégrer.
Interfaces SaaS
Pages produit, tarifs, fonctionnalités pensées pour convertir.
Landing pages
Pages à objectif de conversion unique.
Prototypes
Maquettes cliquables pour valider un parcours avant le développement.
Responsive
Chaque écran pensé pour mobile, tablette et desktop dès la conception.
Méthode
Ma méthode UX/UI
-
01
Compréhension
Votre activité, vos objectifs, vos contraintes.
-
02
Architecture
Plan du site et hiérarchie des contenus.
-
03
Wireframes
Structure de chaque page, sans habillage visuel.
-
04
Direction artistique
Univers visuel aligné avec votre identité.
-
05
Maquettes
Design complet sur Figma, écran par écran.
-
06
Prototype
Parcours cliquable pour valider avant le développement.
-
07
Livraison / intégration
Maquettes livrées, ou intégration WordPress directement assurée.
De la structure à l'interface
Wireframe
- Plan du site et hiérarchie des contenus.
- Structure de chaque page, sans habillage visuel.
UI
- Univers visuel aligné avec votre identité.
- Design complet sur Figma, écran par écran.
Interface finale
- Maquettes livrées, ou intégration WordPress directement assurée.
Ce que vous recevez
Ce que vous recevez
- L'architecture complète du site (plan et hiérarchie des contenus)
- Les wireframes de chaque page clé
- Les maquettes Figma complètes, en version desktop et mobile
- Un design system documenté (couleurs, typographies, composants)
- L'accès au fichier Figma source
- Un prototype cliquable si le projet le nécessite
Un site ou une interface à concevoir ?
Parlons de vos objectifs avant de parler d'esthétique.
Parler de mon interface
Cas client
Après une levée de fonds, Fairlyne avait besoin d'un nouveau design system capable de parler à trois audiences différentes (aérien, ferroviaire, hôtellerie) sans les mélanger. Le travail UX a porté sur l'architecture par audience, avant l'intégration du nouveau design sur WordPress.
Voir l'étude de casFAQ
Un professionnel qui conçoit à la fois l'architecture et les parcours d'un site (UX) et son habillage visuel (UI) : couleurs, typographies, composants, interactions.
L'UX définit comment un site fonctionne (parcours, architecture, ergonomie). L'UI définit à quoi il ressemble (direction visuelle, composants, interactions).
Cela dépend du nombre de pages et du niveau de personnalisation. Le détail des facteurs de prix est expliqué sur la page prix d'un site WordPress.
Oui, systématiquement, pour les wireframes comme pour les maquettes finales.
Oui, une mission peut se limiter au design UX/UI sur Figma, sans intégration derrière.
Oui, c'est même le fonctionnement le plus courant : le design et l'intégration WordPress sont pensés par la même personne, pour éviter les pertes d'intention entre les deux étapes.
