Émotique Ado
Projet pro • Design • Développement
Mission complète de web design et de développement Front-End pour cette application dédiée au bien-être. De la maquette Figma jusqu'au déploiement en Next.js, avec une attention particulière portée à l'accessibilité, au SEO et à la performance.
Contexte
Émotique est une application dédiée au bien-être et à l'intelligence émotionnelle. Le client avait une vision claire du produit mais aucun actif numérique existant : il fallait tout concevoir de zéro, de l'identité visuelle à la mise en ligne.
Défi
Créer une interface attrayante pour le public cible tout en respectant les contraintes d'accessibilité WCAG 2.1.
Solution
Adoption d'une approche design-first : définition des personnes cibles, parcours utilisateurs, puis design system complet sous Figma avant d'écrire le code.
Déroulement du projet
Découverte & stratégie
Définition des personnes cibles, des codes, des parcours utilisateurs et des fonctionnalités clés pour orienter la conception UX/UI.
UX Research
Cartographie des parcours utilisateurs, arborescence de l'application, wireframes basse fidélité validés avec le client.
Design UI
Création du design system complet sous Figma : palette accessible, typographie, composants réutilisables, maquettes haute fidélité et prototype interactif.
Développement Next.js
Intégration pixel-perfect des maquettes en composants React, gestion du routing Next.js, intégration de Next UI pour les composants d'interface avancés.
Accessibilité & livraison
Audit WCAG 2.1, corrections des contrastes, attributs ARIA, tests Lighthouse, déploiement et formation du client.
Stack technique
- Next.js
- Tailwind
- Next UI
- Figma
Ce qui a été livré
- Application fully responsive déployée en production
- Score Lighthouse accessibilité élevé
- Design system documenté et livré au client
- Recommandation LinkedIn du client à l'issue du projet
“Au cours de notre collaboration, Déborah a fait preuve de rigueur, d'organisation et de technique. Mais au-delà de ces aspects positifs, elle a surtout su faire preuve d'écoute et d'adaptation. Ce qui à mon sens, sont les qualités essentielles d'un professionnel compétent. Merci pour tes services.”