RANGO: Design de Ui/Ux

Rango é um aplicativo de receitas para culinária caseira, onde seu objetivo é facilitar a vida de usuários que precisam cozinhar diariamente, seja para si ou sua família. Esta tarefa, aparentemente simples, é composta de muito trabalho e preocupação por parte de seus atuantes e pode ser bastante desgastante (às vezes caro) para estas pessoas terem este trabalho. Foi pensando nisso que baseei todo o meu processo de pesquisa para este projeto.

PERSONAS

Com base nos resultados de entrevistas feitas com usuários, foram construídas duas personas para representar as semelhantes ações de usuários reais destes aplicativos.

MAPA DA JORNADA DO USUÁRIO

Após a definição do público, pesquisas e testes com outros aplicativos já lançados foram feitas para entender “porque” eles não conseguiam suprir essas necessidades dos nossos usuários. Partindo desses resultados, consegui desenvolver o que a aplicação precisaria ter.

HMW?

Como podemos ajudar pessoas a encontrarem receitas para suas refeições?

Recursos para melhor controle e organização para os próximos dias.
- Sugestão com base no histórico de pesquisas
- Controle de produtos armazenados
-- Notificação de abastecimento
-- Manuseio de produtos congelados para preparo
- Lista de compras (podendo ser exportada)

Opções práticas de escolha de acordo com o nível de conhecimento e tempo que o usuário tem disponível
- Preparos de até 10 minutos
- Vídeos curtos com rápido passo a passo

ARQUITETURA
WIREFRAME

Partindo para os wireframes já com todo o mapa definido, foquei o desenvolvimento na acessibilidade e facilidade no uso do aplicativo para aquelas personas.

STYLE GUIDE & ID VISUAL

Para o desenvolvimento de todo o material visual, foi considerado no design de interface os componentes do M3 (Material IO da Google) visando uma melhor experiência e praticidade na execução das tarefas no aplicativo.

TELAS

Cadastro

Indicação & Pesquisa

Receitas & Passo-a-Passo

Lista de Compras & Agenda

Livro de Receitas

Organização de Mantimentos

Faça o teste!
(protótipo interativo)

Vamos trabalhar no seu projeto!