View
project
Caso de estudio

Rediseño de App de recetas

Rediseño de la app de cocina social más completa. Disfruta de las mejoras que trae esta nueva versión. Busque y cree recetas, menús y listas de compras de manera más eficiente.

El reto

Rediseñar y desarrollar la aplicación móvil Kukin de forma intuitiva, amigable y agradable, ofreciendo un mejor diseño, mejor experiencia de usuario, facilidad de uso y nuevas funciones.

La metodología

Para realizar el rediseño y desarrollo de la aplicación se siguió una metodología especializada que consistió en crear y analizar el mapa del sitio para entender el flujo y poder diseñar en base a él.

01
Image Lupa
Análisis de los requisitos.
02
Image panel
Mapa del sitio.
03
eye image
Descubrimiento y diseño de UI.
04
discover image
Desarrollo y control de calidad.
01
Image Lupa
Análisis de los requisitos.
02
Image panel
Mapa del sitio.
03
eye image
Descubrimiento y diseño de UI.
04
discover image
Desarrollo y control de calidad.

Resultados

El rediseño de la app estuvo enfocado en incluir nuevas funcionalidades y diseñar cada pantalla de una manera más ordenada, jerárquica y agradable, con el objetivo de brindar a los usuarios una mejor experiencia de uso.

Nuestras propuestas

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.

Brand Book

Nuestras propuestas

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.

Nuestras propuestas

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.

Nuestras propuestas

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.

DESPUÉS

ANTES

Nuestras propuestas

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.

Our proposals

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.

Nuestras propuestas

• Agregamos la imagen o video ajustado al tamaño disponible en la aplicación para generar consistencia y un buen diseño.

• Organizamos la información más importante como hashtags, para decirle al usuario a primera vista de qué trata la receta.

• Organizamos los ingredientes, utensilios y preparación en pestañas alineadas, para que los usuarios puedan tener una mejor accesibilidad a estas áreas.

• Mostramos más claramente cómo agregar los ingredientes a la lista de compras, así como también cómo calificar la receta.

Nuestras propuestas

• Agregamos la imagen o video ajustado al tamaño disponible en la aplicación para generar consistencia y un buen diseño.

• Organizamos la información más importante como hashtags, para decirle al usuario a primera vista de qué trata la receta.

• Organizamos los ingredientes, utensilios y preparación en pestañas alineadas, para que los usuarios puedan tener una mejor accesibilidad a estas áreas.

• Mostramos más claramente cómo agregar los ingredientes a la lista de compras, así como también cómo calificar la receta.

Nuestras propuestas

• Agregamos la imagen o video ajustado al tamaño disponible en la aplicación para generar consistencia y un buen diseño.

• Organizamos la información más importante como hashtags, para decirle al usuario a primera vista de qué trata la receta.

• Organizamos los ingredientes, utensilios y preparación en pestañas alineadas, para que los usuarios puedan tener una mejor accesibilidad a estas áreas.

• Mostramos más claramente cómo agregar los ingredientes a la lista de compras, así como también cómo calificar la receta.

Nuestras propuestas

• Agregamos la imagen o video ajustado al tamaño disponible en la aplicación para generar consistencia y un buen diseño.

• Organizamos la información más importante como hashtags, para decirle al usuario a primera vista de qué trata la receta.

• Organizamos los ingredientes, utensilios y preparación en pestañas alineadas, para que los usuarios puedan tener una mejor accesibilidad a estas áreas.

• Mostramos más claramente cómo agregar los ingredientes a la lista de compras, así como también cómo calificar la receta.

Nuestras propuestas

• Cambiamos el tamaño de las tarjetas de recetas, el tamaño de fuente, la jerarquía y algunos colores, para crear coherencia entre ellas.

• Organizamos la sección de pestañas principales y cambiamos el nombre de algunas, para que los usuarios puedan encontrar mejor la información.

• Creamos pequeños botones para que los usuarios puedan ver todas las recetas en una categoría.

• Organizamos la barra de navegación agregando una sección más, para que los usuarios puedan encontrar cada área más rápidamente.