Ir para o conteúdo

MPX Soluções em TI

O site da MPX Soluções em TI, consultoria de tecnologia, processos e governança em Brasília: conforme o visitante rola pelo método em quatro etapas, uma cena 3D coloca seis placas empilhadas no esquadro, e cada seção termina com um convite para agendar uma conversa.

Projeto
MPX Soluções em TI
Status
No ar
Categoria
Site de consultoria · 3D guiado pela rolagem
Site da MPX Soluções em TI em tela de celular.

Gravação do site MPX Soluções em TI, feita em 30 de setembro de 2026.

Ficha técnica

Nossa participação
Direção de arte, redesenho e desenvolvimento do site.
Competências
  • Capítulo do método em three.js, fixo durante a rolagem
  • Versão estática em SVG (sem JS, movimento reduzido)
  • Direção de arte e sistema tipográfico
  • Reestruturação do conteúdo
Tecnologias
  • Astro
  • three.js
  • Mona Sans e Source Serif 4

O desafio

Dar forma visual ao método em quatro etapas de uma consultoria de tecnologia, processos e governança.

Decisões de projeto

  1. Um único módulo de geometria, com semente fixa, alimenta tanto as imagens estáticas em SVG geradas no build quanto o palco 3D ao vivo, de modo que a cena cai exatamente sobre a imagem estática.

  2. A estrutura se encaixa numa transição de duração fixa quando um passo do método fica ativo, enquanto os processos contínuos (o plano de luz, o traçado, o arco do sol) acompanham a rolagem.

  3. No celular, a cena deixa de ficar fixa na tela e a pilha se assenta uma única vez; o título é dimensionado pelo contêiner e testado para que a última linha nunca fique com uma palavra só, de 320 a 1440 px.

A experiência

Seis placas entram no esquadro enquanto o visitante lê o método em quatro etapas, e cada seção termina com um convite para agendar uma conversa.

Um bom começo

Tem uma ideia
que merece sair do papel?

Que tipo de projeto você tem em mente?

Escolha um e a mensagem já sai escrita.

Sete etapas curtas.

Prefiro conversar no WhatsApp (abre em nova aba)

Trabalho remoto · atuação nas Américas, Europa, África e Índia

hello@codejtech.dev