Visão Geral do projeto
Este projeto é fruto de uma prática do curso Design Circuit, onde cada aluno desenvolveu seu processo individualmente, com feedbacks semanais do professor.
Easy Laser é um centro de estética localizado na cidade do Rio de Janeiro e especializado em tratamentos a laser, tanto para o público masculino quanto feminino. Além de depilação, também oferece serviços de limpeza de pele, peeling, dentre outros tratamentos.
O problema
Atualmete o site da Easy Laser possui uma navegação confusa e também algumas inconsistências na interface, o que impede que usuários e possíveis clientes possam navegar com clareza e tenham uma experiência positiva.
O objetivo
Criar um novo website para a Easy Laser que possa proporcionar uma boa experiência ao usuário.
1. Descobrir
Nesta etapa do processo era preciso conhecer um pouco mais do contexto da empresa, do mercado, seus usuários e também os pontos positivos e negativos. Foram realizados: Desk Research; Análise de competidores; Survey; Teste de usabilidade; Entrevistas.
Site da Easy Laser antes
Desk Research
Nesta etapa foram colhidos alguns dados de contexto e mercado, notícias e feedbacks já existentes dos usuários. A partir dessas informações foi feito um quadro com insights e dúvidas.
Análise de Competidores
Nesta etapa foram analisados quatro sites de depilação a laser/estética para entender melhor suas funcionalidades, telas, as boas práticas de cada um, e também o que fazem de errado.
Survey
A survey foi dividida em dois fluxos: usuários que já realizaram depilação a laser ou um procedimento estético a laser e usuários que nunca realizaram. Desse modo pude obter uma amplitude maior de respostas e entender as dúvidas dos usuários.
Teste de Usabilidade
O teste de usabilidade teve o objetivo de entender melhor o nível de sucesso dos usuários ao realizarem algumas tarefas básicas. Através desse teste pude notar pontos negativos e positivos da navegação do website com mais detalhes.
Entrevista
A entrevista teve o objetivo de aprofundar alguns pontos importantes levantados no teste de usabilidade. A partir de perguntas mais específicas, pude entender melhor o que os usuários pensavam.
2. Definir
How Might We e MoSCoW
Esses dois processos me ajudaram a definir e priorizar algumas funcionalidades do site.
Análise de Heurística
A partir dos pontos levantados no How Might We e MoSCoW, foi feita essa análise para entender os principais problemas do site e o que os concorrentes fazem de melhor para proporcionarem uma boa experiência.
User Flow
A partir das análises anteriores, foi pensado um User Flow que correspondesse às necessidades dos usuários. O objetivo era comprar algum tratamento a laser e, para isso, foram feitos dois flows: um happy path e um flow desejado, mas com algumas variações.
User Journey
Montei um User Journey para entender melhor os sentimentos dos usuários ao longo da jornada no site, o que me possibilitou mapear pontos de dor e oportunidades de melhoria.
Card Sorting
O Card Sorting foi utilizado para entender como os usuários agrupam os termos, desse modo pude criar uma navegação melhor dentro do website.
3. Desenvolver
No etapa de desenvolvimento juntei algumas referências de telas e seções de outros sites, para então fazer os esboços e depois montar os wireframes. Mapeei as features que deveriam ter no site baseado em todo processo até aqui.
Quadro de referências
Wireframe
4. Conclusão
O entregável desse projeto é um wireframe de alta fidelidade. Os próximos passos seriam testar esse wireframe para ajustes e depois fazer o design final.
Para ver o wireframe em mais detalhes, acesse: bit.ly/4hBgXMz
Link do processo completo detalhado : https://bit.ly/4hcd7cM