Criação de app para e-comemrce
01
Criação de personas
Desenho do perfil de usuários do aplicativo, levantamento de característiscas e perfil de consumo
03
Wireframe
Protótipos de baixa e média fidelidade para validar ideias
02
Jornada do usuário
Criação das jornadas dos usuários dentro do app
04
Design System
Criação de um Design System para aplicar com consistência os guidelines
Personas
Identifiquei três personas distintas, cada uma com suas próprias motivações, comportamentos e necessidades
Jornada da Persona "Presenteador"
A "Presenteador", não é um comprador impulsivo; pelo contrário, o processo de escolha é tão significativo quanto o presente em si.
​
1. Pesquisa: pesquisar ideias de presentes.
2. Entrada no E-commerce
3. Navegação: Tende a utilizar filtros de busca como "presentes para ela" ou "presentes de aniversário", também dá atenção especial às seções de "Mais Vendidos" e "Recomendados".
4. Análise: Ao selecionar um produto, dedica tempo analisando as fotos, lendo descrições detalhadas, e especialmente, observando avaliações e comentários de outros clientes.
5. Cesto de Compras: Antes de finalizar a compra, Clara muitas vezes adiciona vários itens ao cesto para depois escolher entre eles.
6. Finalização: busca por opções de entrega rápida e confiável. Ela também está disposta a pagar um pouco mais por embalagens especiais ou uma entrega no dia exato do aniversário ou comemoração.
7. Pós-compra: Após a compra, espera receber atualizações sobre o status de sua entrega.
Wireframes
O desenho de wireframes é fundamental na minha abordagem de design, atuando como o esqueleto de um projeto.
Ele me permite visualizar a disposição dos elementos, garantir a hierarquia correta da informação e estabelecer um fluxo de navegação lógico, facilitando o alinhamento e feedback dos stakeholders nas fases iniciais.
Além disso, trabalhar com wireframes economiza tempo e recursos, pois antecipa problemas de usabilidade e layout, evitando revisões dispendiosas em estágios mais avançados do design.
Design system
Acessibilidade
Com um design inclusivo, garanti contraste de cores adequado, navegação intuitiva e total compatibilidade com tecnologias assistivas, assegurando que todos os usuários, inclusive aqueles com deficiências ou necessidades especiais.
Objetivo foi tornar o produto acessível a qualquer usuário, sejam usuários desde usuários novos e leigos até os mais avançados e/ou experientes.
​
Design Atômico / Atomic Design
Concebido por Brad Frost, é uma metodologia estruturada para criar sistemas de design, dividindo-os em componentes hierárquicos mais simples, semelhante à maneira como a matéria é dividida em átomos, moléculas e organismos.
​
.png)