Proposta de design · 7 de outubro de 2026

Página principal: três propostas para escolher

As três seguem o layout que me descreveu e mudam só no aspecto. Usei as mesmas notícias e os mesmos anúncios em todas, para poder compará-las lado a lado. Abra cada uma no computador e no telemóvel.

Igual nas três

A estrutura da página

De cima para baixo, por esta ordem. Não há mais nada por baixo da segunda barra de publicidade, para a página abrir rápido.

  1. Topo

    O nome do site, as três categorias (Alojamento, Viagens, Transportes) e o acesso à newsletter. Cada categoria abre a sua própria página, com todas as notícias dessa categoria, da mais recente para a mais antiga.

  2. Notícia de destaque

    Foto grande ao meio, com a categoria, a hora, o título e um resumo curto. A notícia que marcar como destaque no painel fica aqui até marcar outra.

  3. Primeira barra de publicidade

    Uma imagem com link para o site de quem paga. Tem por cima o rótulo "Publicidade".

  4. Três notícias

    Quadrados mais pequenos, só com foto e título. São as três notícias mais recentes a seguir ao destaque. Quando publica uma nova, as outras descem sozinhas.

  5. Segunda barra de publicidade

    Igual à primeira, para outro anunciante.

  6. Rodapé

    Uma linha só, com o campo para subscrever a newsletter e as ligações para contactos, anunciar, privacidade e cookies.

As três propostas

O que muda entre elas

Mudam o tipo de letra, as cores e a forma como o título aparece em relação à fotografia. Pode escolher uma tal como está ou pedir uma mistura, por exemplo as cores de uma com o tipo de letra de outra.

Proposta 1 em computador Proposta 1 em telemóvel
Proposta 1

Jornal

Fundo branco e títulos com serifa, como num diário impresso. A mais clássica das três, transmite seriedade e lê-se com facilidade.

  • Nome do site grande e centrado, categorias numa faixa por baixo
  • Título e resumo do destaque centrados por baixo da foto
  • Vermelho só nas categorias, o resto a preto e branco
  • No telemóvel, as três notícias passam a lista com foto pequena à esquerda
Proposta 2 em computador Proposta 2 em telemóvel
Proposta 2

Painel

Fundo escuro e letras amarelas, inspirada nos painéis de partidas das estações e aeroportos. A mais marcante das três e a que mais se liga ao tema transportes.

  • Logótipo em quadrados, como as letras de um painel de partidas
  • Título do destaque escrito por cima da foto
  • Nas três notícias, o título também fica dentro do quadrado
  • As fotografias ganham força sobre o fundo escuro
Proposta 3 em computador Proposta 3 em telemóvel
Proposta 3

Atlântico

Fundo branco com verde-escuro e letra moderna, mais perto de uma revista de viagens. Fica entre a sobriedade da 1 e o impacto da 2.

  • Logótipo em minúsculas, categorias na mesma linha
  • Bloco verde com o título, sobreposto à parte de baixo da foto
  • Títulos das três notícias por baixo dos quadrados
  • Rodapé verde com a caixa da newsletter
Igual nas três

Como funciona no dia-a-dia

O site corre em WordPress. Publica tudo no painel, sem mexer no desenho da página.

Publicar uma notícia

Escreve o título, o texto, escolhe a categoria e carrega as fotografias. Se a notícia tiver uma hiperligação, põe-na no texto e abre noutra janela, para o leitor não sair do site.

Ao publicar, a notícia entra logo na página principal e na página da categoria.

Fotografias

Pode carregar fotos de qualquer tamanho. O site corta-as na proporção certa para cada lugar, larga no destaque e quadrada nas três notícias, e reduz-lhes o peso para a página abrir rápido no telemóvel.

Publicidade

Para cada anúncio carrega a imagem, o link do anunciante e as datas de início e fim. O anúncio sai sozinho no fim do prazo e o painel mostra quantos cliques teve. Não usa Google AdSense.

Cada anunciante entrega duas imagens, porque uma barra larga fica ilegível no telemóvel:

Newsletter

O formulário fica no rodapé de todas as páginas. Quem subscreve recebe um email de confirmação e só entra na lista depois de clicar. O site guarda a data e a prova de cada subscrição, e todos os envios levam o link para cancelar.

A newsletter em si constrói-a e envia-a o António.

No telemóvel

A ordem é a mesma. O destaque ocupa a largura toda e as três notícias passam a uma lista, com a foto quadrada à esquerda e o título à direita, para não obrigar a descer muito.

Páginas do site

Página principal, página de cada categoria, página de cada notícia, contactos e newsletter. As páginas de privacidade e cookies usam o mesmo modelo da página de notícia.

Notas

Sobre o conteúdo das propostas

O nome "Partida" é provisório. Entra o nome e o logótipo do seu site.

As notícias são reais, desta semana, com os títulos reescritos por mim, só para mostrar a página com conteúdo verdadeiro: as expropriações da alta velocidade em Aveiro (Observador), o alojamento local nos Açores (idealista), destinos para outubro (idealista) e a promoção do Alfa Pendular (SAPO).

As fotografias são de banco de imagens livre (Unsplash) e servem só para ilustrar.

Os dois anúncios são inventados (Quinta da Lagoa Verde e Atlântico Rent), para mostrar como fica um anúncio real em cada barra.

Os links dentro das propostas não abrem nada, só mostram o aspecto da página principal.