Instabuy · 2022
Site da Instabuy
O site de um SaaS para supermercados tinha crescido sem plano. Reorganizei o conteúdo pensando primeiro no celular e encurtei o caminho até o cadastro de lojistas.
- Papel
- UX/UI Designer, liderei o redesign
- Time
- Times de marketing e de desenvolvimento da Instabuy
- Plataforma
- Site, mobile first
- Ano
- 2022
Em resumo
- Problema
- O site da Instabuy tinha crescido sem plano. Era lento no celular, difícil de navegar, e os supermercados desistiam no meio do cadastro.
- O que eu fiz
- Liderei um redesign mobile first, reorganizei o conteúdo em torno dos dois públicos e refiz os formulários de cadastro e contato.
- Resultado
- Um site mais claro e rápido, finalmente alinhado ao novo posicionamento da empresa, com retorno positivo do cliente e dos primeiros testes de usabilidade.
Contexto
A Instabuy é uma plataforma SaaS que coloca supermercados na internet: catálogo, pedidos, entrega e acompanhamento. O site dela recebe dois visitantes bem diferentes. O dono do supermercado chega para entender o produto e se cadastrar. O consumidor chega procurando o mercado da esquina.
A empresa estava se reposicionando como uma solução de e-commerce escalável para supermercados. O site ainda contava uma história antiga.
O problema
Anos de acréscimos tinham deixado o site com seções desconectadas, informação repetida e fluxos que não levavam a lugar nenhum em especial. Antes de mexer em qualquer coisa, listamos o que funcionava e o que não funcionava:
Algumas coisas valiam ser protegidas, como o bom posicionamento nas buscas e um gerenciador de conteúdo que o marketing sabia de cor. O resto era o problema: o visitante não entendia o que o site oferecia, todo caminho terminava no mesmo lugar, os formulários confundiam e o visual parecia velho. A maioria das visitas vinha do celular, justamente onde o site era mais lento.
Meu papel
Liderei o redesign de UX/UI, trabalhando com o marketing da Instabuy no conteúdo e com os desenvolvedores na implementação e no desempenho.
Decisões-chave
Mobile first de verdade
A maioria das visitas vinha do celular, então cada página foi desenhada primeiro para a tela pequena e só depois expandida para o desktop. Isso nos obrigou a cortar o que não merecia estar ali.
Dois públicos, dois caminhos
“Tudo leva ao mesmo lugar” significava que dono de supermercado e consumidor andavam pelo mesmo corredor. A nova estrutura separa os dois logo no começo, e cada visitante chega ao que importa para ele em menos passos.
Formulários mais curtos
Os lojistas desistiam no meio do cadastro. Os formulários de cadastro e de contato agora pedem só o que o comercial precisa no primeiro contato, com rótulos mais claros e menos campos.
Manter o que já funcionava
Mantivemos as páginas bem posicionadas nas buscas e o site editável pelo marketing. Um redesign que jogasse fora anos de SEO, ou fizesse cada mudança de texto depender de um desenvolvedor, criaria problemas novos enquanto resolvia os antigos.
A solução
Também trabalhei com os desenvolvedores na forma como código e imagens eram entregues, o que ajudou o site a carregar mais rápido no celular.
Extra: landing page de logística
A Instabuy também estava lançando um serviço de logística para ajudar os supermercados a gerenciar entregas. Desenhei a landing page dele, que apresenta otimização de rotas e acompanhamento de entregas para os donos de supermercado. Ela chegou à fase de protótipo e teve retorno positivo dos primeiros testes.
Resultados
Não tivemos analytics completo depois do lançamento, mas os testes de usabilidade e os primeiros relatos do cliente apontaram na mesma direção: um site mais claro, mais fácil de navegar, mais rápido no celular e, enfim, contando a história que a Instabuy queria contar.
Como eu mediria hoje
Configuraria o analytics antes do lançamento para comparar a taxa de rejeição no celular, a conclusão dos formulários e quanto tempo um dono de supermercado leva até chegar ao cadastro. Sem uma linha de base, até um bom redesign fica difícil de provar.