Objetivos

1. Simplificar a navegação da plataforma

Reestruturar a arquitetura da informação e os fluxos de navegação para que os usuários consigam localizar relatórios, dashboards e funcionalidades com menos esforço cognitivo e menor número de cliques.

2. Reduzir a curva de aprendizado

Criar uma interface mais intuitiva, com padrões consistentes de navegação e organização de funcionalidades, facilitando a adaptação de novos usuários à plataforma.

3. Garantir uma transição segura para usuários atuais

Implementar as mudanças de forma gradual, evitando rupturas bruscas na experiência e garantindo continuidade no uso da plataforma durante o processo de redesign.

O desafio

O projeto de redesign do Deepo teve como objetivo simplificar e melhorar a experiência de uso de uma plataforma complexa de gerenciamento de dados de mídia. Anteriormente, a interface era desenvolvida “de dev para dev”, com fluxos confusos e terminologia difícil de entender.

O desafio foi transformar essa plataforma técnica e especializada em uma solução mais intuitiva, funcional e acessível para diferentes perfis de usuários, simplificando fluxos complexos e tornando a navegação mais clara sem perder eficiência.

B2BREDESIGNSaaS

Redesign da Plataforma Deepo

Overview

Produto: Plataforma Deepo, sistema de gerenciamento de dados de mídia utilizado para organizar, analisar e acompanhar informações relacionadas a campanhas e ativos digitais.

Usuários: Profissionais de mídia, marketing e times internos responsáveis pela gestão e análise de dados de campanhas.

Times envolvidos: Produto, Engenharia e Design.

Meu papel: Product Designer responsável pelo redesign da plataforma. Atuei na análise da experiência existente, reorganização da arquitetura de informação e no desenho de uma interface mais clara e intuitiva, com foco em melhorar a navegação e a compreensão dos dados dentro da plataforma.

Na etapa de Entrega, o objetivo foi garantir que o redesign do Deepo fosse implementado com sucesso, com todas as mudanças no design aplicadas de forma eficaz. Isso envolveu concluir as alterações e preparar a versão 2.0 para o uso dos usuários.

Atividades:
- Testes Finais de Usabilidade: Realizamos testes rápidos para validar a navegação e interações, garantindo que a experiência fosse intuitiva e sem falhas.
- Ajustes de UX: Com a colaboração da equipe técnica, fizemos ajustes visuais e de usabilidade, garantindo que os usuários já familiarizados com a plataforma pudessem se adaptar facilmente à nova versão.
- Documentação: Criamos materiais explicativos detalhando as mudanças feitas e como isso impactaria a navegação e a experiência do usuário.
- Treinamento: Preparamos a equipe interna de atendimento para oferecer suporte adequado, garantindo que todos estivessem prontos para ajudar os usuários com as novidades.

Lançamento Gradual

Optamos por um lançamento gradual, considerando que o Deepo já estava em uso por dezenas de usuários, e uma mudança abrupta poderia causar confusão. Portanto, implementamos a nova versão de forma controlada, dividindo o lançamento em etapas:

Atualização Visual Inicial: Implementamos a nova identidade visual nas telas, permitindo que os usuários se acostumassem aos poucos com a mudança, sem afetar de imediato os fluxos e funcionalidades.
Ajustes Gradativos: Introduzimos ajustes mais específicos ao longo do tempo, refinando as funcionalidades e fluxos para garantir uma transição suave para os usuários.

O trabalho não termina no lançamento.

Após o lançamento, nosso trabalho continuou com o planejamento de futuras atualizações. A ideia é continuar aprimorando o Deepo com base no feedback dos usuários e nas necessidades do mercado, garantindo que o produto evolua conforme as exigências do ambiente e dos usuários.

Entrega

Desenvolver

A fase de desenvolvimento foi focada em transformar todas as ideias e decisões estratégicas em soluções tangíveis. Nesta etapa, nos concentramos em organizar a estrutura da plataforma, garantir uma navegação eficiente, priorizar funcionalidades e planejar a implementação de maneira escalável.

1. Criação do Sitemap

Objetivo: Organizar a estrutura de informações e funcionalidades do Deepo, visando tornar a navegação mais eficiente e intuitiva para os usuários.
Atividades:
- Mapeamento do sitemap atual: Inicialmente, criamos um sitemap detalhado da versão existente da plataforma, identificando pontos de melhoria e áreas com navegação complexa.
- Agrupamento de seções semelhantes: Baseado na jornada do usuário criada na etapa anterior, organizamos as seções de acordo com as tarefas diárias dos usuários, simplificando o fluxo e reduzindo o número de cliques necessários para acessar as informações essenciais.
- Criação do novo sitemap visual: Desenvolvemos um novo sitemap que representava todas as seções e subseções do Deepo, com uma hierarquia de funcionalidades mais clara e otimizada.

2. Benchmarking de Menus

Objetivo: Avaliar as melhores práticas de navegação e estruturação de menus nas plataformas concorrentes, com foco em usabilidade e experiência do usuário.
Atividades:
- Realizamos uma análise de Dataddo, Spotify, Monday e Gmail para observar como elas organizam e estruturam seus menus.
- Identificamos a utilização de menus laterais, dropdowns, e barras de navegação horizontal, bem como os padrões de agrupamento de funcionalidades.
Resultado: Definimos uma estrutura de menu lateral no Deepo, com categorias e subcategorias intuitivas, alinhada às melhores práticas observadas.

3. Alteração Gradual da Interface

Como o produto já estava em uso por diversos usuários, não podíamos interromper o funcionamento do sistema e esperar que todas as alterações nos fluxos fossem implementadas de uma vez. Por isso, adotamos uma abordagem gradual para garantir que a experiência dos usuários fosse consistente e que eles tivessem tempo para se adaptar às mudanças.

Atividades:
- Revisão da Identidade Visual: Começamos com a atualização visual da interface, aplicando a nova identidade gradualmente, tela por tela. Alteramos cores, tipografia e ícones, mantendo a estrutura e o fluxo atual para não causar rupturas na experiência dos usuários. Isso ajudou a introduzir as mudanças visuais sem sobrecarregar os usuários com novos comportamentos de navegação imediatamente.
- Comunicação com os Usuários: Para facilitar a adaptação, enviamos comunicações periódicas aos usuários, explicando as mudanças que estavam sendo implementadas e os benefícios da nova identidade visual. Isso também ajudou a gerenciar expectativas e reduzir a resistência a alterações.
- Testes com Grupos de Usuários: Antes de lançar completamente a nova identidade visual, testamos as mudanças com um grupo seleto de usuários para verificar sua aceitação e ajustar pequenos detalhes. Esse feedback foi essencial para refinar a interface antes de escalar para toda a base de usuários.
- Monitoramento de Adoção: Após o lançamento gradual da nova identidade, acompanhamos de perto a adoção pelos usuários, analisando dados de comportamento e feedback. Isso permitiu ajustes rápidos e iterativos, com base no uso real do produto.

Ao introduzir as mudanças de maneira gradual, a transição foi suave, garantindo que os usuários continuassem utilizando a plataforma sem interrupções significativas, enquanto se familiarizavam com as novas funcionalidades e fluxos de forma progressiva.

Interface Visual anterior.

Desenvolver

Definição

Na etapa de Definição, o objetivo principal foi sintetizar as descobertas feitas durante a fase de Descoberta, identificando as principais necessidades dos usuários, problemas a serem resolvidos e as oportunidades de melhoria. Essa fase envolve também o alinhamento entre as equipes (design, desenvolvimento e stakeholders) para garantir que todos estão na mesma página quanto aos objetivos do projeto.

1. Análise de Usuários e Personas: Com base nas entrevistas e dados coletados, criamos personas para representar os diferentes tipos de usuários da plataforma Deepo. As personas ajudaram a trazer foco e clareza sobre quem está utilizando a plataforma e quais são as suas principais necessidades.
2. Mapeamento de Jornada do Usuário: Realizamos um mapeamento da jornada do usuário, identificando os principais momentos de interação com o produto. Durante essa análise, conseguimos visualizar onde os usuários enfrentam dificuldades e onde a experiência poderia ser mais fluida e eficiente.
3. Definição de Problemas: Com as informações organizadas e as personas mapeadas, focamos em definir o problema principal que o redesign deveria resolver.	“Os usuários do Deepo têm dificuldades em navegar pela plataforma e acessar relatórios, resultando em uma experiência confusa e pouco intuitiva.”
4. Definição de Objetivos e Metas A partir do problema definido, alinhamos os objetivos do projeto com os stakeholders e com o time de desenvolvimento. A definição clara dos objetivos ajudou a garantir que todos os envolvidos estivessem focados nos mesmos resultados. Esses objetivos orientaram a criação do design e o desenvolvimento das soluções propostas.	Objetivos de UX: Tornar a navegação da plataforma mais intuitiva e fluida. Melhorar a interação com relatórios e dados de maneira eficiente. Reduzir a curva de aprendizado para novos usuários. Objetivos de Negócio: Aumentar o engajamento e a adoção da plataforma pelos usuários. Melhorar a taxa de retenção de usuários. Reduzir o suporte ao cliente através de uma interface mais amigável.
5. Matriz de Priorização Utilizamos a Matriz de Priorização para mapear e organizar as funcionalidades com base em dois critérios principais: Impacto e Urgência. Impacto: Avaliamos como cada funcionalidade ou melhoria afetaria diretamente o dia a dia dos usuários, ou seja, se ela traria uma melhoria significativa para a experiência de uso da plataforma. Urgência: Analisamos a criticidade de cada funcionalidade, ou seja, qual era a necessidade mais urgente, considerando problemas ou dificuldades que os usuários estavam enfrentando de forma mais imediata.

Definição

Discovery

Processo de Design

Seguindo o modelo Double Diamond, o processo de redesign da plataforma envolveu quatro etapas principais: Descoberta, Definição, Desenvolvimento e Entrega. Cada etapa foi guiada por pesquisa, feedback contínuo dos usuários e iterações focadas na usabilidade.

Descoberta

Nesta fase, o objetivo foi explorar o problema, coletar informações essenciais e entender profundamente as necessidades dos usuários e dos stakeholders. Aqui, buscamos construir uma base sólida de conhecimento para embasar o desenvolvimento da solução.

1. Pesquisa Secundária:

Para dar início ao processo, realizamos uma pesquisa secundária (desk research) abrangente. Essa etapa foi fundamental para entender o contexto no qual o Deepo está inserido, considerando tendências de mercado, concorrência e melhores práticas de ferramentas de visualização de dados.

2. Análise da situação atual:

Em seguida, dedicamos um tempo significativo para analisar a plataforma Deepo tal como ela existia. A análise foi detalhada, cobrindo os seguintes aspectos:

Pontos fortes da plataforma: Identificação de funcionalidades que já atendem bem aos usuários e são bem recebidas pela equipe interna.
Limitações e desafios: Levantamos as principais dificuldades que os usuários estavam enfrentando, como interface confusa, falta de personalização nos relatórios, baixa integração com outras ferramentas de dados e uma curva de aprendizado longa.
Feedbacks dos usuários: Analisamos todos os feedbacks disponíveis (formulários, registros de chat, relatórios internos) para entender o que os usuários mais valorizavam e o que mais os frustrava.

3. Entrevistas com Usuários:

A realização de entrevistas abertas com usuários foi essencial para obter um entendimento mais detalhado das necessidades reais e das dificuldades enfrentadas no uso do Deepo.

Criação de roteiro de entrevistas: Desenvolvemos um roteiro estruturado, mas flexível o suficiente para permitir que os usuários compartilhassem suas experiências de forma livre. As entrevistas buscaram explorar questões como:
- O que eles mais gostaram da plataforma?
- Quais tarefas são mais desafiadoras e frustrantes?
- Como as funcionalidades atuais atendem (ou não) às suas necessidades diárias?
Objetivo: As entrevistas proporcionaram insights valiosos sobre os pontos de dor dos usuários e como o design poderia ser ajustado para tornar a plataforma mais intuitiva e eficiente.

4. Workshop com desenvolvedores:

Com o objetivo de alinhar as expectativas e entender melhor a perspectiva da equipe técnica, facilitamos um workshop colaborativo com os desenvolvedores responsáveis pelo produto. Este workshop foi uma oportunidade de explorar as expectativas dos desenvolvedores em relação ao redesign e coletar sugestões para melhorar a arquitetura da plataforma.

Expectativas dos desenvolvedores: Identificamos as limitações técnicas que poderiam afetar o design e discutimos como equilibrar as necessidades dos usuários com a viabilidade técnica.
Sugestões da equipe de desenvolvimento: Durante o workshop, a equipe técnica contribuiu com ideias sobre melhorias na integração com outras ferramentas, automação de processos e simplificação da experiência do usuário, ajudando a alinhar tanto o design quanto as limitações técnicas do produto.