Soliens – Energia Solar Fotovoltaica
Projeto de design de experiência do usuário e desenvolvimento para empresa de instalação de energia solar fotovoltaica
A Soliens é a maior escola de Energia Solar da América Latina e uma das maiores empresas de tecnologias renováveis, trabalhando com a formação de alunos para diversas áreas do mercado de energia solar fotovoltaica e também em projetos de instalações em comércios, residências e usinas.
O Desafio
Com o crescimento no número de formação de seus alunos e da quantidade de instalações realizadas pela empresa, Soliens nos procurou para desenvolver uma solução para automatizar a relação entre os profissionais que fazem instalações de energia fotovoltaica com seus clientes que necessitam deste tipo de serviço.
Vale ressaltar o foco do projeto em conseguir construir a primeira versão destinada ao lançamento, um MVP para um lançamento em espaço de tempo de menos de 6 meses.
A Solução
Identificamos a necessidade da criação de 3 frentes de produtos que se conectassem com o objetivo de criar uma melhor experiência entre todas as personas envolvidas no processo:
- Uma área de gestão dos projetos
- Um aplicativo para o instalador
- Uma plataforma para o cliente acessar seus pedidos
O Processo
Iniciamos o processo realizando uma imersão nos fluxos do negócio com o discover canvas da Homem Máquina, em que entrevistamos todos os envolvidos no projeto para entender suas expectativas e necessidades. Elaboramos as personas, os pontos de contato com o negócio e as dores comuns dos clientes e dos instaladores. Neste caso, optamos pelo uso do service blueprint para documentar as etapas do processo e o momento de mudança do cliente pelos canais do serviço, identificando assim potenciais pontos de melhoria.
Após esta imersão nos bastidores dos processos da empresa, iniciamos uma etapa de de redesign da árvore de decisão, dos fluxos de uso e da arquitetura da informação do projeto, identificando oportunidades de melhoria na navegação para tornar o entendimento do serviço mais natural e amigável.
Após detalhar e validar cada etapa do processo, em estreita colaboração com o cliente, chegamos ao ponto de transformar nossas ideias em realidade nas telas do projeto.
Para manter nossa sintonia e direção alinhadas, optamos por criar esboços simples das telas, conhecidos como wireframes. Essa abordagem nos permite tomar decisões informadas antes de nos aprofundarmos nos detalhes do design das telas. Além disso, pudemos testar a fluidez das interações por meio de protótipos navegáveis, antecipando a forma como as telas iriam se conectar e funcionar de maneira prática.
Após validar os wireframes, prosseguimos para a criação do guia de estilo visual das plataformas. Esse guia, também conhecido como UI KIT, será a base para desenvolvermos as telas finais. Isso garantirá que os três produtos compartilhem a mesma linguagem visual e estrutural, criando uma coesão dentro desse universo e possibilitando uma comunicação consistente entre eles.
O resultado
A conclusão do projeto envolveu a criação dos layouts em alta fidelidade, a prototipação das telas e, finalmente, a implementação do projeto utilizando as tecnologias React e Laravel.
