Site Institucional Instabuy

UI Redesign • Discovery • Mobile • Webpage

O Produto

O produto em questão era um site institucional desenvolvido para a Instabuy, uma plataforma de comércio eletrônico voltada para supermercados.

Esse site tinha como finalidade apresentar os serviços da Instabuy, destacando sua capacidade de fornecer aos supermercados uma loja online pronta, personalizada com logotipos e cores específicas de cada cliente.

O site institucional servia como uma ferramenta de comunicação para atrair novos clientes interessados em utilizar a plataforma da Instabuy para suas operações de comércio eletrônico no setor de supermercados.

Equipe

Vinicius Vieira (UX/UI Designer)

Ferramentas

Figma, Design Thinking, Marvel, Photoshop, Miro, Hotjar, Google Analytics.

O Problema

O site enfrentava desafios significativos relacionados à sua performance, à experiência do usuário e à distribuição de conteúdo, além de parecer desalinhado com as ofertas de outros concorrentes do mercado.

Diante dessa situação, surgiu a necessidade de desenvolver uma versão aprimorada que melhorasse a experiência dos usuários, adotasse um design moderno e oferecesse suporte eficiente para diversas equipes envolvidas na gestão da página.

Discovery

Imersão

Iniciamos com uma pesquisa abrangente que incluiu análise de mercado, interação com usuários, investigação interna e dados de ferramentas. Esses dados forneceram valiosos insights.

Ideação

Com os insights em mãos, criamos e validamos user personas, orientando nossas decisões com foco nas necessidades dos usuários.

Prototipação

Com as personas como guias, desenvolvemos soluções inovadoras para o novo site, priorizando aquelas que agregariam valor tanto para a empresa quanto para os usuários.

Construção do Styleguide.

Styleguide de cores reflete a identidade da empresa. Além disso, temos cores de status (sucesso, erro, aviso, ativo e inativo), cores de fundo e cinco tons de cinza, todos desempenhando papéis específicos na comunicação visual do site.

Documentando componentes no Figma.

Foi desenvolvida uma biblioteca de componentes no Figma para facilitar a criação de múltiplas telas no projeto. Transformei elementos dos protótipos em componentes reutilizáveis, economizando tempo e mantendo a consistência visual em todo o projeto.

O protótipo estava pronto e era só o começo.

O protótipo abraçou todas as áreas presentes no antigo site, oferecendo uma experiência visualmente aprimorada tanto na versão web quanto mobile. Com dedicação, aprimoramos e introduzimos novos recursos, visando uma navegação do usuário ainda mais cativante e eficiente.

O resultado foi um protótipo abrangente que não apenas encantou visualmente, mas também demonstrou de forma envolvente as melhorias e recursos adicionados, elevando a experiência do usuário a um patamar superior.

Métricas Propostas

Taxa de Conversão

Avaliar a porcentagem de visitantes que realizariam as ações desejadas no site.

Taxa de Rejeição

Indicaria quantos visitantes saem após visualizar apenas uma página.

Tempo Médio

Medir o tempo médio que os usuários passariam nas páginas do site.

Taxa de Retenção de Usuários

Mediria quantos visitantes retornam ao site após a primeira visita.