AcadeNice/corentin_wakdo
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
corentin_wakdo/docs/design
History
Imugiii e1683d8158
All checks were successful
CI / secret-scan (pull_request) Successful in 9s
Details
CI / php-lint (pull_request) Successful in 23s
Details
CI / static-tests (pull_request) Successful in 55s
Details
CI / js-tests (pull_request) Successful in 26s
Details
docs(design): decomposition maquette borne + ecrans PNG + tracabilite vs build 
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.
2026-06-19 14:23:15 +00:00
..
screens docs(design): decomposition maquette borne + ecrans PNG + tracabilite vs build 2026-06-19 14:23:15 +00:00
maquette-borne.pdf chore(assets): import school source data and normalize visual assets 2026-04-30 12:43:14 +00:00
maquette-vs-build.md docs(design): decomposition maquette borne + ecrans PNG + tracabilite vs build 2026-06-19 14:23:15 +00:00
README.md docs(design): decomposition maquette borne + ecrans PNG + tracabilite vs build 2026-06-19 14:23:15 +00:00

README.md

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.