Construção de CMS para unificação de ferramentas e informações de produtos
SOBRE
Trata-se da construção de uma ferramenta para unificar as informações de produto, atendendo colaboradores das Lojas Renner S.A. que antes precisavam de três plataformas diferentes para executar tarefas diárias. O foco principal recaiu sobre as equipes responsáveis pela geração de mídias e pelo enriquecimento dos produtos, permitindo que gerenciassem e atualizassem dados de forma mais ágil e simplificada.
MINHA CONTRIBUIÇÃO
Como Product Designer Sênior, liderei o projeto em conjunto com a PM e o Dev Lead, para definir prioridades, conduzir pesquisas e alinhar requisitos. Minha responsabilidade incluiu a condução de entrevistas e a criação de blueprints AS IS e TO BE. Também desenvolvi protótipos de baixa e alta fidelidade no Figma, validei fluxos críticos, defini padrões de UI e conduzi testes de usabilidade, garantindo consistência visual e eficiência antes do lançamento.
DESAFIOS DE DESIGN
-
Integração de múltiplos módulos: A equipe da Renner enfrentava desafios com ferramentas fragmentadas para gerenciamento de produtos. Meu objetivo foi criar uma solução que centralizasse todas as operações, reduzindo o tempo de execução e garantindo consistência nos cadastros e mídias.
-
Escalabilidade: Garantir que a navegação e os componentes comportem novos módulos e fluxos.
-
Acessibilidade: Adotar boas práticas (cores, legibilidade, tamanhos) para atender um público amplo.
-
Adaptação Cultural: Conciliar processos internos e novas abordagens de design, promovendo adesão sem resistência.
PROJETO
Aplicação CMS
LINHA DO TEMPO
Agosto de 2023 - Dezembro de 2024
USUÁRIO ALVO
Colaboradores das Lojas Renner S.A.
TAMANHO DA EQUIPE
15 pessoas
PRINCIPAIS RESULTADOS ALCANÇADOS
-
Redução de 76,67% no tempo de execução de fluxos críticos;
-
Diminuição de 40% na taxa de cliques, atendendo e superando OKRs definidos.
01/
Pesquisa
Ferramentas:
-
Escopo
-
Planejamento de Discovery
Durante a pesquisa, meu principal objetivo foi entender a fundo o problema e alinhar expectativas entre os envolvidos. Para isso, estudei o levantamento que já havia sido feito pela equipe e busquei conhecer os usuários e suas dores.
Insights do discovery
-
Após finalizar o processo de pesquisa foi possível conhecer as principais dores dos usuários e a partir de então traçamos estratégias para resolução dos problemas.
-
Ficou também nítido que precisávamos melhorar a hierarquia de informações das ferramentas e pensar como iriamos agrupa-las.
02/
Idealização
Ferramentas:
-
Personas
-
Avaliação heurística
-
Jornada do Usuário
Para garantir que as decisões de design fossem fundamentadas em insights sólidos e refletissem as reais necessidades dos usuários, adotamos três ferramentas fundamentais durante a etapa de ideação: blueprint AS IS, estudo de personas por jornada de uso dos produtos/área, mapeamento da jornada do usuário e estudo das ferramentas existentes. Em conjunto, essas abordagens foram estratégicas para detectar problemas, priorizar soluções e alinhar o produto às expectativas de diferentes públicos.
Blueprint AS IS
Utilizamos o blueprint para mapear todas as etapas e interações do produto de forma clara e visual, garantindo que equipes e stakeholders tivessem uma visão unificada do fluxo. Dessa forma, conseguimos identificar lacunas, alinhar expectativas e priorizar melhorias, tornando o desenvolvimento mais eficiente e fundamentado em dados concretos.
Estudo de personas
Permitiu o aprofundamento nas motivações e comportamentos de cada perfil, ajustando o design às demandas específicas.
Mapeamento da Jornada do Usuário
Paralelamente, aplicamos o Mapeamento da Jornada do Usuário para entender cada fase de uso, bem como as motivações e dificuldades enfrentadas pelos usuários ao longo do processo. Dessa forma, identificamos pontos críticos e oportunidades de melhoria, possibilitando o alinhamento de expectativas, priorização de soluções e construção de uma experiência mais eficiente e fundamentada em dados concretos.
LEGENDA: IMAGENS DE REFERÊNCIA AO BLUEPRINT AS IS
LEGENDA: IMAGEM DOS FLUXOS MAPEADOS
LEGENDA: FERRAMENTAS AS IS
03/
Prototipação
Na etapa de prototipação, os trabalhos foram iniciados do zero, criando arquivos e elaboração do Style Guide, encaminhamento para Design System, até o desenvolvimento de protótipos funcionais realistas e de alta fidelidade para validação com os colaboradores.
04/
Validação
Na sequência do período de prototipação, conduzi testes de usabilidade de forma não moderada com ferramentas como Maze, e de forma moderada por videoconferência.
Os estudos foram fundamentais para coletar insights valiosos e identificar falhas de interface, fluxo e usabilidade de maneira precoce, antes da fase de desenvolvimento da solução. Essa abordagem proativa garantiu um refinamento eficaz do produto, assegurando uma experiência do usuário otimizada e alinhada com as expectativas e necessidades do público-alvo.
LEGENDA: HEATMAPS DOS TESTES DE USABILIDADE
LEGENDA: DOCUMENTAÇÃO DE RESULTADOS
05/
Handoff
Além da entrega das interfaces, foi possível permanecer próximo aos desenvolvedores, com disponibilidade total para esclarecer dúvidas e revisar pontos de melhoria que poderiam ser tecnicamente mais interessantes e tratados pela interface.
Outros projetos
Construção de CMS para unificação de ferramentas e informações de produtos
WEBSITE TEREZA PEREZ COLLECTION