Atualização do Menu — E-mail Marketing

Área:
UX e UI

Ano:
2023

Responsabilidades:

  • Analise e pesquisa
  • UI Design
  • Criação de ícones
  • Teste 
  • Implementação

Ferramentas:
Figma, HTML  & CSS e RD Station

O problema

Durante as campanhas de e-mail marketing, notamos um problema:
cada e-mail tinha um menu diferente.

Essa falta de padronização criava ruído visual e dificultava a navegação.
O desafio era unificar a experiência, garantir clareza e tornar o design mais eficiente.

A Solução: Guapp

Buscar feiras por localização (mapa + lista) ou buscar produto específico e descobrir onde está disponível.

Usuários verificam preços, promoções e comunicam-se com feirantes para encomendar/reservar.

Porque isso importa

Feirantes perdem potencial de vendas. Consumidores buscam alternativas (supermercados, apps de delivery) por conveniência.

Oportunidade de negócio através de planos premium para feirantes, taxa em transações e parcerias municipais.

O Problema

Criei um aplicativo mobile que conecta consumidores a feiras livres locais, permitindo buscar produtos, verificar disponibilidade e encomendar com feirantes. Responsável por toda jornada: pesquisa, ideação, prototipagem e testes.

O Problema

Usuários frequentadores de feiras enfrentam dificuldade em localizar feiras abertas próximas, verificar disponibilidade de produtos e preços. Turistas e novos moradores desconhecem feiras locais completamente.

A Solução: Guapp

Buscar feiras por localização (mapa + lista) ou buscar produto específico e descobrir onde está disponível.

Usuários verificam preços, promoções e comunicam-se com feirantes para encomendar/reservar.

Porque isso importa

Feirantes perdem potencial de vendas. Consumidores buscam alternativas (supermercados, apps de delivery) por conveniência.

Oportunidade de negócio através de planos premium para feirantes, taxa em transações e parcerias municipais.

Roteiro do projeto

escrever algo aqui

Pesquisa
User flows
Wireframes
Design visual 
Testes de acessibilidade
 
Pesquisa

Identificando Gaps
Organizei o que sabia vs. precisava descobrir
Esta matriz direcionou toda a pesquisa.

 
Matriz CSD

Identificando Gaps eu organizei o que sabia vs. precisava descobrir. Esta matriz direcionou toda a pesquisa.

 
Analise de artigos acadêmicos

Revisei artigos científicos para validar perfis de usuários com dados reais.

 
Análise competitiva

Apps existentes oferecem apenas mapas estáticos. Descobri que nenhum oferecia um serviço focado em ferias livres.

Principais descobertas da pesquisa

  • Apps existentes oferecem apenas mapas estáticos
  • Nenhum oferece informação de produtos em tempo real
  • 3 perfis identificados: Frequentador Regular (35-55 anos) | Novo Morador/Turista (25-45 anos) | Consumidor Consciente (28-50 anos)

Ui design

1 – User Flow

2. Sketches – 8 variações rápidas no papel com Crazy 8’s

3. Wireframes – Foco em hierarquia de informação

4. Wireframes – Foco em hierarquia de i4. Protótipo de Alta Fidelidade

Imagens do protótipo

 

 

Testes

Your Attractive Heading

Acessibilidade (ColorAble):
Validei contraste em 100% das telas
| Ajustei texto secundário de 3.5:1 → 4.8:1
| ✅ WCAG AA aprovado

Your Attractive Heading

Thumb Zone: Mapeei zonas de alcance do polegar
| Botões principais em zona de fácil alcance
| Otimizado para uso com uma mão

Resultados

Entregáveis

✅ Protótipo funcional com jornadas principais
✅ Sistema de design acessível (WCAG AA)
✅ Validação de conceito com pesquisa fundamentada
✅ Interface otimizada para mobile

Aprendizados principais:

Pesquisa direcionou design (não achismos)
Wireframes economizam tempo
Heurísticas funcionam como quality check prático
Acessibilidade desde o início previne retrabalho

Ferramentas

Figma | Photoshop | ColorAble | 

Click Here