SommNinja est
une plateforme éducative
sur le vin pour sommeliers
et amateurs de vins.
À propos
SommNinja est une plateforme unique d’apprentissage du vin. C’est idéal pour les amateurs de vin, les étudiants et les sommeliers qui étudient pour des examens ou des concours.
Contexte
Avec plus de 10 000 questions sur 15 sujets répartis en 4 niveaux de difficulté, il offre une manière ludique d’étudier et de tester vos connaissances dans le monde du vin et des boissons.
SommNinja couvre une variété de sujets comme le vin, les spiritueux, les cocktails, la bière, le cidre, le thé, le café, le saké, les raisins, l’eau et bien plus encore.
Solution(s)
Netdevices a entrepris une refonte ambitieuse du design de l’application SommNinja en utilisant un outil de webdesign Figma destiné à la création d’interfaces utilisateurs UX / UI. Cette démarche de refonte ne se limitait pas à une simple mise à jour visuelle ; elle représentait une occasion unique d’améliorer chaque facette de l’interface. En restructurant complètement les pages CSS et en mettant à profit des technologies de pointe telles que Angular, nous avons visé à transformer l’expérience utilisateur. Chaque détail a été repensé pour garantir une navigation fluide et une expérience utilisateur encore plus agréable.
Impact
Cette refonte a été bien plus qu’une simple mise à jour esthétique ; elle a marqué un nouveau chapitre dans l’évolution de notre application, en lui conférant une interface moderne et intuitive, parfaitement adaptée aux besoins de nos utilisateurs.
Les technologies
Défis
Les défis principaux auxquels nous avons été confrontés étaient :
- liés à la mauvaise qualité du code que nous avons hérité et du manque de documentation sur l’ancien code.
Cela a considérablement compliqué l’adaptation du design de l’application, En effet, chaque modification apportée au code pouvait déclencher une série d’effets imprévus, tels que des éléments se déplaçant de manière inattendue ou des fonctionnalités ne se chargeant plus correctement.Ces défis techniques ont nécessité une révision approfondie du code et une stratégie bien pensée pour résoudre ces problèmes tout en avançant dans notre projet de refonte.
- Un problème de CORS (Cross-Origin Resource Sharing) s’est posé. En résumé, les “CORS policy” sécurisent les communications entre plusieurs serveurs, mais dans notre cas, elles bloquaient l’intégration du moyen de paiement Stripe, car l’interface du site et le serveur étaient déployés sur des noms de domaine différents. Pour résoudre ce problème, nous avons dû mettre en place un serveur spécifique agissant en tant que proxy, assurant une communication sécurisée entre l’interface utilisateur et le serveur Stripe, contournant ainsi les restrictions CORS.
