Aller au contenu
Jesus Miguel Sánchez Torres
Retour aux projets

Vote Vallenata

Prototype interactif d'une plateforme de vote public configurable pour le 60e Festival de la Leyenda Vallenata, réalisé en équipe à l'université.

Rôle
Responsable UX/UI et prototype
Équipe
Équipe du cours de développement web, Areandina
Période
oct. 2026
Technologies
HTML, CSS et JavaScript, sans dépendance à l'exécution ni étape de build
Statut
Prototype universitaire
Un vote d'exemple dans le prototype, avec quatre chansons fictives à gauche et les règles du vote à droite

Contexte

Le 60e Festival de la Leyenda Vallenata a lieu à Valledupar, en Colombie, du 28 avril au 1er mai 2027. Le projet du cours consistait à analyser, concevoir et prototyper une plateforme de vote public pour l'événement. Le client n'avait pas encore défini la plupart des règles de vote, donc rien ne pouvait être figé dans le code.

C'est un prototype universitaire, pas un site officiel du Festival, et tous les votes affichés sont des données d'exemple.

L'équipe et mon rôle

L'équipe a rédigé ensemble le document d'analyse et de conception. J'ai mené l'UX/UI et construit le prototype interactif qui l'accompagne, avec le parcours de l'électeur (pensé d'abord pour le mobile) et un espace d'administration pour les éditions, les votes, les options et les résultats.

Résultat

Chaque vote porte sa propre règle (votes par électeur, période, visibilité des résultats et inscription), ce qui permet aux organisateurs de décider plus tard sans tout reconstruire. Deux votes d'exemple suivent exprès des règles différentes, pour que la différence se voie à l'écran.

Les règles de sécurité de l'analyse sont appliquées, avec des mots de passe hachés et salés et un blocage de deux minutes après cinq échecs de connexion. Un audit axe-core (WCAG 2.1 AA) n'a relevé aucune violation sur mobile ni sur ordinateur, et le HTML est valide, sans erreur ESLint.

Ce que j'ai appris

Quand un client n'a pas encore décidé les règles, elles peuvent devenir des réglages. Le prototype reste ainsi utile quoi que décide le Festival, et l'équipe avait du concret à montrer pendant que les questions au client restaient ouvertes.

0
violation d'accessibilité, WCAG 2.1 AA
320 px
largeur minimale, sans défilement
0
dépendance à l'exécution