🛠️ Les composants à créer
DaisyUI couvre l'essentiel : un bouton, un tableau, une alerte. Mais certains éléments de Soliguide n'ont d'équivalent nulle part — une carte de lieu avec ses horaires et ses conditions d'accès, un grand menu à sous-catégories, des filtres au dessin particulier. Ceux-là, il faut les concevoir.
Cette page les liste avant qu'ils existent. C'est utile pour trois raisons : chacun sait ce qui arrive et ne le refait pas dans son coin, on repère tôt les composants qui se ressemblent pour n'en faire qu'un, et les maquettes Figma ont un endroit où atterrir. 📐
La liste
📐 Carte d'un lieu — site
Recherche · Accueil — 🧩 Younes
La vignette qui représente un lieu dans les résultats de recherche : son nom, sa distance, s'il est ouvert maintenant, et les conditions pour y accéder. C'est l'élément le plus vu du produit après la fiche elle-même.
💡 Une première version simple existe déjà dans le design system. La maquette dira ce qu'on garde, ce qu'on ajoute, et comment la vignette se comporte quand une information manque.
maquette attendue📐 Carte d'un lieu — application mobile
Web-app — 🧩 Younes
La même idée, mais pour l'application : moins de place à l'écran, une lecture au pouce, et souvent une connexion lente.
💡 Question à trancher au moment de la maquette : est-ce le même composant avec un affichage compact, ou deux composants distincts ? Deux composants qui se ressemblent finissent toujours par diverger.
maquette attendue📐 Filtres de recherche
Recherche — 🧭 Yassine
Les filtres qui affinent une recherche — catégorie, horaires, public accueilli, modalités d'accès — avec un dessin qui leur est propre.
💡 Contrainte à ne pas oublier : chaque combinaison de filtres doit produire une adresse distincte, sinon aucune de ces pages n'est indexable ni partageable.
maquette attendue📐 Grand menu du site
Toutes les pages du site — 🧭 Yassine
Le menu principal du site public, déployé en large, avec les catégories et leurs sous-catégories visibles d'un coup.
💡 Deux points de vigilance : il doit être entièrement utilisable au clavier, et son contenu doit exister dans le HTML même sans JavaScript — c'est un maillage de liens que les moteurs de recherche vont suivre.
maquette attendue🤔 Menu de l'application
Web-app — 🧩 Younes
Le menu de la web-app, qui reste tel qu'il est aujourd'hui. Il fonctionne, les gens le connaissent, et le changer sans raison ferait perdre des repères.
💡 À reprendre à l'identique, mais dans la nouvelle technologie. C'est un portage, pas une refonte.
à cadrer
📋 Comment un composant arrive ici, puis en sort
- 1. On l'inscrit. Dès qu'on sait qu'un composant va manquer, on l'ajoute à cette liste — même sans maquette, même sans savoir précisément à quoi il ressemblera. L'inscrire, c'est déjà éviter que trois personnes le refassent séparément.
- 2. La maquette arrive. Le lien Figma vient s'ajouter, et le statut passe à « maquette reçue ». C'est le moment de poser les questions gênantes : que se passe-t-il quand une information manque, quand le texte est trois fois plus long, quand l'écran fait 320 pixels de large.
- 3. On le construit. À partir des couleurs et des tailles officielles, jamais de valeurs écrites à la main. On le déclare dans le registre.
- 4. Il quitte cette page. Une fois réalisé, il apparaît automatiquement dans la section du design system qui correspond à son usage — rendu pour de vrai, avec le thème appliqué. ✅