Fabricante de solda industrial — site de catálogo B2B

Onze frames em quatro breakpoints documentados, o mais preciso do lote.

Um site institucional e de catálogo B2B para um fabricante de solda industrial e barramentos elétricos: capacidades técnicas, história da empresa e certificações, e pontos diretos de solicitação de orçamento. Desenhei onze frames responsivos em quatro breakpoints documentados — tablet em 1024 e 641, mobile em 640 e 320 — cobrindo início, serviços, sobre e contato com suas versões mobile. Designer de UI único do site; identidade e build em WordPress são de outras pessoas.

Função: Sole website UI designer
Período: jun. de 2023 – jun. de 2023
Stack: Figma
Evidência: Arquivo de design

Abrir o arquivo de design Snapshot arquivado do site publicado

Designer único de UI do site para a JB Soldas, indústria especializada em soldas industriais, caldeiraria e fabricação de barramentos para painéis elétricos. Desenvolvi 11 pranchetas responsivas na página principal de Design abrangendo desktop, tablet e mobile (Homepage, Homepage1, Serviços, Sobre nós, Contato e versões mobile), com suporte de um Style Guide com 16 nós documentando regras de layout para múltiplos breakpoints (Tablet 1024/641px, Mobile 640/320px), escalas tipográficas e paleta industrial no Figma (arquivo 6d6oqPNLo3gfpPiCu2iYBo).

Atuação como funcionário na agência Sagitta em junho de 2023 (concluído em 30 de junho de 2023). Juan atuou como designer único de UI do site na equipe da agência: Kelvin Bezerra criou o logotipo e a identidade visual da JB Soldas, Juan desenhou todo o site responsivo no Figma, e um desenvolvedor no-code implementou e publicou as páginas em WordPress com Elementor. Escopo conduzido por Ramon.

Design de catálogo industrial B2B: soldas pesadas e barramentos elétricos

11: pranchetas responsivas na página principal de Design
4: breakpoints de tela especificados (1024px, 641px, 640px, 320px)
16: tokens e especificações técnicas no Style Guide
100%: de conformidade comprovada no snapshot histórico do Wayback

Compradores industriais B2B — gerentes de suprimentos, engenheiros eletricistas e supervisores de fábrica — avaliam fornecedores com base em capacidade técnica instalada, precisão dimensional e velocidade de resposta comercial. A JB Soldas necessitava de um catálogo institucional sólido para evidenciar seus diferenciais técnicos: soldagem especializada TIG/MIG, caldeiraria sob medida e barramentos de cobre e alumínio para quadros elétricos.

Estrutura de layouts responsivos em 11 pranchetas

O arquivo Figma estruturou paridade visual completa entre as versões para computador e smartphones nas principais páginas institucionais:

Página Inicial Comercial (Homepage e Homepage1) — Destaque visual da infraestrutura fabril, seguido por grade de capacidades técnicas e credenciais de segurança.
Catálogo Técnico de Serviços (Serviços e Serviços - Mobile) — Detalhamento dos processos de solda, tolerâncias metalúrgicas e especificações de barramentos para painéis.
Credibilidade Institucional (Sobre nós e Sobre nós - Mobile) — Trajetória da empresa, certificações de qualidade e normas regulamentadoras atendidas.
Captura de Orçamentos B2B (Contato e Contato - Mobile) — Formulário preparado para envio de especificações de projeto, arquivos técnicos e prazos de entrega.

A publicação histórica está comprovada: o snapshot de 20/03/2024 no Wayback Machine (222.969 B em WordPress 6.4.3 / Hello Elementor) atesta a presença online com seções fiéis ao Figma. Contudo, 'publicado' significa que o layout foi codificado e foi ao ar — nunca que Juan programou o código, hospedou o servidor ou desenhou o logotipo.

Documentação de breakpoints no Style Guide

A página de Style Guide com 16 nós (nó 1:16) especificou faixas de transição para o desenvolvedor: layouts para tablet em 1024px e 641px, e mobile em 640px e 320px. Ao documentar regras de quebra de colunas e áreas mínimas de toque diretamente no Figma, o handoff eliminou ambiguidades durante a montagem no Elementor.

O que este projeto é e o que não é

Não é criação de marca ou logotipo. Kelvin Bezerra foi o autor do logotipo e identidade visual da JB Soldas.
Não é programação em WordPress ou Elementor. O site foi montado no CMS por um desenvolvedor no-code.
Não é pesquisa ou discovery. O escopo e parâmetros foram levantados por Ramon.
Não está acessível no domínio ao vivo hoje. A empresa encerrou atividades e o site está offline; a entrega é comprovada pelo snapshot histórico de 2024.
Não possui dados de vendas. Nenhuma métrica de leads ou solicitações de cotação foi retida.

Clareza e solidez no design para a indústria

A JB Soldas exemplifica o rigor exigido no design web para o setor industrial: apresentar processos pesados de manufatura com clareza técnica e direcionamento objetivo para cotações. Ao combinar especificações detalhadas com regras sólidas de responsividade, o projeto forneceu um canal digital profissional para a metalúrgica.

Evidência

O site foi implementado e publicado em produção. A empresa encerrou suas atividades posteriormente e o domínio jbsoldas.com.br encontra-se inativo (curl 000 verificado). A entrega histórica é comprovada via snapshot do Wayback Machine (20/03/2024, 222 KB em WordPress 6.4.3 / Hello Elementor), cuja estrutura de seções coincide exatamente com o arquivo Figma auditado. Não existem métricas de vendas ou pedidos de orçamento. Este estudo de caso documenta o design de catálogo B2B industrial e a engenharia de layouts responsivos.