Modelagem 3D
Laboratório de Controle de Qualidade
Planta 3D interativa de um laboratório de controle de qualidade, navegável direto no navegador.
Contexto
Projeto demonstrativo da modelagem 3D interativa da Storm Mídia aplicada a ambientes técnicos: em vez de uma planta baixa estática, o espaço é construído em três dimensões e pode ser explorado, girado e editado direto no navegador.
O problema
Planta baixa em papel ou PDF estático não mostra como o espaço funciona de verdade: dá para ver uma vista só, não dá para checar proporção real nem testar um reposicionamento de equipamento sem refazer o desenho do zero.
Objetivos
- Construir o ambiente em 3D com as dimensões e a posição reais de cada equipamento.
- Permitir navegação livre pela cena: girar, aproximar e trocar de ângulo, sem depender de vídeo pré-gravado.
- Deixar o leiaute editável, arrastando um equipamento e vendo o espaço reagir, sem precisar redesenhar a planta.
Estratégia
Cada equipamento foi modelado como um objeto independente, com dimensão e categoria próprias (ensaios físicos, área molhada, condicionamento, químicos, estação de trabalho), para a cena servir tanto de visualização quanto de ferramenta de edição. Tudo roda no navegador via WebGL, sem exigir software de CAD nem envio de arquivo pesado.
Processo
- 01
Levantamento do espaço
Dimensões do ambiente e posição e tamanho real de cada equipamento.
- 02
Modelagem 3D
Construção de cada peça (bancadas, estufa, freezer, equipamentos de ensaio) com proporção e categoria próprias.
- 03
Navegação e vistas
Câmera orbital, vistas predefinidas (isométrica, planta, frontal, entrada) e tour guiado por etapas.
- 04
Modo de edição
Arrastar e girar equipamentos direto na cena, com encaixe automático e exportação do leiaute.
Decisões de UI/UX
O que foi decidido no desenho da experiência, e o motivo de cada escolha.
-
Rodar no navegador, sem instalar nada
A cena carrega como uma página comum: funciona em qualquer computador ou tablet, sem programa de CAD nem plugin.
-
Categorias por cor
Cada grupo de equipamento (ensaios físicos, área molhada, condicionamento e os demais) tem cor própria, para o espaço ser lido rapidamente.
-
Leiaute editável, não só visualização
Reposicionar um equipamento testa o espaço de verdade, em vez de depender de uma nova versão do desenho.
A solução
Uma planta 3D interativa que roda direto no navegador: a pessoa gira a câmera, troca de vista, clica em qualquer equipamento para ver o detalhe e pode reorganizar o leiaute arrastando os itens pelo chão.
O que mudou
Impacto do projeto.
- O ambiente pode ser explorado de qualquer ângulo, não só pela vista que foi fotografada.
- Um reposicionamento de equipamento é testado na hora, arrastando o item, em vez de esperar um novo desenho.
- A experiência roda em qualquer navegador atual, sem precisar instalar software.
Os números deste projeto pertencem ao cliente e não foram liberados para divulgação. Preferimos não publicar estimativa: se um dado não pode ser comprovado, ele não entra aqui.
Próximo case
Doce Hype
Loja virtual completa, do catálogo ao checkout, para uma marca de moda que vende direto ao consumidor.