El proyecto de Nutrichay consistió en diseñar una plataforma digital que ofrece servicios y productos enfocados en mejorar la salud y el bienestar. La web proporciona planes de nutrición personalizados, herramientas para calcular el IMC, recetas saludables y la venta de libros especializados en nutrición. Mi enfoque fue crear un espacio accesible, intuitivo y atractivo visualmente, que facilitara al usuario encontrar los servicios y productos que necesita.
Proceso de Creación:
- Investigación y Análisis:
Antes de comenzar el diseño, realicé una investigación exhaustiva del mercado de la nutrición y los sitios web competidores. Me centré en entender las necesidades del público objetivo: personas interesadas en mejorar su salud a través de la alimentación y en busca de planes de nutrición accesibles. También investigué las mejores prácticas en plataformas que venden libros y ofrecen herramientas interactivas como el cálculo de IMC. - Definición de la Arquitectura de Información:
Estructuré el contenido del sitio basándome en la simplicidad y accesibilidad, organizando las principales secciones de la web en: Planes de Nutrición, Cálculo de IMC, Recetas Saludables y Tienda de Libros. La navegación fue diseñada para ser clara y directa, asegurando que los usuarios pudieran moverse sin problemas entre estas áreas. - Wireframes y Prototipos:
Desarrollé wireframes de baja fidelidad para definir la estructura de cada sección. Los wireframes ayudaron a establecer una jerarquía visual clara, donde la información relevante para el usuario (como los beneficios de los planes de nutrición o la utilidad del cálculo de IMC) estuviera a la vista. Posteriormente, elaboré prototipos interactivos en Figma, permitiendo validar el flujo de usuario antes de pasar a la fase de diseño visual. - Diseño UI/UX:
El diseño visual de Nutrichay se centró en transmitir una sensación de bienestar y confianza. Utilicé colores suaves y naturales, asociados a la salud y la nutrición, como verdes y tonos tierra, junto con tipografías limpias y legibles. Me aseguré de que el diseño fuera responsive, adaptándose a diferentes dispositivos y tamaños de pantalla, dado que muchos usuarios probablemente accedan desde sus teléfonos móviles.- Planificación visual: En la página principal, destaqué los planes de nutrición con imágenes llamativas y descripciones claras para captar la atención del usuario. Las recetas saludables fueron organizadas en tarjetas visuales, y se incluyó una herramienta fácil de usar para el cálculo de IMC, que permite a los usuarios obtener resultados de manera rápida y sencilla.
- Experiencia de usuario (UX): Optimicé el proceso de compra en la tienda de libros, con un sistema de carrito simple y funcional, y una opción para que los usuarios puedan recibir recomendaciones de productos relacionados con su plan de nutrición. Asimismo, se incluyó una sección de testimonios para generar confianza en los usuarios.
Beneficios para el Cliente y el Usuario:
- Para el Usuario:
El diseño facilita el acceso a recursos útiles y personalizados, como planes de nutrición específicos para diferentes objetivos (bajar de peso, ganar masa muscular, etc.) y recetas que promueven una alimentación balanceada. La herramienta de cálculo de IMC es fácil de usar, proporcionando resultados instantáneos y sugerencias sobre planes de nutrición basados en el resultado del cálculo. La tienda online de libros ofrece contenido especializado que complementa los planes, ayudando a los usuarios a continuar su viaje hacia una vida más saludable. - Para el Cliente:
Nutrichay está diseñada para atraer y retener a los usuarios mediante una navegación fácil y un diseño atractivo. La herramienta de IMC genera tráfico recurrente, mientras que la oferta de libros y planes de nutrición abre oportunidades de ingresos diversificados. Además, el diseño está orientado a maximizar la conversión de ventas en la tienda online y a incentivar la compra cruzada entre libros y planes de nutrición, aumentando el valor de cada cliente.