Le Cookies - Melhorando a experiência com UI

função

UI Designer

duração

04 meses

ano

2024

Este é um case de design de interface desenvolvido como projeto de UI.

Desafio e contexto

O desafio consistiu em analisar um aplicativo web, identificar seus principais problemas de usabilidade e propor uma nova interface alinhada aos objetivos da plataforma e às necessidades dos usuários. Para isso, foi aplicada a metodologia Design Thinking, permitindo priorizar os pontos críticos da experiência.

Para desenvolver o case, utilizei a metodologia Design Thinking para estruturar a maneira de pensar e ser capaz de priorizar os pontos mais relevantes.

Pesquisa

A pesquisa inicial teve como foco entender a percepção do usuário e as barreiras de uso do aplicativo web, investigando:

Primeiras impressões ao acessar a plataforma;
Motivos para escolher o app em vez da versão web;
Dificuldades enfrentadas durante a navegação;
Fatores que poderiam levar o usuário a migrar para concorrentes, como o Ifood.

Primeiras impressões ao acessar a plataforma;
Motivos para escolher o app em vez da versão web;
Dificuldades enfrentadas durante a navegação;
Fatores que poderiam levar o usuário a migrar para concorrentes, como o Ifood.

Análise heurística

A partir das 10 heurísticas de Nielsen, foram identificados problemas que impactam diretamente a experiência, como:

Visibilidade do Status do sistema

Falta de visibilidade do status do sistema (endereço de entrega não exibido na home);
Ausência de elementos visuais para facilitar o reconhecimento dos produtos;
Navegação limitada, sem acesso rápido a pedidos e busca;

Falta de visibilidade do status do sistema (endereço de entrega não exibido na home);
Ausência de elementos visuais para facilitar o reconhecimento dos produtos;
Navegação limitada, sem acesso rápido a pedidos e busca;

Compatibilidade entre o sistema e o mundo real

Tela de perfil com poucas opções, dificultando ações recorrentes como acessar pedidos, favoritos e pagamentos.

Benchmark

Foi realizado um benchmark com o iFood, referência no segmento, para entender boas práticas de organização da informação, navegação inferior, busca e fluxo de sacola e pagamento. Esses pontos serviram como base para estruturar uma solução mais intuitiva.

Busquei o aplicativo mais conhecido nesse meio de plataforma com vários tipos de restaurantes e lojas, o Ifood. Eu analisei pontos como disposição das informações, área de busca, menu inferior e me inspirei na forma como estruturam a área de sacola e pagamento.

Etapa de definição

Com base nos problemas levantados, as funcionalidades foram priorizadas em:

Must have ⚠️:

área para visualizar pedidos, favoritos e alterar endereço diretamente na tela principal;

Nice to have 👍:

opção de repetir o último pedido e personalização da imagem de perfil.

Protótipo

Wireframes: Protótipos de baixa fidelidade

Foram desenvolvidos wireframes de baixa fidelidade para estruturar o MVP, guiados pelas decisões da etapa de definição e pelo benchmark. O foco foi criar fluxos simples e claros, especialmente na tela de pedidos, permitindo ao usuário acompanhar o status da entrega de forma objetiva e sem fricções.

Design System

cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.
cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.
cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.
cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.

cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.
cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.
cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.
cards interativos
Adequar o propósito do app (loja de cookies) à jornada do usuário, buscando a melhor maneira de conduzi-lo a consumir seus produtos.
perfil detalhado
Com a possibilidade de acessar outras telas, o usuário pode consultar os detalhes da conta, incluindo pedidos realizados anteriormente, seus produtos favoritos, formas de pagamentos e cupons disponíveis.
histórico de pedidos
Aqui, o usuário consegue consultar de forma clara e fácil as ultimas compras feitas pelo app, além de poder adicionar diretamente na sacola caso tenha interesse em pedir novamente.

Também houve a preocupação em deixar a tela de pedido simples e detalhada. Onde o usuário pode acompanhar a entrega e saber se já está a caminho de sua casa.