Uma mensagem e uma ação por seção: a home da AstraZeneca Brasil
Participei do redesign da página inicial do site institucional da AstraZeneca Brasil, em uma equipe grande. A home precisava falar de muita coisa ao mesmo tempo, e a maior parte do trabalho foi decidir o que cada parte da página deveria dizer e pedir.
O desafio
Uma home institucional de farmacêutica reúne a empresa, as áreas terapêuticas, programas para pacientes, conteúdo para profissionais de saúde, vagas, SAC e imprensa. Com tanto conteúdo, o risco é a página virar um índice: muitos links, nenhuma hierarquia.
Trabalhar em uma equipe grande
[TEXTO: conte em 2 ou 3 frases como era o trabalho com o time. Quem fazia o quê, como as decisões eram aprovadas, o que você aprendeu sobre trabalhar dentro de um processo maior.]
Partir do sistema global da marca
Em vez de inventar um padrão novo para o Brasil, partimos do site global da AstraZeneca para herdar linguagem e navegação: magenta, mostarda, títulos em serifa e fotos de pessoas reais. Quem conhece a marca lá fora reconhece a marca aqui.
Uma ação principal por bloco
Cada seção ganhou uma única mensagem e um único botão. O Fazbem leva a conteúdos e benefícios, o AZMED ao portal para profissionais de saúde e o “Você pode!” às vagas. Um não disputa atenção com o outro, e a pessoa entende o que fazer em cada bloco sem comparar opções (Nielsen Norman Group, “Primary & Secondary Action Buttons”).
Componentes que se repetem
Os blocos foram montados como componentes reutilizáveis. Os mesmos cards aparecem com foto ou em cor sólida e se encaixam em grade, do SAC à imprensa. O carrossel de banners também segue um formato único para três temas: instituição, áreas terapêuticas e diversidade.
O hero em vídeo
O topo da página abre com vídeo e usa os colchetes dourados da marca para enquadrar o olhar. As áreas terapêuticas ganharam imagens próprias em dupla exposição, para que cada área tenha cara própria sem fugir do sistema.
Decisões de produto e UX
- Sistema global: linguagem e navegação herdadas do site da marca.
- Uma ação por bloco: cada seção com uma mensagem e um botão.
- Componentes: cards e banners que se repetem com variações.
- Hero em vídeo: os colchetes da marca enquadrando o olhar.
- Aprovação regulatória: a página passou pelo fluxo da indústria farmacêutica antes de ir ao ar.
O que eu aprendi
Em uma empresa global e regulada, o melhor design nem sempre é o mais novo. É o que respeita o sistema que já existe e ainda assim deixa cada parte da página mais clara. Organizar uma mensagem e uma ação por bloco foi o que tornou possível dizer muita coisa sem virar um índice.
Referências
- Nielsen Norman Group. Primary & Secondary Action Buttons.