SommNinja es
una plataforma educativa
sobre el vino para sumilleres
y amantes del vino.
Quiénes somos
SommNinja es una plataforma única de aprendizaje sobre el vino. Es ideal para amantes del vino, estudiantes y sumilleres que estudian para exámenes o concursos.
Contexto
Con más de 10.000 preguntas sobre 15 temas divididos en 4 niveles de dificultad, ofrece una forma divertida de estudiar y poner a prueba tus conocimientos sobre el mundo del vino y las bebidas.
SommNinja abarca una gran variedad de temas, como el vino, los licores, los cócteles, la cerveza, la sidra, el té, el café, el sake, las uvas, el agua y mucho más.
Solución(es)
Netdevices ha emprendido un ambicioso rediseño de laapplication SommNinja utilizar una herramienta de diseño web Figma diseñado para crear interfaces de usuario UX / UI. El rediseño era algo más que una simple actualización visual; representaba una oportunidad única para mejorar todas las facetas de la interfaz. Al reestructurar completamente la CSS y aprovechando tecnologías punteras como AngularNuestro objetivo ha sido transformar la experiencia del usuario. Se ha repensado cada detalle para garantizar una navegación fluida y una experiencia de usuario aún más agradable.
Impacto
El rediseño fue mucho más que una simple actualización estética; marcó un nuevo capítulo en la evolución de nuestro sitio web application, dotándolo de una interfaz moderna e intuitiva que se adapta perfectamente a las necesidades de nuestros usuarios.
Tecnología
Desafíos
Los principales retos a los que nos enfrentamos fueron :
- relacionados con la mala calidad del código que heredamos y la falta de documentación sobre el código antiguo.
Esto hacía muy difícil adaptar el diseño deapplication, ya que cada cambio realizado en el código podía desencadenar una serie de efectos imprevistos, como que los elementos se movieran inesperadamente o que la funcionalidad dejara de cargarse correctamente. Estos retos técnicos exigían una revisión en profundidad del código y una estrategia bien pensada para resolver estos problemas mientras avanzábamos en nuestro proyecto de rediseño.
- Surgió un problema de CORS (Cross-Origin Resource Sharing). En pocas palabras, las políticas CORS aseguran las comunicaciones entre varios servidores, pero en nuestro caso bloqueaban la integración del método de pago Stripe, porque la interfaz del sitio y el servidor estaban desplegados en nombres de dominio diferentes. Para resolver este problema, tuvimos que configurar un servidor específico que actuara como proxy, garantizando una comunicación segura entre la interfaz de usuario y el servidor de Stripe, eludiendo así las restricciones CORS.
