Com a consolidação do Design System da Dito e o alinhamento da identidade visual da marca, identificamos uma oportunidade estratégica de aplicar essa nova estrutura ao blog de tecnologia da empresa. O blog, voltado para temas como desenvolvimento, design e produto, precisava refletir o novo momento da marca e se tornar um canal relevante de posicionamento técnico, cultura e atração de talentos.
Desafio
O blog apresentava problemas de usabilidade, inconsistência visual e conteúdos desatualizados. Esses fatores impactavam negativamente o número de acessos e enfraqueciam a autoridade da Dito como referência em tecnologia e produto.
Além da atualização visual, o projeto precisava fortalecer a integração com outros canais da empresa, como o site institucional e o blog principal, e apoiar a divulgação de eventos e iniciativas de employer branding da área de tecnologia.
Nossa abordagem
Trabalhamos em conjunto com os times de produto, marketing, conteúdo e engenharia para redesenhar o blog de forma colaborativa, com base em dados e na nova linguagem visual da marca. O objetivo era criar uma interface mais coesa, acessível e funcional, capaz de refletir a cultura da Dito e facilitar a produção e consumo de conteúdo técnico.
As etapas do projeto incluíram:
•Diagnóstico de problemas com base em métricas, mapas de calor e comportamento de navegação
• Benchmark com blogs de referência em tech e employer branding
• Mapeamento manual de fluxos e componentes existentes
• Construção de wireframes e protótipos navegáveis
• Rodadas de design critique com os times de design e marketing
• Testes de usabilidade com usuários internos
• Validação com stakeholders
• Handoff detalhado e acompanhamento com desenvolvedores
Integração com o Design System
O Design System da Dito foi o alicerce visual e estrutural do novo blog. Utilizamos componentes existentes, ajustamos padrões quando necessário e fortalecemos a governança sobre elementos compartilhados com o site institucional e outras propriedades digitais da empresa.
As reuniões e dinâmicas com os times de design e engenharia ajudaram a mapear variações, estados e padrões de uso. Esse processo reduziu retrabalho, organizou a documentação e garantiu uma entrega mais coesa.
Comunidade em foco
Criamos uma página dedicada para eventos, reunindo meetups anteriores, fotos, histórico e integração com plataformas de divulgação. Isso ampliou o alcance orgânico e fortaleceu a atuação da Dito como promotora de conhecimento técnico.
A página passou a responder por +32% dos acessos diretos ao blog e impulsionou as inscrições nos eventos em +25%, comparado ao cenário anterior.
Fortalecendo a marca empregadora
A área de carreiras foi redesenhada com foco em cultura e atração de talentos. Integramos as vagas com informações sobre os valores da empresa, o ambiente de trabalho e imagens da equipe.
Após o relançamento, observamos 1,7x mais acessos à seção de carreiras, e o conteúdo passou a ser usado ativamente pela equipe de People em apresentações e ações de employer branding.
Resultados alcançados
A nova versão do blog trouxe ganhos visíveis em várias frentes:
+28% no tráfego orgânico em três meses
+19% no tempo médio de permanência na página
+23% de aumento na taxa de clique em CTAs
40% de redução no tempo de produção de páginas, com componentes reutilizáveis
Mais autonomia para o time de conteúdo, que passou a publicar sem depender diretamente do time de design
Além das métricas, o blog se consolidou como um canal estratégico de comunicação, reforçando o posicionamento da Dito como empresa referência em produto e tecnologia.
Conclusão
O redesign do blog foi um trabalho colaborativo, que uniu estratégia de marca, design sistêmico e foco no usuário. O projeto resultou em uma plataforma mais consistente, funcional e alinhada à cultura da empresa, fortalecendo tanto a presença digital da Dito quanto sua relação com talentos, clientes e comunidade.
Ficou curioso?
Dá uma olhada em como o projeto ficou no final!
Dá uma olhada em como o projeto ficou no final!