Projeto conceptual: negócio fictício

Um site de aquecimento que diz se é urgente

A Ouzel Heating & Air é uma empresa fictícia de aquecimento e ar condicionado em Denver, no Colorado. O seu site conceptual foi feito para transformar o momento em que o aquecimento ou o ar condicionado deixam de funcionar numa chamada ou numa visita marcada.

Setor
Canalizadores e aquecimento
Localização
Denver, Estados Unidos
Objetivo principal
Chamadas de urgência e visitas marcadas
Idiomas
EN

Abre o site de demonstração. É um negócio fictício, por isso os formulários e os botões não contactam ninguém.

O briefing

Ganhar a chamada das 21h, quando o aquecimento falha

No nosso briefing inventado, a Ouzel é uma empresa de aquecimento e ar condicionado com 14 carrinhas, a trabalhar em toda a zona de Denver desde 2009. As pessoas encontram-na no Google Maps, mas o antigo site imaginário é uma lista de serviços sem preços, com um formulário de contacto longo, por isso os proprietários preocupados ligam para o nome seguinte da lista. O novo site tem de dizer às pessoas, em segundos, se o problema é urgente, mostrar quanto costuma custar a reparação e fazer de ligar ou marcar o próximo passo óbvio.

Para quem é a página

Proprietários de Denver sem aquecimento, sem ar condicionado ou com um ruído estranho, quase sempre no telemóvel e muitas vezes com pressa. Um segundo grupo, mais calmo, planeia com antecedência: compara planos de manutenção ou quer saber o preço de um sistema de aquecimento novo.

Anatomia da página

Anatomia de um site de aquecimento que traz chamadas

Isto é o que está na página, de cima para baixo, e a função de cada parte.

Ouzel Heating & Air — Projeto conceptual: negócio fictício
  1. Uma linha 24h acima de tudo

    Uma faixa escura, mesmo no topo, mostra o número de urgência. A faixa inteira é um único link para ligar com um toque, para que quem está sem aquecimento possa ligar antes de ler mais alguma coisa.

  2. Uma promessa que se pode verificar

    O título pergunta “Sem aquecimento? Sem ar condicionado?” e promete uma visita hoje. A linha seguinte torna-a concreta: ligue antes das 14h ou o diagnóstico de 89 $ é grátis. Por baixo dos botões Ligar e Marcar, uma linha em tempo real mostra se o escritório está aberto, na hora de Denver, e quando é a próxima vaga.

  3. O indicador de urgência

    Ao lado do título, quatro botões (Sem aquecimento, Sem ar condicionado, Ruído estranho, Contas altas) movem o ponteiro de um mostrador entre “Planeie” e “Hoje” e dão um conselho numa linha. Responde à primeira coisa que qualquer pessoa quer saber quando liga: devo ficar preocupado?

  4. Triagem rápida

    Cada problema abre um painel com quatro verificações a fazer primeiro, como o termóstato, o disjuntor e o filtro, e depois as quatro avarias mais prováveis, cada uma com o seu preço. Para ruídos, seis botões de som explicam o que cada um significa e com que urgência agir. Por baixo, uma nota de segurança sobre gás e monóxido de carbono.

  5. Preços fixos

    O diagnóstico de 89 $ (129 $ à noite e ao fim de semana) aparece logo, com uma nota a dizer que não é cobrado se avançar com a reparação. Dezasseis reparações comuns têm um preço fixo ou “a partir de”, divididas em Aquecimento, Arrefecimento e Ar e comandos.

  6. Promoções, planos e um simulador de pagamento

    Três promoções sazonais (a primeira muda com a época do ano), três planos de manutenção com um botão para alternar entre preço mensal e anual, e um cursor que calcula a prestação mensal de um sistema novo. São para quem não tem uma urgência hoje, mas vai precisar de ajuda mais tarde.

  7. Avaliações, zona servida e marcação

    Seis avaliações de exemplo, cada uma claramente identificada, e depois um verificador de código postal (ZIP) que diz se está na zona de visitas no próprio dia. Segue-se uma secção de perguntas frequentes com uma calculadora “reparar ou substituir” e, por fim, um formulário de marcação em três passos, com o número de telefone e o horário em tempo real ao lado.

O que traz chamadas e marcações

Cinco decisões que transformam visitas em chamadas

Primeiro a triagem, depois a venda

A página abre com a pergunta que um proprietário preocupado está a fazer: isto é urgente? O indicador e a triagem também dizem quando algo pode esperar, como as contas altas. Um conselho honesto de “isto pode esperar” torna mais fácil confiar no “ligue já”.

Preços na página

O maior medo numa reparação do aquecimento é uma conta-surpresa. O diagnóstico de 89 $, os casos em que não é cobrado e 16 preços fixos estão todos na página, para que possa ver o custo provável antes de pegar no telefone.

Um botão de chamada de cada vez

No telemóvel, uma barra Ligar / Marcar só aparece quando os botões grandes do topo saem do ecrã. Volta a esconder-se enquanto o formulário de marcação está no ecrã, enquanto escreve e enquanto o menu está aberto, para nunca tapar o que está a fazer.

Horas em tempo real, não só o horário

A página funciona na hora de Denver, esteja onde estiver. Mostra se o escritório está aberto neste momento, a próxima vaga de duas horas e a linha de hoje na tabela do horário. O formulário de marcação só oferece janelas ainda livres, com pelo menos 90 minutos de antecedência.

Cada botão leva a um único formulário curto

“Marcar visita no próprio dia”, na triagem, preenche o problema por si. Os botões das promoções juntam o código ao pedido, e o verificador de código postal preenche o seu código ZIP. O formulário tem três passos curtos: o problema, quando e onde e, por fim, o nome e o número.

Resultados medidos

  • 95Desempenho
  • 100Acessibilidade
  • 100Boas práticas

Google Lighthouse, telemóvel, 4G simulado, medido a 19 de setembro de 2026. O SEO não é avaliado: as demos conceptuais estão escondidas do Google de propósito (noindex), o que o Lighthouse conta contra elas. Faça o teste na demo online.

Notas técnicas

  • Esta demo é só a página inicial. Como site Local Pro, teria até mais 5 páginas, por exemplo reparação de aquecimento, reparação de ar condicionado e planos de manutenção. O indicador de urgência, os painéis de triagem, a calculadora “reparar ou substituir”, o simulador de pagamento, o verificador de código postal (ZIP) e a linha da próxima vaga são extras feitos à medida, cobrados à parte do Local Pro, com orçamento prévio.
  • HTML, CSS e JavaScript escritos à mão: sem framework, sem construtor de páginas, sem cookies e sem scripts de rastreio.
  • Cerca de 90 KB de CSS e JavaScript no total, ou 22 KB depois de comprimidos.
  • Fotos em AVIF, com alternativas em WebP e JPEG, com o tamanho certo para cada ecrã. No telemóvel, a foto principal tem cerca de 38 KB. Todas as fotos foram geradas por IA.
  • Oswald, um tipo de letra estreito que lembra uma placa gravada, para os títulos, e Manrope para tudo o resto. O laranja marca as chamadas e o calor; o azul marca o arrefecimento e as marcações.
  • Link para saltar para o conteúdo, controlo por teclado dos separadores e interruptores, resultados lidos pelos leitores de ecrã e nenhuma animação se tiver desligado o movimento. Só em inglês dos EUA, com a hora de Denver e preços em dólares.
Paleta
Tipos de letra
Oswald + Manrope

O pacote que representa

Local Pro

Este conceito é o tipo de site que recebe com o Local Pro: 1290 £ pela criação e depois a partir de 39 £/mês de manutenção. Os extras interativos, como calculadoras e simuladores, são orçamentados à parte.

Sites por setor: Canalizadores e aquecimento →

Pré-visualização grátis

Quer um site assim para a sua empresa de aquecimento?

Envie-nos alguns dados e desenhamos a sua nova página inicial grátis. Só paga se quiser avançar.

  • Sem cartão
  • O domínio em seu nome
  • Cancele a manutenção quando quiser após 3 meses