M3tal BIM
- PAPEL
- UX/UI Designer & Desenvolvedora
- CLIENTE
- M3tal BIM
- STACK
- WordPress, PHP, Sass, JS vanilla
- TIME
- Sozinha
- PERÍODO
- 2026
01. Contexto
Um site novo, com as obras em primeiro plano
A M3tal BIM chegou com um pedido: um site bonito, simples, organizado e com foco nas imagens das obras. Desenhei no Figma, validei com a cliente e desenvolvi o site em WordPress, com tema customizado escrito do zero. Escolhi o WordPress pensando no blog que a M3tal quer ter, que ficou para a etapa 2 do projeto.
02. Interface
Carrossel, lightbox e menu sem nenhuma biblioteca
Construí o lightbox com dialog nativo, o "ver mais" com details e summary, e o menu do celular com :target no CSS. O JavaScript entra só para melhorar, então a página inteira funciona com ele desligado.
- 0
- Bibliotecas de interface, frameworks CSS ou CDNs
- 1
- Plugin ativo no WordPress, o cache do servidor
- 13
- Seções numa página única
03. Performance
Site rápido e pronto para crescer
Hoje o site é uma landing page, e na etapa 2 ele ganha blog e novas páginas para virar um site institucional. Construí a base pensando nesse crescimento: tema sem dependências, imagens otimizadas por um pipeline próprio e carregamento sob demanda.
Desktop
Celular
04. Publicação
Publicado sem derrubar o e-mail da empresa
Montei a produção por WP-CLI via SSH e migrei o DNS registro a registro, preservando MX e SPF. Também removi o usuário admin padrão e fechei quatro pontos de vazamento do login na API pública do WordPress.
- Site antigo no Google Sites
- WP-CLI via SSH
- Site no ar