Case
CookSmart
Aplicativo de receitas inteligentes
Entregas
Benchmarking | Sitemap | Persona | User journey map | Interface do usuário | Style guide
Meu papel
UI Designer
Resumo do Projeto
O CookSmart é um aplicativo projetado para transformar a experiência de cozinhar, oferecendo uma abordagem completa para auxiliar os usuários em todas as etapas da jornada culinária. O principal objetivo do CookSmart é proporcionar uma ferramenta que vá além de simples listas de instruções, facilitando a busca por receitas, a organização de compras e o aprendizado de habilidades culinárias.
Este projeto faz parte de um desafio criativo proposto pela empresa Projétil e levou duas semanas para ser concluído. A partir de um briefing fornecido, fiquei responsável pela construção do design de interface do usuário do aplicativo. Etapas relacionadas à pesquisa com usuários não foram consideradas para esta demanda, visto que já recebemos o escopo com as funcionalidades e objetivos delimitados.
Objetivo e Escopo
O objetivo delimitado no briefing foi: criar um aplicativo de receitas que seja mais do que apenas uma lista de instruções. O app deve ser uma ferramenta completa para auxiliar os usuários em todas as etapas da jornada culinária, desde a busca por inspiração até a degustação do prato final.
A partir deste direcionamento, foram delimitadas as funcionalidades abaixo:
-
Busca inteligente: O aplicativo deve oferecer uma busca inteligente que permita aos usuários encontrar receitas com base em diversos critérios, como ingredientes, tipo de culinária, ocasião, nível de dificuldade e restrições alimentares.
-
Lista de compras: O aplicativo deve gerar automaticamente listas de compras com base nas receitas escolhidas pelos usuários, otimizando o tempo e evitando desperdícios.
-
Passo a passo detalhado: As receitas devem ser apresentadas com instruções claras e detalhadas, acompanhadas de fotos e vídeos explicativos.
-
Temporizador e notificações: O aplicativo deve oferecer um temporizador para auxiliar no tempo de preparo das receitas, além de enviar notificações para lembrar os usuários das etapas importantes.
-
Dicas e truques: O aplicativo deve oferecer dicas e truques culinários para auxiliar os usuários a aprimorarem suas habilidades na cozinha.
Benchmarking
Para identificar padrões do mercado e identificar oportunidades de melhoria a serem implementadas no design, realizei um benchmarking com 2 aplicativos destaques na categoria de receitas do Google Play Store, que se assemelham ao produto que será desenvolvido: Tudo Gostoso e Receitas Globo
As principais descobertas dessa investigação foram:
-
Ambos os aplicativos oferecem uma grande variedade de receitas, com o TudoGostoso focando em receitas práticas e o Receitas Globo em pratos populares e dicas de chefs renomados.
-
A interface de ambos apresenta desafios: o TudoGostoso tem uma interface poluída devido ao excesso de imagens, enquanto o Receitas Globo sofre com cores saturadas e imagens grandes, tornando a navegação visualmente carregada.
-
Em termos de navegação, o TudoGostoso se destaca pela simplicidade e organização, embora falte sofisticação nos filtros de busca, enquanto o Receitas Globo oferece uma navegação fácil nas páginas principais, mas é prejudicada por propagandas e inconsistências visuais.
-
Ambos carecem de opções avançadas de busca e filtros, sendo esse um ponto fraco em ambos os apps que o CookSmart pode superar com uma busca mais refinada e opções personalizáveis para o usuário.
Persona
Com base nos dados encontrados nas investigações realizadas, construí uma persona para delimitar o perfil de usuário no qual as decisões de design serão pautadas.
User Journey
Para melhor visualização da jornada do usuário, construí um mapa baseado no cenário de inscrição em um trabalho voluntário, visando identificar as principais ações do usuário e refletir sobre possíveis melhorias a serem implementadas no novo sistema.
Sitemap
Estruturei uma fluxo baseado nas páginas e funcionalidades do aplicativo, permitindo uma melhor visualização da organização das páginas e fluxo do usuário.
Wireframes
Para explorar ideias de layout, criei wireframes de baixa fidelidade utilizando o Figma, possibilitanto a melhor visualização da disposição de elementos na página.
Design Final Mobile
Desenvolvi o design funcional do CookSmart a partir do refinamento dos wireframes, definindo cores, componentes, tipografia e a identidade visual do aplicativo. O principal objetivo foi construir um MVP focado nas jornadas essenciais do usuário, como a busca inteligente de receitas, a geração de listas de compras automáticas e o acompanhamento detalhado do preparo das receitas.
Style Guide
Material de guia de estilo para o projeto.
