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.
|