UX/UI Design.
Vida Saludable Website.
Proyecto de investigación de experiencia de usuario (UX) para la compañía Pozuelo, a través de un prototipo web destinado a probar su nueva línea de productos Kibo bajo el nombre: "Vida Saludable". La plataforma informará a los usuarios sobre los productos y recopilará opiniones a través de herramientas interactivas, facilitando la evaluación del mercado.
Introducción.
¿Qué es Kibo?
Para aquellos que buscan cambiar y contagiar el cambio hacia una nutrición más consciente, Kibo es la marca de alimentos deliciosos y nutritivos, que les permite descubrir nuevos experiencias y les da la satisfacción de ser coherentes eligiendo lo que les garantiza un mejor mañana, porque son elaborados con ingredientes con propósito (nutritivos, sostenibles y con la historia que les da su origen)
Consumer Insight.
Insight: Todos los días soy más consciente de mi alimentación, porque sé el impacto que tiene no solo en mi salud sino en la conservación del planeta, por eso busco incorporar hábitos alimenticios que me ayuden a cuidarme y a contagiar a otros para que tengamos un mejor futuro. Sin embargo, es difícil encontrar alimentos nutritivos que puedan ofrecerme al mismo tiempo experiencias nuevas, prácticas y deliciosas
Reto por resolver en el proyecto.
¿Cómo potenciar el lanzamiento de Kibo para lograr ser una marca conocida en el segmento plant based a nivel centroamericano en un periodo de 2 años?
Metodología de trabajo.
En este proyecto, se aplicó una metodología centrada en el usuario, utilizando la data aportada como base para definir las especificaciones del proyecto. A partir de esta información, se desarrolló una propuesta de diseño que permitió evaluar la hipótesis planteada y recopilar más datos del mercado. Esto se logró a través del uso del website de la marca sombrilla "Vida Saludable", diseñado para validar y optimizar la experiencia del usuario en función de sus necesidades y comportamientos.
Meta del proyecto.
Desarrollar un sitio web para encontrar marcas con propósito bien ambiental/social de interés para el progreso del proyecto.
Herramientas utilizadas.
Adobe Illustrator, Photoshop, Figma & JustinMind prototype.
Planteamiento.
Supuestos y requerimientos.
Este diagrama presenta la estructura básica del sitio web piloto diseñado para pruebas de usuario. Incluye un directorio de productos como núcleo de la tienda virtual, junto con secciones de valor agregado como recetas y un blog interactivo. Los usuarios pueden crear perfiles personales para compartir sus experiencias culinarias con los productos, fomentando la interacción y generando una comunidad en torno al uso de los mismos en la cocina del hogar.
User Persona.
Los user personas fueron determinados a partir de la data obtenida en pruebas de mercado anteriores, identificando dos perfiles clave a los que la marca Kibo busca dirigirse. Estos perfiles representan las necesidades, comportamientos y expectativas de los usuarios objetivo, sirviendo como guía para el diseño de experiencias y estrategias que se alineen con sus preferencias y hábitos de consumo.
Convencido es la persona que es completamente decidido por una dieta vegetariana, vegana u otro, quien es estricto con su dieta y participa activamente en aprender más de la cultura que involucra este entorno alimenticio de responsabilidad ambiental.
Flexitariano es la combinación de flexible y vegetariana. Se trata de la definición de una forma de alimentarse en la que se tiende al consumo de frutas, verduras, vegetales y granos integrales, sin abandonar radicalmente los productos de origen animal.
Conceptualización.
A partir de la data obtenida en pruebas anteriores, se determinó que los aspectos más relevantes para el mercado meta son que el producto se perciba moderno y natural. Estos insights, junto con otros factores clave que se presentan a continuación, guiaron el desarrollo de la propuesta de diseño para alinearse con las expectativas y preferencias del público
Look & Feel.
Moodboard conceptual.
Con base en los insights del mercado meta, se definió que el look & feel del producto debía transmitir modernidad y naturalidad. Para ello, se utilizaron referencias visuales que reflejan estos atributos, como paletas de colores frescos, tipografías limpias y elementos gráficos orgánicos, asegurando que el estilo visual conecte con las expectativas del público objetivo.
Diseño de marca sombrilla.
Para evitar sesgos hacia la marca Kibo & Pozuelo y asegurar resultados objetivos en la prueba, se diseñó una marca sombrilla llamada "Vida Saludable". Esta marca, neutral y genérica, permitió evaluar la propuesta de diseño y experiencia de usuario sin influencias previas, garantizando que los datos recopilados reflejen fielmente las preferencias y comportamientos del mercado objetivo.
Paleta cromática.
Selección tipográfica.
Elementos gráficos.
Selección iconográfica.
A continuación, se presentan los íconos diseñados para representar las categorías de productos disponibles en el sitio web.
Selección fotográfica.
Disposición de productos
en el directorio de muestra.
Disposición de platillos en la sección de recetas.
Wireframes frontpage.
Se presenta el wireframe de alta fidelidad del frontpage del website, diseñado para introducir la marca a su mercado de manera clara y atractiva, destacando sus valores clave y facilitando la navegación desde el primer impacto visual.
Producto desarrollado.
Se presenta el prototipo desarrollado para evaluar el mercado meta de Kibo. Este diseño, enfocado en la experiencia del usuario, fue creado para probar la viabilidad y aceptación de la propuesta, recopilar feedback valioso y validar la hipótesis de mercado antes de su implementación final.