Año
2024
Herramientas
Aplicación web para comparar precios y valores nutricionales de productos alimenticios en diferentes supermercados, facilitando decisiones de compra más saludables y económicas.
El análisis reveló que los usuarios necesitan una herramienta para comparar precios entre supermercados y evaluar la calidad nutricional de los alimentos. La investigación mostró que el 78% de los usuarios consultan múltiples webs antes de comprar y el 65% consideran importante conocer el valor nutricional.
Desarrollé una identidad visual minimalista con verde suave como color principal, transmitiendo frescura y salud. La tipografía Avenir Next aporta modernidad y legibilidad. Los componentes incluyen tarjetas de producto, tablas comparativas y formularios, manteniendo consistencia visual en toda la aplicación.
Los wireframes fueron diseñados para ofrecer una estructura intuitiva y funcional, priorizando la visualización de datos comparativos. Se desarrollaron dos vistas principales: una tabla para comparación rápida y tarjetas individuales para dispositivos móviles, asegurando una navegación fluida y fácil acceso a la información.
El prototipo interactivo implementa un sistema de clasificación nutricional mediante colores, facilitando la interpretación rápida. Incorpora funcionalidades de ordenación por precio y valor nutricional, además de un sistema de filtrado por categorías y supermercados para optimizar la búsqueda.
La implementación utiliza PHP para el backend, gestionando datos mediante JSON. El frontend emplea CSS Grid y Flexbox para una disposición responsive. Integré funcionalidades como ordenación dinámica, sistema de puntuación nutricional y gestión de imágenes, optimizando el rendimiento en diferentes dispositivos.
La aplicación cumple exitosamente su objetivo de facilitar la comparación de productos alimenticios. El diseño responsive y la interfaz intuitiva permiten una experiencia fluida en cualquier dispositivo. Los usuarios destacan la utilidad del sistema de puntuación nutricional.
