Service UX/UI

Une interface qui convertit et qu'on adopte.

Recherche utilisateur, wireframes, maquettes Figma, design system. Livrables exploitables par vos équipes de dev ou intégrés directement dans nos projets.

Pour qui ?

Ce qu'on livre.

01

Recherche utilisateur

Interviews, ateliers, analyse comportementale (Hotjar, Clarity). On comprend vos utilisateurs avant de dessiner.

02

Wireframes & prototypes

Structure et parcours avant la couleur. Validation fonctionnelle et parcours tests avant UI.

03

Maquettes Figma haute-fidélité

Design system complet, tokens, composants réutilisables. Prêts pour le développement.

Ce que l'on construit

Méthodologie UX/UI Smotly.

1. Discovery

  • Workshop de cadrage (½ journée, équipe métier + IT)
  • Audit UX du site actuel si existant
  • Personas et parcours cibles
  • Benchmark concurrentiel

2. Wireframing

  • Low-fi : structure et parcours
  • Validation fonctionnelle avec les utilisateurs
  • Tests utilisateurs (5 à 8 testeurs)
  • Itérations rapides avant UI

3. UI Design

  • Direction artistique et exploration
  • Maquettes hi-fi toutes pages clés
  • Responsive : desktop, tablet, mobile
  • Guide de style livré (fonts, couleurs, spacing)

4. Design system

  • Composants Figma documentés
  • Tokens de design (couleurs, typo, spacing)
  • États (hover, active, disabled, error)
  • Handoff dev facilité (Storybook optionnel)

Un design pensé pour être construit

Du pixel au design system.

Pas juste de belles maquettes, un système vivant, documenté, que vos développeurs et vos équipes produit utilisent chaque jour sans se poser de question.

Recherche utilisateur

Personas, parcours, tests d'usage, cartes d'empathie. On conçoit pour vos utilisateurs réels, pas pour un brief.

Maquettes haute fidélité

Figma, composants versionnés, prototypes cliquables. Ce que vous validez est ce que vous recevez.

Design system complet

Tokens, composants, guidelines, Storybook. Votre identité visuelle outillée, industrialisée, documentée.

Accessibilité native

WCAG AA minimum, contrastes, navigation clavier, lecteurs d'écran. L'accessibilité n'est pas une option.

design system · v2.4

Tokens · Composants · Guidelines

Figma sync

tokens · couleur

primary

#6EC8E6

accent

#84CCC0

surface

#0A0F1C

text

#FAFAFA

typographie · échelle

Display64 · 800 · -0.02em
Heading32 · 700
Body16 · 400 · 1.6
Caption11 · mono · 0.22em

composants · 42 au total

Button×4
Card×6
Input×3
Modal×2
Navbar×2
Badge×5
WCAG AA validé
Storybook livré
Parlons UX/UI

Un bon design, c'est un design qui disparaît.

Vos utilisateurs ne devraient pas penser à votre interface. Ils devraient juste l'utiliser.