Showroom Cogitav Qualify
Formatos + design + componentes

Veja como o Qualify pode mudar sem deixar de ser o mesmo produto.

Explore estruturas, direções visuais e diferentes formas de apresentar perguntas, respostas, progresso, identidade e media. As combinações são configuradas pela Cogitav.

Utilize apenas dados fictícios. As submissões servem exclusivamente para demonstrar o percurso da oportunidade e não são enviadas a uma empresa real.

01 · FORMATOS

Cinco estruturas para contextos diferentes.

O formato define a estrutura exterior. A lógica de qualificação pode manter-se enquanto a experiência muda para se integrar melhor numa página, campanha ou serviço.

Formato 1
Dividido / contextual
Urgência + estimativa
🚨 💧 ⚡

HabitaPro — Soluções para Casa

Assistência Técnica Urgente

Uma experiência mais consultiva: o contexto, a promessa e os sinais de confiança permanecem visíveis enquanto o visitante responde uma pergunta de cada vez.

  • Contexto comercial persistente
  • Perguntas numa área dedicada
  • Ideal para serviços que exigem explicação
Experimentar formato
Formato 2
Centrado / guiado
Pré-diagnóstico + score
❄️ 🌱 🌬️

HabitaPro — Soluções para Casa

Climatização Ideal

Começa com uma apresentação curta do valor da experiência e conduz depois o visitante por um percurso limpo, focado e progressivo.

  • Entrada editorial com CTA
  • Percurso leve e focado
  • Ideal para páginas próprias e campanhas
Experimentar formato
Formato 3
Cartão / embed
Projeto + orçamento
🏗️ 🔨 🎨

HabitaPro — Soluções para Casa

Projeto de Remodelação

Uma experiência compacta e autónoma, com cabeçalho de marca persistente e conteúdo encapsulado num cartão pensado para integrar dentro de uma página existente.

  • Formato compacto para iframe
  • Marca e contexto sempre visíveis
  • Ideal para páginas de serviço
Experimentar formato
Formato 4
Conversacional
Qualificação comercial
💬 ⚙️ 📈

Ponte Norte Sistemas

Automação de Processos

As perguntas continuam determinísticas, mas a apresentação ganha ritmo de conversa: contexto inicial, respostas anteriores visíveis e uma interação progressiva sem fingir que existe um chatbot ou IA.

  • Histórico recente de respostas
  • Ritmo de conversa guiada
  • Ideal para diagnóstico e descoberta
Experimentar formato
Formato 5
Compacto / inline
Integração + contexto
▱ ▱ ▱

Ponte Norte Sistemas

Integração de Sistemas

Remove a moldura exterior e começa diretamente na interação. Foi pensado para entrar no meio de uma landing page ou página de serviço sem parecer uma aplicação dentro de outra página.

  • Sem hero ou cartão exterior
  • Integração visual discreta
  • Ideal para quem quer apenas a interação
Experimentar formato

02 · DIREÇÕES VISUAIS

A mesma base pode ter personalidades diferentes.

Estes três exemplos estão ativos no próprio runtime. Forma, superfície, densidade e progresso mudam sem alterar o motor de qualificação.

Visual direction

PERGUNTA 2

Flat · Compacta · Passos

Preciso

Uma direção mais técnica e funcional, com menor raio, pouca profundidade e maior densidade.

Split
Preciso
Flat
Compacta
Passos
Abrir exemplo
Visual direction

PERGUNTA 2

Soft · Confortável · Barra

Equilibrado

O ponto intermédio: hierarquia clara, sombras subtis e um ritmo visual confortável.

Centered
Equilibrado
Soft
Confortável
Barra
Abrir exemplo
Visual direction

PERGUNTA 2

Elevated · Espaçosa · Minimal

Suave

Mais respirado e editorial, com maior curvatura e profundidade para serviços de maior consideração.

Card
Suave
Elevated
Espaçosa
Minimal
Abrir exemplo

03 · COMPONENTES

A personalização também acontece dentro de cada pergunta.

Nem todas as perguntas precisam de ter a mesma apresentação. O Qualify pode combinar diferentes tratamentos ao longo do percurso quando isso melhora a experiência.

Apresentação da pergunta

Standard, Hero, Compacta, Visual e Media Split.

Hero
Media split

Apresentação das respostas

Lista, Cards, Image Cards, Botões, Tiles e Image Cover.

Tiles
Casa
Empresa
Outro
Não sei
Lista
Urgente
Planeado
A avaliar

Progresso

Barra, Passos ou Minimal, consoante o percurso.

Barra
Passos
Minimal03 / 05

Identidade

Cores, logótipo, fundo e imagem contextual.

NOVA

Ícones & media

Ícones curados, imagens por opção e media por pergunta.

⌂
⚡
◫

Forma & superfície

Preciso, Equilibrado ou Suave; Flat, Soft ou Elevated.

Preciso
Equilibrado
Suave

04 · PUBLICAÇÃO

Três formas de colocar o Qualify num website.

O mesmo Qualify pode funcionar como destino próprio, ficar integrado dentro de uma página ou abrir num modal sem tirar o visitante do contexto onde clicou.

LINK DIRETO

Experiência dedicada

Ideal para campanhas, email, redes sociais ou um CTA que leva diretamente para o percurso.

Abrir exemplo

EMBED

Integrado na página

O Qualify ocupa uma zona da página e faz parte do conteúdo e da jornada existente.

iframe responsivo

MODAL

Novo

Botão que abre o Qualify

Mantém o visitante na página e abre a experiência por cima do conteúdo. Em mobile ocupa o ecrã.

PEDIR UMA DEMONSTRAÇÃO

Quer ver o Qualify aplicado à sua empresa?

Conte-nos o que pretende qualificar. Analisamos o processo e podemos preparar uma demonstração com uma estrutura, lógica e apresentação adequadas ao seu contexto.

O pedido é feito no website da Cogitav para mantermos o mesmo formulário comercial, tracking e processo de acompanhamento.

Próximo passo

Diga-nos o tipo de processo, serviço ou oportunidade que pretende qualificar.