Besma Lola Khalfa
← Tous les projets

Yassir, SEFAR, 2022–2023. Design system, RTL, inter-équipes

Un langage de design, deux sens d'écriture

Quatre produits, quatre kits UI, un rebranding en cours et deux sens d'écriture. J'ai travaillé sur SEFAR avec 19 designers, la tech et la marque.

Quand
2022–2023
Équipe
19 designers, tech, marque
Mon rôle
Product Design Manager, Mobilité & B2B
Ce que j'ai fait
Responsable des guidelines d'iconographie ; contribution à la couleur, la typo et aux revues
Impact
4 squads, 24 pays, gauche à droite et droite à gauche
Vue d'ensemble du design system SEFAR.

Contexte

Rider, Driver, Delivery et B2B avaient grandi chacun de leur côté, avec leur kit et leurs bricolages. Chaque décision devait tenir sur mobile et web, en clair et en sombre, en français, en anglais et en arabe.

  • Les équipes résolvaient les mêmes problèmes en parallèle.
  • La marque changeait sous les pieds de tout le monde.
  • L'arabe était trop souvent traité comme une traduction, pas comme une mise en page.

Partager ce qui doit l'être, garder local ce qui est local, et le décider ensemble.

Décisions

Écrire des règles d'icônes qui vont au-delà du cadre de 24 px

Des guidelines pour 16, 24 et 32 px : épaisseur de trait, zone utile, rayons, alignement optique, versions pleine et contour, états, nommage.

PourquoiMême cadre, quatre produits, et les icônes avaient l'air de venir de quatre entreprises.

Même cadre, poids perçu différent. Études de construction.
Même cadre, poids perçu différent. Études de construction.

Des tokens qui survivent à un rebranding et à un changement d'écriture

Des couleurs de statut lisibles dans des écrans ops denses et en mode sombre. Une échelle typo arabe avec sa propre hiérarchie, sa ligne de base et son rythme.

PourquoiUne police avec les bons glyphes, ce n'est pas une interface en arabe.

Fondations partagées et structure des composants.
Fondations partagées et structure des composants.

Chaque revue part d'un vrai problème produit

Revues de composants hebdomadaires et ateliers inter-squads, validés par la tech et la marque avant d'entrer dans le système.

PourquoiUn composant dont personne n'a besoin, c'est une pièce de musée.

Essayer

La plupart de mes produits existent aussi en arabe. Retourne cet écran pour voir ce qui doit s'inverser, et ce qui ne doit surtout pas bouger.

La mise en page, les flèches et la barre de progression s'inversent. Les chiffres et le bouton lecture, non. Un bouton lecture tourné vers la gauche, c'est un retour arrière.

Votre trajet

Étape 2 sur 3

PaiementCarte
Montant1 250 DZD
Message vocal
Confirmer

Résultat

  • Des fondations partagées entre quatre squads.
  • Des règles d'iconographie intégrées au système.
  • Un rituel de revue qui gardait le système collé à la livraison.

C'était un travail collectif avec 19 designers. J'ai porté l'iconographie et contribué au reste. Je ne revendique aucun chiffre de vitesse ou d'efficacité.

Vous recrutez un ou une lead ?

En remote Europe ou MENA, ou en hybride depuis Marseille. Parlez-moi du produit et de ce qui coince. Je lis tout.

[email protected]