PROCESSO

O primeiro rascunho ainda não tem cores.

Começa com perguntas, páginas e conteúdo. O visual só entra quando já sabemos o que o site precisa de explicar e permitir fazer.

Processo real / Caprichos da Allê

Mapa. Wireframe. Protótipo. Site.

Estas foram as quatro etapas usadas para organizar o catálogo e o percurso de encomenda antes da publicação.

01SitemapEstrutura validada
Estrutura / catálogo digital
01InícioApresentação + entrada no catálogo
02

Catálogo

27 produtos

BolosDocesSalgados
03

Como funciona

4 passos

EscolherPersonalizarEnviar
04

Contacto

2 canais

FormulárioWhatsApp
4 páginas principais3 categorias1 pedido preparado
02WireframePercurso sem decoração
01
02

Fotografia da Allê

Enquadramento definido aqui

Bolos decoradosDoces especiaisSalgados para festas
03ProtótipoInteração testável
Protótipo / página inicial ligações ativas

CAPRICHOS DA ALLÊ

Identidade ainda não aplicada

CatálogoComo funcionaContactoEncomendar
01Título principal

Caprichos
da Allê

Bolos, doces e salgados feitos por encomenda, com o cuidado de quem prepara cada detalhe para tornar a tua festa especial.

Texto secundário a validar com a cliente

Ver catálogo 02Fazer encomenda
Bolos decorados·Doces especiais·Salgados
03
4:5

allê-hero.jpg

Ponto focal e corte aprovados

01 Conteúdo real02 Ligações clicáveis03 Imagem ainda por aplicar
04Interface publicadaCaprichos da Allê · 2026
Interface final publicada do projeto Caprichos da Allê
Ver decisões do projeto

Cinco etapas, do primeiro contacto ao acompanhamento.

As quatro primeiras acontecem uma vez. A quinta continua enquanto o plano estiver ativo.

  1. 01

    Descobrir

    Começo por fazer perguntas.

    Quero perceber o que vendes, a quem, como chegam hoje os pedidos e onde o processo está a falhar. Desta conversa sai uma lista de prioridades — não um documento cheio de palavras bonitas.

    • Reunião inicial
    • Objetivos e público
    • Lista de prioridades
  2. 02

    Definir

    Organizo páginas e conteúdo.

    Faço o mapa do site, decido a ordem da informação e desenho os primeiros wireframes. Nesta fase já se consegue seguir o percurso de quem entra, mesmo sem cores nem fotografias.

    • Mapa do site
    • Estrutura de conteúdo
    • Wireframes principais
  3. 03

    Desenhar

    Agora já faz sentido abrir o visual.

    Escolho tipografia, cor, imagem e movimento e aplico tudo aos ecrãs principais. Recebes um protótipo navegável para veres o site antes de começar o desenvolvimento e pedes ajustes dentro das rondas incluídas no teu plano.

    • Direção visual
    • Ecrãs responsivos
    • Protótipo navegável
  4. 04

    Construir

    Transformo os ecrãs num site funcional.

    Desenvolvo por fases num endereço privado que podes acompanhar. Testo tamanhos de ecrã, velocidade, acessibilidade, formulários e integrações antes de publicar.

    • Desenvolvimento
    • Integrações
    • Testes técnicos
  5. 05

    Acompanhar

    Publico — e continuo contigo.

    Ligo o domínio, preparo os acessos e mostro-te o que passas a ter à mão. Depois de publicado, o website entra na fase de acompanhamento do teu plano: trato do alojamento, da manutenção técnica, da segurança e dos restantes serviços incluídos, para não teres de gerir a parte técnica sozinho.

    • Publicação
    • Acessos e formação
    • Acompanhamento do plano

Comparação visual

A mesma clínica, antes e depois de reorganizar a página.

À esquerda, sete opções no menu e dois botões com o mesmo peso. À direita, o problema, o especialista e os horários aparecem logo no primeiro ecrã.

Antes / página originalSete opções no menu
☎ 220 000 000 · geral@clinicabemestar.ptSeg–Sex: 08:00–20:00

Clínica Bem-Estar

Saúde · Qualidade · Confiança

Marcar consulta

Bem-vindo à nossa clínica

O seu bem-estar é a nossa prioridade.

Tecnologia, experiência e profissionais qualificados ao serviço da sua saúde.

Conheça os serviçosContacte-nos
Fotografia de stockMenu com 7 opções
01

Fisioterapia

Conheça todos os nossos tratamentos

02

Osteopatia

Conheça todos os nossos tratamentos

03

Massagem

Conheça todos os nossos tratamentos

3 caminhos iguais
CHAT
Este site utiliza cookies para melhorar a experiência.Aceitar
Depois / página reorganizadaMarcar sem procurar
NNorte FisioEspecialistas em movimento · Viana do Castelo
Dor lombar · avaliação funcional

Volta a sentar-te sem contar os minutos.

Identifica o que está a alimentar a dor e sai da primeira sessão com um plano para o teu dia a dia.

Onde sentes mais limitação?

4,9/5avaliação média
de pacientes
Viana · Centro
Disponível esta semana

Avaliação recomendada

45 min · mobilidade + força · plano inicial incluído

Especialista indicado

NFMarta · coluna e postura

Próximos horários

Ter · 10:30Ter · 15:00Qua · 09:00Qua · 17:30
Reservar avaliação
Sem formulário longo Especialista indicado Horário confirmado
  • Mudança 01

    Menu + 6 saídas1 ação principal

    A navegação deixa de competir com a marcação.

  • Mudança 02

    Mensagem genéricaProblema específico

    A pessoa percebe imediatamente se está no sítio certo.

  • Mudança 03

    Formulário escondidoHorários no ecrã

    O próximo passo deixa de exigir procura e adivinhação.

Duas ou três linhas sobre o projeto chegam para abrir a conversa.

Não precisas de ter o conteúdo pronto nem de saber qual plano escolher.