Projeto conceptual: negócio fictício

Urgências primeiro, preços antes de o telefone tocar

A Brightcombe Electrical é uma empresa familiar de eletricistas fictícia em Bristol, inventada para mostrar como trabalhamos. O seu site de uma só página foi feito para receber chamadas de urgência a qualquer hora e para deixar as pessoas saber o preço dos trabalhos planeados antes de ligarem.

Setor
Eletricistas
Localização
Bristol, Reino Unido
Objetivo principal
Chamadas de urgência e pedidos de orçamento
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

Três eletricistas e um telefone sempre ligado

A Brightcombe é uma empresa familiar inventada, de Easton, em Bristol: o Andre, a filha Tia e o Josh, o aprendiz. No nosso briefing imaginário, não têm site, só uma ficha no Google Maps, e o telefone toca por dois motivos: urgências, muitas vezes tarde da noite, e trabalhos planeados, como carregadores para carros elétricos, quadros elétricos, EICR (a inspeção periódica da instalação elétrica no Reino Unido) e renovações completas da instalação. Quem liga à noite não sabe se alguém vai atender, e quem planeia um trabalho quer um preço antes de ligar. O novo site tinha de pôr o número de urgência, disponível 24 horas por dia, ao alcance de qualquer polegar e dar aos trabalhos planeados um intervalo de preços honesto e uma forma fácil de pedir um orçamento fixo.

Para quem é a página

Proprietários de Bristol sem luz, com faíscas ou cheiro a queimado, quase sempre no telemóvel e muitas vezes à noite. E proprietários e senhorios que planeiam um carregador para carro elétrico, um quadro elétrico novo, um EICR ou uma renovação da instalação, e que querem um preço antes de ligar.

Anatomia da página

Anatomia de um site de eletricista que traz chamadas

Um site Launch é uma única página longa, por isso este é o site inteiro: 10 secções, do topo do ecrã do telemóvel para baixo.

Brightcombe Electrical — Projeto conceptual: negócio fictício
  1. Uma barra vermelha de urgências 24h

    É a primeira coisa, acima do logótipo: “Sem luz, faíscas ou cheiro a queimado?” e um botão branco para ligar, com o número. Num telemóvel estreito, encolhe para “Urgências 24h” e o botão, para nunca passar para duas linhas.

  2. Título, dois botões e uma linha de estado em tempo real

    “Eletricistas em Bristol que atendem o telefone. Mesmo às 2h da manhã.” diz o ofício e a cidade. Por baixo, um botão vermelho para ligar (“Atende um eletricista, 24h por dia”) e um botão “Saber o preço do trabalho”, e depois uma linha que mostra que a linha de urgência está aberta e se o escritório também está, na hora do Reino Unido. Segue-se uma fila de quatro promessas: registados e com seguro, preço fixo por escrito, 20 anos em instalações de Bristol e chegada a horas ou 50 £ de desconto.

  3. Passos de segurança “Faça isto já”

    Quatro passos para quem está no meio de um problema: desligar o interruptor geral, não tocar em nada queimado, ver se os vizinhos também estão sem luz (se for um corte de energia, liga-se para o 105, o número britânico para falhas de energia) e depois ligar. Ao lado, as tarifas de deslocação: 95 £ das 7h às 22h e 145 £ durante a noite, com a tarifa que se aplica nesse momento destacada.

  4. Preços “a partir de” para 8 trabalhos comuns

    Deslocações de urgência, carregadores para carros elétricos, quadros elétricos, EICR, renovações da instalação, tomadas, iluminação e deteção de avarias, cada um com uma frase simples e um preço “a partir de” com IVA, material e certificados incluídos. Cinco têm um botão “Calcular preço” que liga esse trabalho no simulador logo abaixo.

  5. O simulador em forma de quadro elétrico

    Cinco disjuntores: carregador para carro elétrico, quadro elétrico, EICR, renovação da instalação e tomadas. Ligue um e aparecem algumas opções, como o comprimento do cabo ou o número de quartos, e o total atualiza-se como um intervalo de preços. “Pedir orçamento grátis” leva a estimativa até ao formulário.

  6. Provas: trabalhos recentes, a equipa e avaliações de exemplo

    Um quadro elétrico antes e depois, que pode alternar, três trabalhos recentes com a zona, o tempo que demoraram e o preço pago e, depois, as três pessoas que vão mesmo a sua casa. Uma lista de registos e seguros, quatro promessas por escrito e três avaliações, cada uma claramente identificada como conteúdo de exemplo.

  7. Código postal, perguntas frequentes e orçamento

    Escreva um código postal e a página diz logo se a zona é servida e quanto tempo demoram a chegar numa urgência. Seguem-se sete respostas curtas a perguntas comuns e depois o formulário de orçamento, ao lado do número de urgência, do horário do escritório com o dia de hoje destacado e de uma etiqueta em tempo real “Escritório aberto” ou “Escritório fechado”.

O que traz chamadas e marcações

Cinco decisões que transformam visitas em chamadas

O número sempre à distância de um polegar

O número de urgência está na barra vermelha, no topo, nos passos de segurança, na caixa de contacto e no rodapé, e também no cabeçalho em ecrãs a partir de 600 px de largura. No telemóvel, uma barra com “Ligar 24h”, “Calcular preço” e “Orçamento grátis” aparece quando os botões do topo saem do ecrã e esconde-se enquanto escreve, para nunca tapar o formulário.

Responder às três perguntas que travam a chamada

Quanto custa? Cada serviço mostra um preço “a partir de”, e as duas tarifas de deslocação estão na página. Chegam à minha zona? Escreva o código postal e o verificador diz que sim ou que não, com o tempo habitual de chegada numa urgência. Está alguém disponível? A linha de estado mostra que a linha de urgência está aberta, neste momento.

Um quadro elétrico para ligar e desligar

Cada trabalho é um disjuntor, o mesmo comando que as pessoas veem no seu próprio quadro. Os intervalos seguem regras simples, para o total se manter honesto: ligue uma renovação da instalação e o quadro elétrico e o EICR passam a mostrar “Incluído na renovação”, em vez de contarem duas vezes.

A estimativa preenche o formulário

Toque em “Pedir orçamento grátis para estes 2 trabalhos” e o formulário assinala os mesmos trabalhos e escreve a estimativa na primeira linha da mensagem. O cliente só acrescenta o nome, o telefone e o código postal. O e-mail é opcional, e qualquer erro recebe uma mensagem em linguagem simples ao lado do campo.

O modo noturno diz as horas

Das 22h às 7h, hora do Reino Unido, o título mostra a hora real, por exemplo “São 23h40. Estamos acordados.”, a tarifa noturna de 145 £ fica destacada e a linha de estado diz que se aplica até às 7h. Responde à única pergunta de quem visita a página tarde da noite: vai alguém atender?

Resultados medidos

  • 98Desempenho
  • 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

  • HTML, CSS e JavaScript escritos à mão, sem framework: 75 KB de CSS e JavaScript antes da compressão, 19 KB com gzip. Sem scripts de rastreio e sem cookies.
  • Imagens em AVIF com alternativas em WebP e JPEG, com o tamanho certo para cada ecrã. Só a foto do topo carrega logo; as restantes carregam à medida que desce na página.
  • Space Grotesk para os títulos e os preços, DM Sans para o texto. Ambas alojadas no próprio site, 58 KB no total, sem pedidos ao Google Fonts.
  • Cores tiradas de um quadro elétrico: caixa grafite e branca, o vermelho do interruptor de corte para as urgências e os botões de chamada, e o verde do fio de terra para “aberto agora”.
  • Acessibilidade: os disjuntores são interruptores reais, que os leitores de ecrã anunciam como ligados ou desligados, o total é lido em voz alta quando muda, todos os botões têm pelo menos 44 px de altura e as animações param para quem ativa o movimento reduzido.
  • Pacote Launch: esta demo é o site inteiro, uma página longa em inglês. Um site Launch normal inclui um formulário de contacto curto; o simulador em forma de quadro elétrico, o verificador de código postal e o antes e depois são extras personalizados, além do pacote.
Paleta
Tipos de letra
Space Grotesk + DM Sans

O pacote que representa

Launch

Este conceito é o tipo de site que recebe com o Launch: 590 £ 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: Eletricistas →

Pré-visualização grátis

Quer um site assim para a sua empresa de eletricidade?

Fale-nos do seu negócio e desenhamos primeiro a sua página inicial, grátis e sem cartão. 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