Rede Bandeirante
Uma jornada de reformulação online
Contexto
No dinâmico cenário do varejo, a adaptação às demandas digitais tornou-se imperativa. A Rede de Supermercados Bandeirante, consciente dessa necessidade, embarcou em uma empolgante jornada de reformulação de seu site para se alinhar às expectativas modernas e proporcionar uma experiência aprimorada aos seus clientes.
Objetivo
O principal objetivo do projeto foi redefinir a presença online da Bandeirante, proporcionando aos clientes uma plataforma intuitiva, responsiva e rica em recursos. A reformulação visava criar uma experiência digital que refletisse a qualidade e o compromisso da empresa com a satisfação do cliente
O que é?
Processos de design
Problema
Benchmark
Hipóteses
Validação
Lançamento
Problema
No início do projeto de reformulação do site da Rede de Supermercados Bandeirante, o processo de design iniciou-se com uma profunda investigação para identificar os desafios e as oportunidades presentes na experiência digital atual da empresa. Este estágio crucial, denominado "Identificação do Problema", buscou compreender as lacunas entre as expectativas dos clientes e a realidade do site existente, ou seja, colocamos frente a frente as perspectivas do problema na visão do sistema, do usuário e na visão do negócio.
Análise qualitativa do problema
O propósito desta análise é compreender as principais complicações sob a perspectiva do usuário, reunindo suas impressões, as visões dos stakeholders e de todos os participantes do processo. Isso será alcançado por meio de entrevistas, criação de personas e sessões de brainstorming. Em resumo, a intenção é engajar o usuário desde as fases iniciais do processo, assegurando que o desenvolvimento atenda às suas necessidades e proporcione um valor genuíno.
Definição de prioridades
Após ouvir as necessidades do negócio, do usuário e da equipe de desenvolvimento conseguimos mapear diversos problemas e definir quais iriamos atacar nesta fase do projeto, chamamos essa lista de Requisitos do Projeto e seguiu sendo a base da nossa criação.
Página da Empresa (Nossa história)
Melhorar a navegação da página
Home
Mais apelo para compras
Seção de blog
Organização de banners
Trabalhe conosco
Recriar o fluxo de navegação
Recriar formulários de inscrição em vagas
Recriar páginas de vagas
Página de ofertas
Redesign do caderno de ofertas
Página de campanhas
Redesign página de campanhas
Benchmark
Na fase de benchmarking do projeto Bandeiratens, estudamos atentamente as soluções adotadas pelos principais players do mercado. O objetivo era claro: identificar o que funciona, o que não funciona e como podemos melhorar.
Examinamos gigantes do setor, observando suas abordagens em navegação, recursos interativos, usabilidade e experiência móvel. A ênfase estava em aprender com o que os melhores fazem bem. Abaixo um exemplo:
Identificamos pontos fortes notáveis, desde interfaces intuitivas até sistemas de busca eficazes e experiências personalizadas do usuário. Esses destaques se tornaram referências cruciais para nossa própria jornada de design. Não ignoramos os desafios enfrentados pelos líderes do setor. Seja complexidade desnecessária ou falhas na usabilidade, analisamos as áreas onde até os melhores tropeçam.
Desenvolvimento das hipóteses
Nesta fase fazemos um cruzamento de informação entre o que coletamos do benchmark e dos problemas que foram definidos, bem como alinhamos entre nós uma primeira proposta para solucionar o problema, na prática, vamos sair dessa fase com soluções palpáveis.
Wireframes
A elaboração de wireframes nos permitiu visualizar o projeto de uma forma mais ampla e direta, bem como nos ajuda a entender qual o percurso do usuário dentro do site, além de acelerar o processo de desenvolvimento.
UI Kit
Com o objetivo de organizar nosso projeto e de acelerar o desenvolvimento na parte da entrega montamos um UI Kit do projeto, definindo familia de fontes e tamanho, cores e alguns elementos.
Nosso objetivo é agilizar a entrega para coletar a validação o mais rápido possível.
Design e validação
Nesta fase começamos a desenvolver protótipos de alta fidelidade com base nas soluções encontradas, também são feitas as validações necessárias das telas, para atender o nosso resultado. Este é um projeto que ainda não está acabado, e estamos na fase de validação, neste momento estamos realizando alguns testes para quantificar os resultados da mudança.
Resumo do projeto
A transformação do site da Bandeiratens foi um projeto incrivelmente gratificante, redefinindo a presença digital da marca. Apesar de ainda em andamento, os resultados até agora são promissores, destacando melhorias significativas na usabilidade e na experiência do usuário. Agradeço profundamente à minha dedicada equipe, cuja colaboração e expertise foram fundamentais para alcançar este marco.
Mateus Ramos
Natan Puggian
Lucas Henrique