Fuel Injection Technology
O redesenho do site da empresa agora permite que os clientes reservem online serviços de reprogramação para uma variedade de veículos, incluindo barcos, carros e motos.
Visão Geral
- Local
- Maputo, Moçambique
- Data
- Julho, 2021
- Papel
- UI Designer & Web Developer
- Porquê
- Projecto de Cliente
- Desafio
- A Fuel Injection, renomada empresa especializada em reprogramação de veículos motorizados em Moçambique, buscava elevar ainda mais a experiência de seus clientes por meio de uma renovação visual e funcional do seu website. O proprietário, Heike Pinto, estava ansioso para receber uma proposta que não apenas modernizasse a estética do site, mas também incorporasse funcionalidades avançadas.
- Sobre a empresa
- A Fuel Injection Technology destaca-se como pioneira em Moçambique, sendo a primeira empresa dedicada ao mapeamento de software de computadores em veículos motorizados. Sua missão central é o desenvolvimento e fornecimento de mapas de computadores de veículos, visando atingir o potencial máximo dos motores com a máxima eficiência, segurança e conforto.
Estou extremamente impressionado com o novo visual do nosso site. O site agora parece mais moderno, profissional e fácil de usar. A nova interface também ajudou a destacar nossos serviços de reprogramação de veículos, o que, tenho certeza, irá atrair mais clientes para o nosso negócio.
Heike Pinto
Fundador da Fuel Injection TechnologyPESQUISA
Análise do Site Antigo
Antes de começar o trabalho de redesign, a primeira etapa que abordei foi a identificação dos problemas existentes no website atual, bem como os motivos que levaram à necessidade de uma mudança visual. Após uma análise cuidadosa, conseguimos chegar a algumas conclusões que serviram como base para a estratégia de design.
DEFINIR
Análise do público alvo
Na segunda fase do processo de pesquisa, embora a equipe da Fuel Injection já tivesse algumas ideias preliminares para aprimorar o visual do site, o foco principal foi direcionado à análise detalhada das informações demográficas, psicográficas e atitudes dos clientes da empresa, a fim de obter uma compreensão aprofundada do seu público-alvo.
Informação Demográfica
Faixa etária: 20-49 anos
Maioritáriamente adultos
Maioritáriamente de gênero masculino
Canais de Comunicação
Chamada telefónica
Desafios
Perceber como funcionam os serviços de reprogramação
Dificuldades em saber o preço dos serviços parao veículo do cliente no website
Preferem acessar usando plataforma mobile do que desktop
Informação Psicográfica
Apaixonados por automobilismo
Se importam bastante com estética do seu veículo
Valorizam poupança de combustível e aumento do desempenho do seu veículo
Objectivos do Projecto
Após a definição cuidadosa do público-alvo para este projeto, elaborei um diagrama estratégico, fornecendo uma visão clara e abrangente dos objetivos do projeto. Este diagrama foi crucial para orientar o processo de design, garantindo que as necessidades do cliente, as expectativas do utilizador e meus objetivos como Designer estivessem alinhados, resultando em uma abordagem eficiente e centrada no utilizador.
IDEALIZAÇÃO
Novo mapa do site
Após a definição dos objectivos do projecto, criei um diagrama estratégico que serviu como base para a fase de ideação. Nesta etapa, desenvolvemos um mapa do site abrangente, mapeando de forma organizada a estrutura do site. Essa abordagem estruturada permitiu uma transição fluida para as fases subsequentes do projecto, garantindo a coerência entre os objetivos, a experiência do utilizador e a implementação prática das ideias.
Fluxo de Tarefas
Uma funcionalidade crucial do site era possibilitar que clientes ou potenciais clientes da Fuel Injection pudessem efectuar reservas para a reprogramação de seus veículos online, apresentando simultaneamente os potenciais ganhos no desempenho do veículo durante o preenchimento. Para atingir esse objetivo, desenvolvi um fluxo de tarefa para avaliar e aprimorar a experiência do cliente, garantindo um processo de reserva eficiente e informativo.
PROTOTIPAÇÃO
Wireframes
Após a coleta de dados, avançamos para a fase de prototipagem. Desenvolvi diversas versões de wireframes para a página inicial, discutindo ideias com os stakeholders. Ao final, decidimos criar uma versão combinada, integrando seções de diferentes wireframes para alcançar a página inicial ideal.
Estilos visuais e componentes
Posteriormente, avancei para a criação de estilos visuais e componentes, garantindo uma implementação coesa e atrativa não apenas na página inicial, mas em todas as páginas resultantes da fusão das diferentes versões dos wireframes.
Prótipos de Alta Fidelidade
Em seguida, concentrei-me na elaboração dos mockups de alta fidelidade. Com base nos estilos visuais e componentes previamente desenvolvidos, busquei criar representações visuais detalhadas e precisas, proporcionando uma visualização completa e realista de todas as páginas do projeto.
Solicitação de Reserva
O processo de solicitação de reserva foi minuciosamente avaliado inúmeras vezes, tornando-se o fluxo mais importante a ser aprimorado no site, uma vez que é a secção responsável por converter novos clientes para a empresa.
Painel de Administração
Pensei em criar mockups não apenas para o site, mas também para o painel de administração, pois este não só forneceria relatórios críticos, como também permitiria gerir veículos, contactos e reservas no site.
TESTES
Testamos a nova imagem
Após a criação dos mockups, durante o processo de redesenho do website, realizei testes à nova imagem com os stakeholders. O fundador, reconhecendo a importância do feedback prático, concedeu o privilégio de testar a experiência com alguns clientes fiéis da empresa. O objetivo era avaliar a estética, a facilidade de utilização e verificar a conveniência de efetuar reservas online, garantindo que a nova abordagem correspondesse às expetativas e necessidades dos utilizadores. Solicitei que classificassem cada um destes critérios numa escala de 1 a 5, permitindo uma análise mais precisa e detalhada.
Comentários pertinentes
Durante os testes, para além de avaliar, os utilizadores proporcionaram feedback valioso, apresentando comentários pertinentes que enriqueceram o processo de aprimoramento do website. Suas observações abordaram aspectos cruciais, desde a usabilidade até sugestões de funcionalidades adicionais.
- Implementar um sistema de notificações automatizadas, fornecendo actualizações regulares aos clientes sobre o estado da reserva
- Criar uma galeria visual ao site, apresentando imagens de antes e depois de veículos reprogramados
- Implementar uma opção de seleção de idioma no site, permitindo que os utilizadores escolham entre português e inglês
A experiência de reserva online foi fácil e rápida. Sugeriria a adição de um sistema de notificações para informar os clientes sobre o status do serviço após a reserva.
Gostei da estética moderna do site, mas seria interessante ter uma galeria de antes e depois de veículos reprogramados para visualizar os resultados.
Como utilizador fluente em inglês, acho que seria muito útil se o site oferecesse suporte para o idioma. Isso facilitaria a navegação para mim e para outros clientes internacionais que também falam inglês.
Considerações Finais
A colaboração entre a equipe da Fuel Injection Technology, stakeholders e utilizadores desempenhou um papel fundamental no sucesso do redesenho do website. Através de uma abordagem centrada no utilizador, conseguimos não só atender às expectativas dos clientes, mas também superá-las, proporcionando uma experiência online aprimorada e intuitiva para a reserva de serviços de reprogramação de veículos.
Os testes e feedbacks realizados permitiram identificar melhorias específicas, evidenciando a importância do envolvimento directo dos utilizadores no processo de design. O processo iterativo, desde a definição do público-alvo até a implementação das melhorias sugeridas, demonstrou o compromisso em oferecer um serviço de alta qualidade.
Pré-visualizar
Dê uma olhada em outros projectos:
Go Vegan Website
Um website de um restaurante vegano que possibilita aos clientes realizar pedidos de entrega de comida em Maputo.
Culistock Web App
Uma plataforma online destinada a indivíduos que preparam alimentos em casa, facilitando a gestão de seus estoques em sincronia com suas actividades de venda.