Projeto para o curso de UX Design. Aplicativo SÓ FLÔ, flores para floristas.

1. SÓ FLÔ App Design
Érica Pizzino

2. O Produto:
SÓ FLÔ é um aplicativo para floristas. SÓ FLÔ visa vender
uma variedade de flores frescas em grande ou pequena
quantidade. SÓ FLÔ tem como público alvo floristas que
não tem tempo para comprar flores pessoalmente.
Visão Geral do Projeto
Duração do Projeto:
01 Janeiro 2024 até 21 Maio 2024.

3. O Problema:
Floristas ocupados que não tem tempo para
comprar flores pessoalmente.
Visão Geral do Projeto
O Objetivo:
Ajudar floristas a comprar flores sem sair de
casa ou local de trabalho, entregando em
domicílio e em outros locais.

4. Minha Função:
Designer UX projetando um aplicativo para SÓ
FLÔ desde a concepção até a entrega.
Visão Geral do Projeto
Responsabilidades:
Condução de entrevistas, wireframing em papel e
digital, prototipagem de baixa e alta fidelidade,
realização de estudos de usabilidade,
contabilização de acessibilidade e iteração em
designs.

5. Entendendo
o Usuário
● Pesquisa de Usuário
● Personas
● Declarações de Problemas
● Mapas de Jornada do Usuário

6. Pesquisa de Usuário: sumário
Realizei entrevistas e criei mapas de empatia para entender os usuários que estou
projetando e suas necessidades. Um grupo de usuários primário identificado por meio de pesquisa
eram adultos trabalhadores que não têm tempo para comprar flores sem interromper seus trabalhos.
Este grupo de usuários confirmou suposições iniciais sobre os clientes da SÓ FLÔ, mas pesquisas
também revelou que o tempo não era o único fator que impedia os usuários de comprar flores.
Outros problemas do usuário incluíram um local seguro para comprar flores com boa variedade de
flores e entrega rápida em várias localidades, em grande e pequena quantidade.

7. Pesquisa do Usuário: Pontos Problemáticos
Tempo
Adultos que trabalham e
não podem deixar seus
locais de trabalho para
comprar flores
pessoalmente.
Variedade
Precisam de um local
com boa variedade de
flores frescas, assim
evitando comprar em
mais locais.
Promoções
Os aplicativos de flores
não possuem
promoções para o
público alvo, sem valor
de compra mínimo.
Entrega
As formas de entrega
não são otimizadas,
precisam de entrega em
vários endereços.
1 2 3 4

8. Persona: Elisa
Declaração do Problema:
Elisa é uma
microempreendedora
muito ocupada, que
precisa comprar flores sem
sair de casa, porque
precisa fazer seus arranjos
e vender em seu site.

9. Mapa da Jornada do Usuário
O mapa da jornada do
usuário de Elisa revelou o
quão útil seria para ela ter
acesso a uma aplicativo
como a SÓ FLÔ.

10. ● Wireframes de Papel
● Wireframes Digital
● Protótipo de Baixa Fidelidade
● Estudos de Usabilidade
Iniciando
o Design

11. Wireframes de Papel
Esboço de algumas telas e suas
iterações do aplicativo no papel,
garantindo que os wireframes digitais
fossem adequados para resolver os
pontos problemáticos do usuário.
Para tela inicial priorizei uma tela com
muito elementos e muitas funções,
facilitando o processo de encontrar as
flores, assim otimizando tempo.

12. Wireframes Digital
Design de tela feito a partir
do feedback e descobertas
da pesquisa do usuário.
Este menu
interativo permite
que o usuário
encontre flores
por categoria.
Esta barra de
icones, permite
que o usuário
tenha diversas
informações úteis
e é essencial para
a boa utilização
do aplicativo.

13. Wireframes Digital
A navegação fácil foi
fundamental para o bom
funcionamento e uso do
aplicativo pelo usuário.
Menu lateral
com fácil acesso
a navegação e
prático para o
uso do usuário.

14. Usando o conjunto completo de
wireframes digitais, criei um protótipo de
baixa fidelidade. O principal fluxo de
usuário foi fazer um pedido com
variedade de flores, para que o protótipo
pudesse ser usado em um estudo de
usabilidade.
Veja a SÓ FLÔ
Protótipo de baixa fidelidade
Protótipo de Baixa Fidelidade

15. Estudo de Usabilidade: Descobertas
Conduzi duas rodadas de estudos de usabilidade. O 1° estudo ajudou a orientar os projetos, desde
wireframes até mockups. O 2° estudo utilizou um protótipo de alta fidelidade e revelou quais
aspectos dos modelos precisavam de refinamento.
Round 1: Descobertas
As telas precisam de maior espaço
entre seus elementos.
1
Os pop-ups abrindo são confusos.
2
Round 2: Descobertas
Não acharam outras formas de
pagamento.
3
Os usuários querem encontrar, com
facilidade, variedade de flores.
1
Os usuários querem entrega
personalizada.
2
Os usuários querem entrega rápida.
3

16. ● Mockups
● Protótipo de Alta Fidelidade
● Acessibilidade
Refinando
o Design

17. Mockups
Adicionei imagens, textos e
ações e retirei o texto
“produtos” pois achei que
não era necessário.
Antes do Estudo de
Usabilidade
Depois do Estudo de
Usabilidade

18. Mockups
Após o segundo estudo,
adicionei outras formas de
pagamento, dei destaque
com cores para itens
importantes e adicionei o
mapa em tempo real.
Antes do Estudo de
Usabilidade
Depois do Estudo de
Usabilidade
Image of
selected
screen after
usability study

19. Mockups Principais

20. O protótipo final de alta
fidelidade apresentou fluxos
de usuários mais limpos para
fazer um pedido de flores e
finalizar a compra. Também
atendeu às necessidades do
usuário nas opções de entrega
e personalização.
Veja a SÓ FLÔ
Protótipo de Alta Fidelidade
Protótipo de Alta Fidelidade

21. Considerações de Acessibilidade
Opção de pedido por
aplicativo de mensagem,
facilitando assim o uso
para pessoas com baixa
cognitividade.
Ícones usados para ajudar
a fazer a navegação mais
fácil .
Uso de imagens de flores
simples e com descrição
fácil para ajudar todos os
usuários a compreender
os desenhos.
1 2 3

22. ● Aprendizado
● Próximos Passos
Daqui para Frente

23. Aprendizado
Impacto:
O aplicativo atende as necessidades dos usuários.
Veja alguns feedbacks:
“Adoro comprar na SÓFLÔ, eles possuem uma grande
variedade de flores frescas e a entrega é sempre
perfeita.”
”Trabalho com eventos e a SÓFLÔ entrega em vários
endereços a meu critério, serviço nota 10.”
O que eu aprendi:
Com a criação do aplicativo SÓFLÔ aprendi a
filtrar idéias, pois nem tudo é viável. Com
estudo de usabilidade e feedbacks consegui
melhorar meu design e entregar um aplicativo
com mais iteração e atendendo ao público
alvo.

24. Próximos Passos
Fazer novos estudo de
usabilidade para saber se
o aplicativo está de fato
ajudando o público alvo.
Pedir mais feedback para
os clientes, para melhoria
dos serviços do aplicativo.
Fazer pesquisas com os
usuários para ajustes do
design do aplicativo.
1 2 3

25. Agradecimentos
Obrigado pelo seu tempo analisando meu trabalho do aplicativo SÓ FLÔ. A jornada até aqui foi
longa e trabalhosa, com muitos desafios.
Espero que meu trabalho tenha contribuído de alguma forma com seu aprendizado, após analize.
Continuemos seguindo em frente.
Obrigada
Érica Pizzino