Portefólio
Projeto conceptual2026

Fio & Cano

Eletricidade e canalização, na mesma visita

ServiçosEmpresas
Paleta
Explorar projeto
fio-e-cano.pt
Fio & Cano

Pré-visualização do conceito · estilo: Quadro elétrico e coletor · marinho e laranja

01

Visão geral

Categoria

ServiçosEmpresas

Setor

Eletricidade e canalização, na mesma visita

Tipo

Projeto conceptual

Complexidade

Médio

Ano

2026

Estilo visual

Quadro elétrico e coletor · marinho e laranja

02

O desafio & a solução

01

O desafio

Projeto de website para um técnico que faz as duas coisas numa casa: instalações elétricas, quadros, iluminação, videoporteiros, estores e ar condicionado, e também canalização, casas de banho e cozinhas, termoacumuladores, bombas de furo e rega. A identidade junta os dois ofícios: azul-marinho e laranja, com um azul de água reservado à canalização. Os títulos são numa grotesca condensada, como as letras de uma carrinha de obra, o texto corrido numa letra de leitura fácil e as etiquetas técnicas (C01, C02…) numa monoespaçada, como na porta de um quadro. O logótipo é um cano em cotovelo com uma gota a cair e, por dentro da curva, um fio que acaba numa ficha.

02

O que fizemos

A página inicial abre com o nome em letreiro, os botões de ligar e de WhatsApp, a indicação de aberto ou fechado (na hora de Lisboa) e duas fotografias de obra. Por baixo passa um cabo laranja com os serviços impressos na bainha, que se pode parar. Os onze serviços escolhem-se como em casa: de um lado um quadro elétrico, em que cada disjuntor é um serviço e sobe ao carregar, do outro um coletor de água, em que cada válvula abre; ao lado aparece o que inclui, fotografias desse trabalho e o botão para pedir orçamento já com o serviço escolhido. Seguem-se os trabalhos em mosaico, o compromisso, as opiniões dos clientes e os contactos com o horário.

03

O resultado

A página de trabalhos tem as fotografias com filtro (eletricidade ou canalização) e um visualizador em ecrã inteiro, com setas e teclado. O pedido de orçamento tem cinco perguntas: o serviço, o que se passa, para quando, onde é e os dados de contacto. Ao lado, o resumo vai-se escrevendo; antes de abrir o WhatsApp, o site confirma que está tudo preenchido, e também se pode mandar por e-mail, copiar o texto ou ligar. Não há base de dados nem servidor a receber pedidos: o rascunho fica só no browser de quem preenche e apaga-se ao fim de 14 dias. No telemóvel, uma barra fixa em baixo tem Ligar, WhatsApp e Orçamento. Sem preços.

Em destaque

Eletricidade e canalização
Setor
11 · quadro + coletor
Serviços
5 perguntas → WhatsApp
Pedido
03

Funcionalidades

  • Quadro elétrico com disjuntores e coletor de água com válvulas para escolher o serviço
  • Cabo animado com os serviços, com botão de parar
  • Aberto ou fechado agora, na hora de Lisboa
  • Galeria de trabalhos com filtro e visualizador
  • Pedido de orçamento em cinco perguntas → WhatsApp, e-mail ou copiar
  • Barra fixa Ligar · WhatsApp · Orçamento no telemóvel
04

Design responsivo

Pensado para funcionar bem em qualquer ecrã — do computador ao telemóvel.

fio-e-cano.pt
Fio & Cano — computador
Fio & Cano — telemóvel
05

Tecnologia & função

Tecnologia

Next.js 16TypeScriptTailwind

O que fiz

  • Design
  • Identidade
  • Frontend
06

Objetivo do conceito

Demonstrar como Fio & Cano poderia ganhar vida — eletricidade e canalização, na mesma visita — com uma identidade quadro elétrico e coletor · marinho e laranja, do design ao desenvolvimento e sem recorrer a templates.

Continue a explorar

Escolha outro projeto

WhatsAppPedir orçamento