Chargement du site

Aller au contenu
EN

Aequus · Studio UX/UI

Si une mauvaise UX est un bug, je suis le patch 🛠️

J’audite des interfaces, je construis des design systems et je branche l’IA sur de vrais workflows. Puis je mesure ce qui a changé.

La friction de l’interface devient un parcours fluide.

Architecture d’interface, Design systems, Ingénierie IA, Lois UX

Mesuré, Documenté, Transmissible

Section 02 / Expertises

Trois disciplines, un seul système.

Parler d’un projet

01 · Audit

Audits d’interface

Chaque écran passé au crible des lois UX. Chaque constat classé par impact, avec sa correction.

Loi de HickÉlevé

14 choix dans le menu principal

02 · IA

Pipelines IA

Des modèles branchés sur de vrais workflows : trier, router, rédiger. Mesurés en secondes gagnées.

Exécution témointriage.py

> ingest tickets_support.csv 1 248 lignes · 3 langues > classify 6 catégories > route facturation (0.94) ✓ triage 1,8 s par ticket

03 · Système

Design systems

Tokens, composants et états, identiques dans Figma et dans le code, publiés en une étape.

Section 03 / Manifeste

La plupart des interfaces se conçoivent au goût : un dégradé plus tendance, un bouton plus gros, une refonte tous les deux ans.

Je conçois sur des preuves, pas au goût.

Chaque décision remonte à une loi UX, une mesure ou un test. Ce qui n’aide personne à comprendre ou à agir est retiré.

  • 20 lois UX documentées
  • WCAG 2.1 AA
  • Figma = code

Section 04 / Méthode

Quatre étapes, chacune mesurée. 📏

La même méthode sur chaque projet, quelle que soit sa taille. Chaque étape se termine par un livrable que votre équipe garde.

  1. 01

    Audit

    Cartographier la friction avant de toucher un pixel : heuristiques, analytics, tests utilisateurs.

    LivrableConstats classés par impact

  2. 02

    Architecture

    Reconstruire les parcours et la structure de l’information, puis les valider en wireframes.

    LivrableUser flows · wireframes

  3. 03

    Système

    Traduire les décisions en tokens et en composants, les mêmes noms dans Figma et dans le code.

    LivrableDesign system · documentation

  4. 04

    Mesure

    Livrer, puis mesurer ce qui a changé : réussite des tâches, temps de chargement, niveau d’accessibilité.

    LivrableRapport avant / après

Section 05 / UX Vault

Les derniers articles du UX Vault 📚

Tout voir

Section 06 / Série

20 lois UX, une par épisode. 🎬

Voir les reels

Chaque loi a son reel, puis son article dans le UX Vault : la règle, une vraie interface, et ce qu’il faut changer. 0 / 20 publiés

  1. Catégorie 01 / 04

    Fondamentaux

    Les lois sur lesquelles repose toute interface.

    0 / 5 publiés

    • Loi de JakobVos utilisateurs passent leur temps sur d’autres sites : respectez leurs habitudes.
    • Loi de HickPlus de choix, décision plus lente : réduisez et groupez les options.Bientôt
    • Loi de FittsLes cibles grandes et proches s’atteignent plus vite.Bientôt
    • Effet Von RestorffCe qui diffère est ce dont on se souvient.Bientôt
    • Effet ZeigarnikLes tâches inachevées restent en tête : montrez la progression, invitez à revenir.Bientôt

  2. Catégorie 02 / 04

    Temps & perception

    Comment l’attente, le rythme et la mémoire façonnent l’expérience.

    0 / 5 publiés

    • Seuil de DohertySous 400 ms, le système ressemble à une conversation.Bientôt
    • Loi de TeslerLa complexité ne disparaît jamais, quelqu’un la porte : que ce soit vous.Bientôt
    • Loi de ParkinsonLe travail remplit le temps disponible : donnez-lui des limites serrées et visibles.Bientôt
    • Règle du Peak-EndOn juge le pic et la fin, pas la moyenne.Bientôt
    • Temps de réponseChaque attente a besoin d’un signal, avant que la patience s’épuise.Bientôt

  3. Catégorie 03 / 04

    Hiérarchie visuelle

    Comment l’œil groupe, ordonne et retient ce qu’il voit.

    0 / 5 publiés

    • Loi de MillerLa mémoire de travail retient environ sept éléments : découpez le reste.Bientôt
    • Loi de proximitéCe qui est proche se lit ensemble.Bientôt
    • Loi de similaritéCe qui se ressemble se lit comme la même chose.Bientôt
    • Effet de position sérielleLe premier et le dernier restent le mieux en mémoire : mettez-y l’essentiel.Bientôt
    • Effet esthétique-pratiqueCe qui est beau se pardonne plus : la beauté achète de la patience.Bientôt

  4. Catégorie 04 / 04

    Biais & dark patterns

    Les raccourcis mentaux que les interfaces exploitent, pour le meilleur ou pour le pire.

    0 / 5 publiés

    • Effet d’ancrageLe premier chiffre fixe l’échelle de tous les suivants.Bientôt
    • Aversion à la pertePerdre fait environ deux fois plus mal que gagner ne fait plaisir.Bientôt
    • Effet de raretéRare paraît précieux, jusqu’à ce que la pression sonne faux.Bientôt
    • Coût irrécupérablePlus on a investi, plus il est dur de renoncer.Bientôt
    • Règle de PostelSoyez tolérant sur ce que vous acceptez, strict sur ce que vous envoyez.Bientôt

Section 07 / Réalisations

Réalisations 🗂️

Toutes les réalisations

Section 08 / À propos

Salut, moi c’est Ayoub 👋

Lead product & UX/UI designer

Lead product et UX/UI designer dans une startup FoodTech française : 22 modules web et mobile utilisés chaque jour par des chaînes de restaurants. Avant cela, l’UX d’une app d’open banking et quatre ans de product et brand design en freelance. Ingénieur d’État en data science de formation, je prototype en React et je mesure ce que je conçois.

Je conçois dans Figma et Photoshop, j’anime dans After Effects et Lottie, je monte les reels dans Premiere Pro, je construis avec Claude Code et je livre avec Jira.

Années de design
7
Modules produit livrés
22
Langues parlées
3

Ouvert aux nouveaux projets

Portrait d’Ayoub Esqalli

Section 09 / Commencer

Commencez par la friction que vous voyez.

Lancer un projet

Ou envoyez une capture de l’écran qui vous gêne.