e1683d8158
Decompose la maquette borne (docs/design/maquette-borne.pdf, export Figma ecole) ecran par ecran et trace les ecarts avec le kiosk reellement construit. - docs/design/screens/ : les 10 ecrans exportes en PNG (01-accueil ... 10-remerciement). - docs/design/maquette-vs-build.md : decomposition + mapping maquette -> pages construites + ecarts structurants (mono-ecran avec panneau persistant cote maquette vs multi-pages sans panneau cote build ; composeur menu modal vs libre ; ecran chevalet ; ecran paiement ajoute). Appui tracabilite RNCP Bloc 1. - README design : pointeurs vers screens/ et la note.
43 lines
1.5 KiB
Markdown
43 lines
1.5 KiB
Markdown
# Design - maquette borne Wakdo
|
|
|
|
## Fichiers
|
|
|
|
- `maquette-borne.pdf` : maquette ecrans complete fournie avec le brief ecole
|
|
- `screens/` : les 10 ecrans de la maquette exportes en PNG (un par ecran)
|
|
- `maquette-vs-build.md` : decomposition ecran par ecran + tracabilite maquette vs kiosk construit (ecarts structurants)
|
|
|
|
## Source en ligne
|
|
|
|
Prototype Figma public :
|
|
|
|
```
|
|
https://www.figma.com/design/0qnd0pH4qryZqjzXcB4qjN/borne?node-id=97-775
|
|
```
|
|
|
|
Le PDF est un export fige de cette maquette. Pour les modifications eventuelles ou pour
|
|
cliquer dans le prototype interactif, referencer le Figma comme source de verite.
|
|
|
|
## Utilisation prevue
|
|
|
|
Cette maquette guide :
|
|
|
|
1. **L'integration front en phase P5** : composants UI a reproduire en HTML/CSS/JS vanilla
|
|
dans `src/public/borne/`.
|
|
2. **Les decisions UX au CDCF** : flows utilisateur (parcours commande, choix sur place / a
|
|
emporter, options de paiement), nombre d'ecrans, transitions.
|
|
3. **Le mapping criteres RNCP Bloc 1** : tracabilite entre maquette et code livre, point
|
|
d'appui pour les questions oral type *"comment vous etes passe de la maquette au code ?"*.
|
|
|
|
## Assets visuels associes
|
|
|
|
Tous les assets utilises par la maquette (logo, illustrations, vignettes, icones) ont ete
|
|
copies et normalises (kebab-case minuscule) dans `src/public/borne/assets/images/` :
|
|
|
|
```
|
|
src/public/borne/assets/images/
|
|
produits/{burgers,wraps,encas,boissons,sauces,desserts,frites,salades}/
|
|
categories/
|
|
ui/
|
|
```
|
|
|
|
Voir `docs/merise/_sources/source-school.md` pour la note sur la normalisation.
|