Serralheria Tradição
Landing page · Serralheria
Briefing
A Serralheria Tradição atua há mais de duas décadas em Pelotas e região e construiu sua reputação sobre um princípio simples: um bom serviço não depende só da qualidade da peça, mas também de cumprir o que foi combinado.
O desafio era traduzir essa trajetória e esse compromisso, fazer bem feito e entregar no prazo, em uma landing page.
Solução
Pensamos em uma landing page direta, que conduz o visitante ao pedido de orçamento. Logo na abertura, a mensagem "Há mais de duas décadas dando forma ao metal" apresenta a experiência da empresa, e o botão de orçamento pelo WhatsApp fica à mão desde o primeiro contato com a página.
Os serviços aparecem numerados, cada um com seu atalho de orçamento, e a galeria "O que já saiu da nossa oficina" mostra trabalhos reais da serralheria. A identidade escura e a tipografia condensada traduzem a força do metal, enquanto o azul marca tudo o que é ação.
Resultados
A landing page transforma a trajetória da Serralheria Tradição em uma presença digital clara e objetiva. Quem chega à página entende rapidamente o que a empresa faz e o que já entregou, e encontra o caminho para o orçamento em poucos toques, direto no WhatsApp.
A versão mobile mantém a mesma clareza em telas pequenas, para quem pesquisa pelo celular.
Especificações
Cores e tipografia
Cores
Azul de saturação alta, praticamente oposto no círculo cromático ao laranja das faíscas e do metal aquecido das fotos, o que cria contraste complementar entre interface e imagem. É a única cor cromática da página, então todo elemento azul é lido como ação. Recebe bem texto branco, mas tem pouco contraste sobre o fundo escuro; por isso aparece como superfície (botões, faixa) e nunca como texto sobre o fundo.
Quase-preto neutro no lugar do preto puro: mantém a densidade de uma superfície metálica escura e reduz o halo do texto claro em tela. O contraste alto com o branco sustenta corpos pequenos e o espaçamento aberto dos rótulos monoespaçados sem perda de leitura.
Tipografia
- Títulos
- Big Shoulders DisplayCondensada · caixa alta
Grotesca condensada em corte Display, otimizada para corpos grandes. A largura estreita permite títulos longos ("Há mais de duas décadas dando forma ao metal") em corpo grande sem excesso de quebras, inclusive no celular. Em caixa alta não há ascendentes nem descendentes, então as linhas formam blocos retangulares e densos, e as hastes grossas garantem mancha forte sobre o fundo escuro.
- Textos corridos
- Barlow
Grotesca de baixo contraste e terminais levemente arredondados, de largura normal. O contraste de largura com os títulos condensados separa título de texto sem depender só do tamanho, e a largura normal mantém o conforto em blocos corridos. A mesma família cobre texto, ênfase e subtítulos.
- Rótulos, botões e números
- JetBrains MonoMonoespaçada · caixa alta espaçada
Monoespaçada: todos os caracteres têm a mesma largura, então números e rótulos se alinham em coluna (numeração, horários, telefone) sem depender de algarismos tabulares. A caixa alta perde legibilidade em corpos pequenos, e o espaçamento aberto compensa isso. É a terceira voz da hierarquia, reservada a metadados e ações.
Outros trabalhos
Ver todos os trabalhos
Tem um projeto em mente?
Me conta um pouco sobre ele.
Vamos conversar no WhatsApp (abre em nova aba)