(Client Version)
Live Chat
Na CSoftware, a necessidade de realizar suportes aos clientes motivou o desenvolvimento de um sistema próprio de LiveChat, substituindo uma solução terceirizada que antes era utilizada. O objetivo principal foi não apenas atender às necessidades internas, mas também criar um produto personalizável, que atendesse a demandas específicas dos clientes e fosse comercializável.
O sistema já havia sido iniciado e estava operacional, mas fui convidado a aprimorar seu conceito visual, focando na experiência do usuário e em um design que refletisse a identidade e os valores da CSoftware.
O Processo
O Processo de design foi separado por partes, sendo elas:
-
Prototipagem
-
Conceitos visuais
-
Feedback do conceito e correções
-
Protótipo interativo
-
-
Finalização do projeto
-
Feedback final
-
Prototipagem - Conceitos visuais
A principio, como o chat de cliente já estava desenvolvido e já sabia ao certo o que queriam, apenas desenvolvi conceitos básicos e apresentei aos interessados do projeto, foram criados diferentes versões até chegarmos o conceito final.
Tela inicial
Chat do cliente
Nos cinco conceitos visuais apresentados, a tela inicial teve variações limitadas ao plano de fundo, às cores principais e à imagem utilizada. Apesar disso, os campos mantêm a mesma estrutura do layout anterior, com ajustes pontuais em sua reformulação.
Por outro lado, o chat de cliente apresentou maior diversidade entre os cinco conceitos, abrangendo alterações no plano de fundo, ícone de identificação, cores, e na posição dos itens. O botão de "encerrar atendimento", em especial, foi explorado em diferentes localizações para avaliar sua melhor posição.
Prototipagem - Feedback do conceito
Foi realizada uma amostra dos conceitos visuais com o stakeholder do projeto e toda a equipe. A variação 4 foi a mais bem aceita para ambos os elementos (tela inicial e chat do cliente). No entanto, surgiram algumas ressalvas em relação ao plano de fundo de ambas as telas. O fundo borrado, especialmente no chat do cliente, não foi considerado visualmente atrativo, exigindo ajustes para melhor adequação.
Prototipagem - Protótipo interativo
Após o feedback foram feitos as alterações e criado o protótipo interativo:
Finalização do projeto - Feedback final
Ao apresentar o protótipo final para o stakeholder e minha equipe, o projeto foi muito bem recebido e rapidamente avançou para a etapa de desenvolvimento, onde atualmente está em suas fases finais, pronto para o lançamento. Este projeto foi desenvolvido do zero para substituir a aplicação anterior, que era terceirizada. Recebi diversos elogios pelo resultado, descrito como mais polido, funcional e visualmente atraente em comparação com a solução utilizada anteriormente.
Se quiser conferir o projeto, aqui está o link: Visualizar no Figma.
Obrigado por dedicar um momento para explorar meu trabalho!
Veja mais projetos
