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.
Resultados
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6667c974fa096fd0fb468592_ea2da2305b073bafc61248dd51bcaf24.webp)
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
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4fd0e5cb974ff70862_Group%201171275918%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df56350bd67655aad329_Group%201171275920%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4bc2e7629ac3952176_Group%201171275917%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df5291f51ae71df55ff0_Group%201171275919%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6667cb12369dcfc848bbd4d6_Group%201171275858.webp)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6667cb3075865d52fd998921_Group%201171275859.webp)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4bc2e7629ac3952176_Group%201171275917%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4fd0e5cb974ff70862_Group%201171275918%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4bc2e7629ac3952176_Group%201171275917%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4fd0e5cb974ff70862_Group%201171275918%20(1).png)
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
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4bc2e7629ac3952176_Group%201171275917%20(1).png)
ANTES
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df4fd0e5cb974ff70862_Group%201171275918%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6667cb12369dcfc848bbd4d6_Group%201171275858.webp)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6667cb3075865d52fd998921_Group%201171275859.webp)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df5291f51ae71df55ff0_Group%201171275919%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df56350bd67655aad329_Group%201171275920%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df5291f51ae71df55ff0_Group%201171275919%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df56350bd67655aad329_Group%201171275920%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df5291f51ae71df55ff0_Group%201171275919%20(1).png)
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6668df56350bd67655aad329_Group%201171275920%20(1).png)
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.
![](https://cdn.prod.website-files.com/64c96252c4314a904a4fb7bd/6667cbfc75865d52fd9a5e41_Group%201171275860.webp)