Design UX/UI

Étude de cas — 2026

Une marque de clavier mécanique chaleureuse et joueuse.

Rôle
Direction artistique, UX/UI, développement
Année
2026
En ligne
clac-e81.pages.dev
Visuel clé CLAC : clavier mécanique beurre sur fond tomate, bulles « toc », « tac », « clic »

01 / Contexte

Le problème

Les claviers mécaniques parlent souvent aux initiés : du noir, du RGB, des fiches techniques. Je voulais une marque qui donne envie de taper, même à ceux qui n’y connaissent rien.

Ce que j’ai fait

J’ai créé CLAC de zéro : le nom, un logo où la touche « a » est enfoncée, quatre coloris, un ton joueur. Puis le site : un configurateur 4 coloris × 3 switchs, chacun avec son propre son, et une inspection du clavier au scroll.

02 / Identité

Brandbook CLAC, couverture tomate
Brandbook — couverture
Planche logo CLAC : la touche « a » enfoncée, déclinaisons de couleurs
Logo — la touche « a » enfoncée
Clavier CLAC coloris tomate
Coloris tomate
Clavier CLAC coloris beurre
Coloris beurre

03 / Maquettes

Survole les écrans pour faire défiler les pages entières.

Trois écrans mobiles CLAC sur fond menthe

04 / Détails

  1. 01

    Le logo animé

    La touche « a » s’enfonce et remonte, comme sous le doigt. Le logo dit déjà ce que fait le produit.

  2. 02

    Un configurateur qui s’écoute

    4 coloris × 3 switchs. Chaque switch a son son : on choisit son clavier à l’oreille, pas seulement à l’œil.

    Section « Écoute avant de choisir » du site CLAC
  3. 03

    L’inspection au scroll

    Le clavier tourne et se découvre pendant qu’on défile. On voit chaque détail sans ouvrir une fiche technique.

    Le site CLAC sur un ordinateur portable, fond jaune
  4. 04

    Des réseaux joueurs

    Posts couleur, bulles « toc », « tac », « clic ». La marque garde le même sourire partout.

    Trois posts Instagram CLAC

Le site est en ligne

clac-e81.pages.dev