O documento descreve o processo de desenvolvimento de um aplicativo móvel desde a concepção inicial até a entrega final, incluindo pesquisas com usuários, workshops, prototipagem, testes de usabilidade e revisões com o cliente. O caso usado como exemplo é o desenvolvimento de um simulador de aposentadoria para a Target, com o objetivo de melhorar a experiência do usuário e aumentar a taxa de conversão.

1. DA CONCEPÇÃO
AO DESENVOLVIMENTO
A estratégia por trás de um APP

2. Lais Célem André Guths
Comunicação Visual +
Gestão Social
Design Gráfico

3. ilegra

5. O DESAFIO:
COMO FAZER UM APP/WEB QUE SE DIFERENCIE?
COMO FAZER
UM APP QUE SE
DIFERENCIE?

6. TRABALHANDO A
EXPERIÊNCIA
MERGULHAR NO METAPROJETO

7. DESIGN ESTRATÉGICO
META PROJETO PROJETOCONCEITO

8. COMO
FAZEMOS
ISSO?
METODOLOGIA + PESSOAS

9. PESQUISAS
ENTREVISTA EM PROFUNDIDADE - CONCORRÊNCIA -
TENDÊNCIAS - BLUESKY - MISTERY SHOPPER

10. cenários e visões
CENÁRIOS & VISÕES
POLARIDADES - VISÃO 360˚
CONSTRUÇÃO DE CENÁRIOS FUTUROS - VISÕES PROJETUAIS

11. BRAIN- WORKSHOP
INTERNO E EXTERNO

12. CLIENTES COM OS QUAIS JÁ REALIZAMOS WORKSHOP

13. CONCEITO

14. FLUXOGRAMA - WIREFRAME - LAYOUT

15. PROTOTIPAGEM
RÁPIDA / testes
low-res sem código
invision pop Magitest blueprint

16. -Melhorar a experiência de preencher o simulador Target
-Aumentar taxa de conversão do simulador
BRIEFING
case Target
Simulador de aposentadoria

17. simulador antigo
“Exclusivo Simulador de
Aposentadoria da Icatu Seguros,
que ajuda você a fazer uma
estimativa do valor necessário
para manter seu padrão de vida na
aposentadoria. Basta preencher os
campos com seus dados, que o
resto é por nossa conta.”
Simulador de aposentadoria
Target

18. simulador antigo
simulador novo
PESQUISAS DE
REFERÊNCIAS
WORKSHOP INTERNO
CONCEITO/
PROTÓTIPO
PESQUISAS DE
PROFUNDIDADE
WEB

19. Resultados Target WEB
“O simulador ficou mais simples, fácil e intuitivo de usar. Tentamos
alterar a linguagem de alguns termos para nos aproximar do público”

20. + BI
banco de
informações
=
Target WEB
Target APP

21. Mobile

22. Pesquisas

23. Workshop
Pessoas de diversas
áreas

24. Fluxograma + wireframe
+protótipos

25. Layout+protótipos
Início do Desenvolvimento

26. teste de
usabilidade
https://www.youtube.com/watch?v=YPl0-sh4F14

27. Layout
aprovado

28. Relação
DEV + DES + cliente
processo de entendimento e
troca de conhecimento
5° andar 9° andar
Design
review
Retrô
interações
diárias

29. obrigado!
Dúvidas?
Lais Celem André Guths
lais.celem@ilegra.com andre.guths@ilegra.com