Desenvolver para um novo aliado, um comércio eletrônico inovador com recursos novos em UMA SEMANA.

Autor: Jair Pérez, Lead Product Designer @ReservamosSaaS

Desde o início, as decisões que tomamos em relação ao produto foram fundamentadas em métricas e evidências, desde a menor mudança até o desenvolvimento de uma nova funcionalidade. Mas, até que ponto chegamos com isso?

Graças ao nosso aprendizado e experiência, sabíamos que ter uma variante visual do site seria necessário para que as marcas pudessem se diferenciar, mesmo tendo os serviços que oferecemos.

O DESAFIO

Recentemente, tivemos o desafio de projetar e desenvolver para um novo alaido, um eCommerce inovador com recursos novos em UMA SEMANA e só poderíamos tentar uma única vez. Uma vez que concordamos com o cronograma com um cliente, fazemos o impossível para cumpri-lo, e 2020 foi um ano bastante complicado.

O PROCESSO

Durante a primeira reunião, surgiu a ideia de ter um produto com uma barra lateral em todo o fluxo. As informações da barra lateral mudariam de acordo com a etapa em que o usuário estivesse; a partir deste ponto, começamos a pensar em quais mudanças poderíamos implementar que não exigissem tanto apoio da área de Front-end.

Ter uma arquitetura organizada e bem estruturada foi ideal para pensar nas possíveis mudanças que poderíamos integrar. Embora tenham surgido algumas ideias, como mudar o estilo visual do produto e brincar um pouco com sombras e bordas dos mesmos componentes, a equipe ainda estava incerta, já que as ideias pareciam um pouco abstratas.

Os processos que utilizamos na área de produto seguiram o foco de serem fáceis de manter e, assim, reduzir os tempos de desenvolvimento para alcançar uma estrutura de código organizada. Dado que esses princípios nos ajudaram muito, também os transferimos para a parte de design com o “Atomic Design” para poder criar interfaces de maneira mais ágil e ter organização nos projetos.

DESTACADO

Graças ao nosso trabalho em equipe e à expertise da equipe, conseguimos criar a proposta do fluxo do produto em um tempo recorde de UM DIA. Este modelo era importante porque de certa forma funcionaria como um mapa para executar as alterações necessárias no nível do código.

Mantivemos a barra lateral durante o fluxo, reduzimos as sombras e adicionamos bordas com um raio reduzido; também foi possível projetar um componente diferente para exibir os resultados da viagem e, em geral, mostrar um design mais limpo e amigável.

Uma vez apresentado o modelo para a equipe interna, eles puderam constatar que tínhamos conseguido uma nova versão do produto realizando essa série de pequenas mudanças. Uma parte do desafio tinha sido superada!

APRENDIZAGEM

Tendo uma estrutura de código sólida e contando com certas variáveis dentro do mesmo, começamos a implementar as mudanças necessárias para ter essa variante do produto sem afetar o código da versão normal. Agora, tínhamos a capacidade de fazer uma mudança de versão, se necessário. Apesar de estarmos sob pressão devido ao tempo limitado, o trabalho sempre foi executado da maneira mais organizada possível graças às diretrizes de estrutura que tínhamos.

A segunda parte do desafio era um grande mistério, não sabíamos se essa versão do produto teria a taxa de conversão de compra que esperávamos e a velocidade de carregamento necessária. Como se tratava de várias grandes mudanças em conjunto, não havia nenhum histórico sobre qual seria o impacto. Começamos com uma conversão muito semelhante aos resultados do produto atual e, aos poucos, foi crescendo.

Algum tempo depois, alcançamos números recordes de vendas online que a marca teve em seus mais de 60 anos de história.

E você, quer fazer parte de pequenas mudanças que se transformam em grandes vendas? Solicite mais informações e alcance o potencial de sua marca rodoviária no mundo do eCommerce.