AI-POWERED SCHEDULING

Le Cookies - Melhorando a experiência com UI

função

UI Designer

duração

04 meses

ano

2024

Como eu, utilizando o método de Design Thinking, desenhei um aplicativo para a empresa "La Cookies" buscando melhorar diretamente a experiência do usuário ao realizar e consultar os pedidos na plataforma.

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

Desafio e contexto

O desafio proposto foi analisar o aplicativo web, apontar os pontos de melhoria e desenvolver uma alternativa de interface levando em conta os objetivos da plataforma e para quem ele foi construído.

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

Ao abrir o aplicativo web, utilizei de algumas perguntas para nortear a pesquisa e entender melhor o que deveria ser feito:

Qual a primeira impressão do usuário quando conhece o aplicativo?
Por que o usuário escolheria utilizar o app no lugar do aplicativo web?
Quais são as dificuldades que o usuário enfrenta ao utilizar o aplicativo web?
O que levaria o usuário a sair do Ifood e utilizar o aplicativo da loja?

Análise heurística

Utilizei das 10 heurísticas de Nielsen para entender e embasar os pontos de melhorias identificados, seguem algumas delas:

Visibilidade do Status do sistema

Ausência do endereço de entrega na homepage;
Falta de cards para dar uma noção visual dos tipos de produtos;
Barra de navegação inferior não apresenta outros fluxos como um botão de Pedidos e Pesquisar.

Compatibilidade entre o sistema e o mundo real

Possui pouca variedade de opções na tela de “Perfil”, com ausência de botões como “Pedidos”, “Favoritos”, “Pagamentos”

Possui pouca variedade de opções na tela de “Perfil”, com ausência de botões como “Pedidos”, “Favoritos”, “Pagamentos”

Benchmark

Depois de compreender bem os objetivos da plataforma e pra quem ela faz isso, busquei plataformas que não necessariamente concorrem com o app, mas que funcionam muito bem apresentando a mesma premissa de solução para seus usuários.

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

Este foi o momento de reunir todas as ideias, pensar em novas e priorizar o que deveria ser implementado. Para isso, considerei fatores que precisariam ter (must have) e fatores que seriam interessantes ter (nice to have).

Must have ⚠️:

Página onde o visitante pode visualizar solicitações feitas, favoritos marcados e alterar o local na tela principal.

Nice to have 👍:

Botão para adicionar novamente no carrinho o último pedido realizado, alterar a imagem de perfil.

Protótipo

Wireframes: Protótipos de baixa fidelidade

A análise do benchmark e a etapa de definição serviu de base para a criação dos protótipos de baixe fidelidade, já que, como um mapa mental, norteou os caminhos as telas necessárias para construir um MVP.

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.