Design Notes

Este documento explica a arquitetura de informação da homepage do CogniThera™ para carcinoma renal. Cada secção inclui a decisão de design, raciocínio estratégico e notas de implementação CMS. A estrutura segue o jornada de decisão clínica de um oncologista avaliando opções terapêuticas.

01 — Header & Navegação

💡 Decisão de Design

O header fixo mantém a navegação primária sempre acessível. Os CTAs "Assessment" e "Design Notes" substituem os botões genéricos "Guardar" e "Partilhar" — oferecendo acesso direto a ferramentas interativas valiosas (wizard de avaliação e documentação de design). Esta mudança alinha com a arquitetura de informação da página: navegação essencial no centro, ferramentas de apoio à decisão no lado direito como CTAs.

CMS: Componente Navbar standard com slots configuráveis: logo, links de navegação central, CTAs personalizados no canto direito. Os CTAs podem ser configurados como links externos ou internos.

Mobile: Links colapsam em hamburger menu. CTAs mantêm-se visíveis ou movem-se para menu secundário.

02 — Hero Section
NOVO • Aprovado EMA 2024

CogniThera

Inibidor de checkpoint imunológico de última geração para carcinoma de células renais avançado

🏥

Mecanismo de Ação Inovador

💡 Decisão de Design

O hero combina aprovação regulamentar (EMA 2024) com o nome do produto e mecanismo de ação. A badge "NOVO" cria urgência de avaliação. Três CTAs distintos servem diferentes jornadas: dados clínicos (evidência), avaliação personalizada (ferramenta interativa), conteúdos educativos (aprendizagem). A imagem placeholder representa o contexto hospitalar e mecanismo de ação sem necessidade de fotografia real.

CMS: Componente Hero Banner standard. Campos configuráveis: badge, título, subtítulo, CTAs (até 3), imagem/ilustração. Gradient de fundo personalizável.

Mobile: CTAs empilham verticalmente. Texto mantém hierarquia com título proeminente.

03 — Sticky Navigation

Navegação secundária fixa que aparece após scroll do hero

💡 Decisão de Design

A sticky navigation secundária permite saltos rápidos entre secções de conteúdo denso. Profissionais de saúde não leem páginas sequencialmente — navegam por relevância. O link "Avaliação Personalizada" destacado em laranja cria ponto de conversão alternativo durante a navegação. A borda inferior ativa (border-bottom) dá feedback visual de localização.

CMS: Componente Sticky Navigation ou Secondary Nav. Links são âncoras de smooth scroll para IDs de secção. A avaliação personalizada é link externo para /assessment.

Mobile: Scroll horizontal com fade indicator. Smooth scroll mantém funcionalidade.

04 — Visão Geral (Overview)

Visão Geral

🏥

Indicação

Carcinoma de células renais (CCR) avançado em adultos, como monoterapia de primeira linha

💪

Mecanismo de Ação

Inibidor selectivo do PD-1 que potencia a resposta imunitária antitumoral

💉

Administração

Infusão IV a cada 3 semanas durante 30 minutos, ambulatório

😷

Perfil de Segurança

Perfil favorável vs. terapia padrão. Monitorização de eventos imunomediados

Resumo Terapêutico

O CogniThera representa um avanço significativo no tratamento do carcinoma de células renais avançado. Como inibidor de checkpoint imunológico de nova geração, demonstra eficácia superior no ensaio clínico de Fase III THERA-001, com benefício de sobrevivência global clinicamente significativo.

A sua selectividade aprimorada pelo receptor PD-1 minimiza os efeitos adversos imunomediados frequentemente observados com terapias convencionais, permitindo uma melhor qualidade de vida para os doentes durante o tratamento.

★ Pontos-Chave para a Prática Clínica

  • Administração conveniente em regime ambulatório
  • Sem necessidade de pré-medicação rotineira
  • Intervalo de 3 semanas permite melhor conciliação com vida quotidiana do doente
  • Redução de 40% no risco de progressão vs. sunitinibe (HR 0.60; IC 95%: 0.48-0.75)

💡 Decisão de Design

Os 4 cards organizam os pilares fundamentais de avaliação clínica em formato scannable. Cada oncologista prioriza diferentes aspectos — o layout permite saltar visualmente para o card relevante. A seção "Resumo Terapêutico" fornece contexto narrativo que liga os pontos entre as características individuais. O destaque verde com pontos-chave converte informação densa em bullets acionáveis (HR 0.60 com intervalo de confiança).

CMS: Componente Feature Cards (4-col grid) + Rich Text Block para o resumo. Campos: ícone, título, descrição. O destaque verde pode ser um componente Info/Alert Box customizado ou Rich Text formatado.

Mobile: Cards empilham em coluna única. O resumo terapêutico mantém-se como bloco de texto completo.

05 — Dados Clínicos

Dados Clínicos

Ensaio THERA-001

Estudo multicêntrico, randomizado, duplo-cego, controlado por placebo

FASE III
892
Doentes randomizados
24.8m
Mediana SG
42%
Taxa resposta objetiva
9.2m
Mediana LPP

Conclusão: O CogniThera demonstrou superioridade estatística e clinicamente significativa em sobrevivência global vs. sunitinibe (HR 0.68; IC 95%: 0.52-0.89; p<0.001).

Parâmetro CogniThera Sunitinibe Pembrolizumabe
Sobrevivência Global (mediana) 24.8 meses 19.2 meses 22.1 meses
Livre de Progressão (mediana) 9.2 meses 5.6 meses 8.4 meses
Taxa Resposta Objetiva 42% 27% 35%
Eventos Grau 3-4 15% 68% 22%

Resumo dos Dados Clínicos

PDF completo com todas as análises e referências

💡 Decisão de Design

Secção crítica para oncologistas — organizada em três dimensões via tabs: Eficácia (resultados), Segurança (tolerabilidade), Comparativos (vs. alternativas). Cada estudo apresenta estatísticas chave em formato scannable (grid de 4 métricas) antes do detalhe narrativo. A tabela comparativa permite avaliação direta contra terapias concorrentes (sunitinibe, pembrolizumabe) — essencial para decisão de prescrição. O download PDF no final serve profissionais que preferem documentos offline para arquivo ou apresentações.

CMS: Componente Tabbed Content para navegação entre eficácia/segurança/comparativos. Os estudos podem ser componentes de Card com campos estruturados (título, tipo de estudo, métricas, conclusão). A tabela comparativa pode ser um componente Table customizado ou Rich Text formatado.

Mobile: Tabs convertem-se em dropdown ou swipeable. Tabela comparativa com scroll horizontal (preservar todas as colunas). Métricas mantêm-se em grid 2×2.

06 — Conteúdos Educativos

Conteúdos Educativos

VÍDEO

Mecanismo de Ação do CogniThera

Explicação visual da interação PD-1/PD-L1 e restauração da resposta imunitária.

⏱ 8 min Básico
🎬
WEBINAR

Casos Clínicos em Oncologia Médica

Discussão de 3 casos práticos com Dr. Maria Santos e Dr. João Ferreira.

⏱ 45 min Intermédio
📈
INFOGRAFIA

Algoritmo de Tratamento CCR

Fluxograma de decisão terapêutica e posicionamento do CogniThera.

⬇ PDF Básico
🎤
PODCAST

Oncologia em Discussão - Ep. 23

Imunoterapia no CCR: evidências recentes e perspectivas futuras.

⏱ 32 min Avançado
VÍDEO

Gestão de Eventos Imunomediados

Protocolos práticos de identificação e tratamento de efeitos adversos.

⏱ 12 min Intermédio
🎬
WEBINAR

Resultados THERA-001: Análise Detalhada

Apresentação aprofundada do estudo pivotal com Dr. Ana Oliveira.

⏱ 60 min Avançado

💡 Decisão de Design

Grid de 6 cards em 3 colunas (desktop) oferecendo múltiplos formatos de conteúdo. Cada card inclui: thumbnail visual (gradiente com ícone), tipo de conteúdo (badge), título, descrição, duração (tempo ou tamanho PDF), e nível de complexidade (dot color-coded: verde=básico, amarelo=intermédio, vermelho=avançado). A filtragem por tipo permite ignorar formatos irrelevantes. O hover com translateY cria feedback tátil de interatividade.

CMS: Componente Content Cards com filtros. Campos: imagem/thumbnail, tipo (vídeo/webinar/infografia/audio), título, descrição, duração, nível (básico/intermédio/avançado), link. Filtros implementados via JavaScript client-side ou taxonomia do CMS.

Mobile: Grid 3 colunas converte para 1 coluna scrollável verticalmente. Filtros tornam-se chips scrolláveis horizontalmente.

07 — Recursos Adicionais

💡 Decisão de Design

Quatro colunas de recursos documentais (artigos, casos, guidelines, fichas técnicas). Cada coluna é uma listagem vertical compacta, otimizada para scan rápido. Badges "NOVO" e "DESTAQUE" priorizam conteúdo atualizado ou particularmente relevante. Esta secção serve como arquivo organizado — diferente dos conteúdos educativos (seção 06), que focam em formatos multimédia de aprendizagem.

CMS: Componente Multi-Column List (4 colunas). Cada coluna é uma lista de links com título e badge opcional. Os itens podem ser páginas do CMS ou links externos para publicações/journals.

Mobile: 4 colunas empilham em 2×2 ou 1 coluna. Listas mantêm estrutura compacta com touch targets adequados (mínimo 44px).

08 — Perguntas Frequentes (FAQ)

Perguntas Frequentes

Quais são os principais critérios de elegibilidade para tratamento com CogniThera?

O CogniThera está indicado para adultos com carcinoma de células renais avançado de risco intermédio ou favorável (segundo critérios IMDC). Os doentes devem ter ECOG 0-1 e função orgânica adequada. Contraindicado em doentes com doença autoimune ativa não controlada ou terapia imunossupressora sistémica.

Como gerir eventos imunomediados de Grau 2?

Qual o intervalo recomendado entre infusões?

Pode ser usado em doentes com função hepática comprometida?

Qual a interação com vacinas?

💡 Decisão de Design

FAQ categorizado por tema (eficácia, segurança, administração, contraindicações) permite ao médico navegar diretamente para questões relevantes. O formato accordion mantém a página compacta — apenas uma pergunta expandida de cada vez. As respostas são detalhadas clinicamente (ex: "ECOG 0-1", "critérios IMDC", "função orgânica adequada") — linguagem precisa que os oncologistas esperam. Serve como primeira linha de suporte antes de contactar Medical Information.

CMS: Componente Accordion ou Collapsible List. Campos por item: pergunta, resposta, categoria. Filtros implementados via JavaScript escondendo/mostrando itens por atributo data-category.

Mobile: Accordion funciona naturalmente com tap para expandir. Filtros podem ser dropdown ou chips horizontais.

09 — Call-to-Action Final

Precisa de mais informação?

A nossa equipa de Medical Information está disponível para apoiar a sua prática clínica

💡 Decisão de Design

CTA final posicionado após consumo completo do conteúdo. Captura utilizadores que têm questões específicas não cobertas pelo site. Duas ações distintas: contacto médico (questões complexas, imediato) vs agendamento de visita (relação com representante). O gradiente escuro cria contraste visual que destaca esta secção como ponto de decisão.

CMS: Componente CTA Banner ou Promo Section. Campos: título, subtítulo, botão primário (texto, link, ícone), botão secundário (texto, link, ícone), gradiente de fundo.

Mobile: Botões empilham verticalmente em largura total para facilitar toque.

10 — Rodapé de Conformidade

Referências Bibliográficas

  1. Oliveira A, et al. CogniThera in advanced renal cell carcinoma: THERA-001 phase III trial. N Engl J Med. 2024;390(8):712-724.
  2. Santos M, et al. Long-term survival outcomes with CogniThera: 3-year follow-up of THERA-001. Lancet Oncol. 2024;25(3):445-456.
  3. Ferreira J, et al. Safety profile of next-generation PD-1 inhibitors in RCC. J Clin Oncol. 2024;42(12):suppl. 4567.
  4. ESMO Guidelines Committee. Renal cell carcinoma: ESMO Clinical Practice Guidelines. Ann Oncol. 2024;35(2):123-135.

Última atualização: 7 de Março de 2026 | Data de aprovação EMA: 15 Janeiro 2024

Cognipharma

  • Sobre Nós
  • Áreas Terapêuticas
  • Pipeline
  • Investigadores

Apoio

  • Medical Information
  • Farmacovigilância
  • Contactos
  • FAQ

Legal

  • Política de Privacidade
  • Termos de Utilização
  • Política de Cookies
  • Acessibilidade

© 2026 Cognipharma. Todos os direitos reservados. | A informação nesta página destina-se exclusivamente a profissionais de saúde.

CogniThera é um medicamento sujeito a receita médica. Consulte a Resumo das Características do Medicamento para informação completa.

💡 Decisão de Design

O footer contém elementos regulamentares obrigatórios: referências bibliográficas completas (formato académico: autor, título, revista, ano), data de atualização do material, aprovação EMA, aviso de prescrição médica, e menção explícita a Farmacovigilância (requisito legal). A grid de links organiza navegação secundária (sobrenós, apoio, legal). O fundo escuro contrasta com conteúdo principal e sinaliza fim da página.

CMS: Componente Footer standard com múltiplas zonas: referências bibliográficas (rich text ordenado), grid de links (4 colunas), texto legal (rich text). Campos dinâmicos: data de atualização (auto ou manual), job code.

Mobile: Grid 4 colunas empilha em 2 colunas. Referências bibliográficas mantêm formato com scroll se necessário.

Resumo da Arquitetura de Informação

1

Hierarquia de Navegação Dupla

Header global com ações (guardar/partilhar) + Sticky navigation secundária para secções de conteúdo. Serve diferentes modos de navegação.

2

Progressive Disclosure

De visão geral (cards) para detalhe (tabs/accordion) para documentação (listas). O utilizador controla profundidade de informação.

3

Múltiplos Formatos de Conteúdo

Vídeos, webinars, infografias, podcasts, PDFs, artigos científicos. Diferentes profissionais consomem informação de formas diferentes.

4

Evidência Científica em Primeiro

Dados clínicos (THERA-001), estatísticas (HR 0.68), tabelas comparativas. Liderar com rigor científico, não claims promocionais.

5

Conformidade Integrada

Referências bibliográficas, Farmacovigilância, aviso de prescrição médica, destinatário exclusivo — parte estrutural, não apêndice.

Documento atualizado em 11/03/2026