Quando um site precisa de 3D?
Uma cena em tempo real vale o investimento quando a ação do visitante muda o que ele aprende: girar um produto para ver como ele se encaixa, percorrer um edifício ou uma paisagem, comparar lugares lado a lado ou explorar um sistema que é mais fácil de entender no espaço. Se o ponto de vista e a ordem são fixos, um filme renderizado ou uma sequência de quadros é mais simples de produzir e testar, e ainda pode ter um ar de cinema.
O 3D costuma funcionar bem em vitrines de produto, narrativas espaciais e arquitetônicas, comunicação científica e de pesquisa e mundos imersivos de marca para um lançamento. Se movimento e storytelling com rolagem bastam, sem uma cena navegável, o desenvolvimento criativo é o caminho mais leve; mapas e painéis baseados em dados pertencem à visualização de dados.
O que um projeto de site 3D inclui
A proposta define quais entregas estão no escopo, quem cria ou fornece os ativos 3D e como cada item é aprovado.
- Briefing de narrativa e interação: o que os visitantes exploram, em que ordem e o que fazem depois
- Plano de ativos 3D que cobre modelos fornecidos por você, ativos licenciados ou modelagem nova, preparados como arquivos glTF compactados
- Protótipo no navegador com controles de mouse, toque e teclado em um celular e um desktop previamente combinados
- Conteúdo em HTML legível e um percurso com movimento reduzido pela mesma história
- Aceite de desempenho, dispositivos e alternativas de fallback, além da entrega dos arquivos-fonte e das licenças dos ativos
Janus Observatory: uma interface 3D para dez futuros possíveis
Janus Observatory é um projeto desenvolvido com a Blue Marble Space em que a Dardo transformou uma estrutura de pesquisa especulativa em uma jornada cinematográfica no navegador. Dez futuros criam de imediato um problema de navegação: uma lista simples perderia a premissa espacial, e uma única sequência 3D longa dificultaria a comparação. Por isso a experiência é em camadas. Uma abertura cinematográfica cria a atmosfera, um atlas mostra o conjunto completo e um observatório permite uma leitura mais próxima, com caminhos de volta que não repetem a introdução.
A camada 3D estabelece a escala e a diferença entre os mundos, enquanto rótulos, estado da navegação e explicações escritas carregam os fatos fora da cena renderizada. O aceite pergunta se o visitante consegue dizer em qual mundo está, voltar ao atlas e continuar depois de um fallback de renderização; só a taxa de quadros não responde a isso. O build segue orçamentos de bundle e QA em navegadores, e cada release passa por verificação de regressões visuais. Os cenários são exploratórios, não previsões, e não se afirma nenhum aprendizado ou engajamento medido.
Desempenho e SEO para sites 3D
Os mecanismos de busca não conseguem ler o que é desenhado dentro de um canvas, então o título, o texto, os links e os metadados são renderizados em HTML antes de a cena carregar. Uma imagem de pôster ocupa o lugar da cena, o espaço dela é reservado para que nada se desloque e o código 3D carrega depois que o primeiro conteúdo aparece. Quando um estado da experiência merece ser encontrado na busca, ele ganha a própria URL.
O desempenho é medido nos ativos reais e nos dispositivos-alvo, em vez de prometido como uma taxa de quadros universal. Registramos a sequência de carregamento, uma interação representativa, o uso de memória quando relevante e qualquer redução visual aceitável em celulares menos potentes, trabalhando em direção aos limites das Core Web Vitals do Google. Não garantimos posições no ranking; garantimos que a camada 3D nunca fique entre o seu conteúdo e o rastreador.
Fallbacks, movimento reduzido e acessibilidade
O visitante deve continuar entendendo a oferta quando o movimento está reduzido, o contexto gráfico é perdido ou o dispositivo não consegue sustentar a cena. O fallback pode ser uma imagem estática, um vídeo curto ou um layout de conteúdo comum, e deve manter a decisão ao alcance em vez de mostrar um erro. Com movimento reduzido, os voos de câmera viram cortes ou etapas controladas pelo visitante, e as partes interativas ganham controles de teclado e foco visível.
O que define o custo de um site 3D?
O custo de um site 3D acompanha a produção de ativos originais, o número de cenas e estados de interação distintos, a animação, a programação gráfica, o suporte a dispositivos e os testes. Um modelo de produto fornecido e um ambiente sob medida são pontos de partida muito diferentes, mesmo que ambos acabem em uma única página, por isso o orçamento separa direção de arte, modelagem ou ativos licenciados, animação, programação, conteúdo, áudio e suporte ao lançamento.
O primeiro marco é uma pequena fatia funcional em um celular e um navegador desktop combinados, com texto real, um ativo representativo e a interação de verdade. Ela expõe problemas de navegação, tamanho de arquivo e tempo de quadro antes de o restante ser produzido. A proposta também indica quem pode substituir conteúdo e modelos depois do lançamento. A Dardo é uma equipe de três pessoas em Bogotá, liderada pelo fundador Nicolás Cerón, que trabalha em inglês ou espanhol no horário do leste e do centro dos EUA.
Dúvidas antes de escolher
Quanto custa um site 3D?
Depende principalmente da produção dos assets e do número de cenas. O escopo de um projeto 3D é orçado quando sabemos se já existem modelos, quantas cenas distintas e estados de interação são necessários e quais dispositivos precisam ser atendidos. As faixas de orçamento do formulário de contato, de menos de USD 5,000 até USD 60,000 ou mais, ajudam a dimensionar a primeira proposta.
Sites 3D prejudicam o SEO?
Não, quando o conteúdo está em HTML. Os mecanismos de busca não conseguem ler o que é desenhado dentro de um canvas WebGL, então o título, o texto, os links e os metadados precisam ser renderizados como conteúdo normal da página, com a cena carregada depois. Feita assim, uma página 3D é rastreada como qualquer outra; os riscos que restam são o carregamento lento e as mudanças de layout, que testamos antes do lançamento.
Sites com Three.js funcionam em celulares?
Podem funcionar, quando a cena é pensada para celulares e não apenas reduzida a partir de uma demo para desktop. Isso significa modelos e texturas comprimidos, resolução de renderização limitada, renderização apenas quando algo muda e uma versão mais leve para dispositivos menos potentes. Testamos em um celular combinado desde a primeira fatia funcional, para que os limites do mobile orientem o design em vez de surpreender você no lançamento.
Um site 3D interativo sempre precisa de WebGL?
Não. A técnica depende da tarefa. Se as pessoas precisam mudar o ponto de vista ou manipular um objeto, gráficos WebGL em tempo real costumam ser a melhor escolha. Uma narrativa fixa pode usar frames renderizados ou vídeo com uma camada de conteúdo mais leve, o que é mais barato de produzir e mais fácil de manter rápido. Às vezes, imagens em camadas e movimentos bem cuidados já bastam.
Quem cria os modelos 3D?
Qualquer uma das partes pode criar, e a proposta define qual. Você pode fornecer modelos de produtos já existentes que precisam ser preparados para a web, nós podemos usar assets licenciados, ou o escopo pode incluir modelagem nova. Cada caminho muda custo e prazo. Seja qual for a origem, combinamos os formatos de arquivo, os limites de polígonos e texturas e quem é o dono dos arquivos-fonte finais e das licenças.
Quanto tempo leva para criar um site 3D?
Não há uma duração fixa; depende da produção dos assets, do número de cenas e das rodadas de revisão. Definimos o cronograma na proposta depois de delimitar a primeira fatia funcional, pois ela revela o que costuma mudar as datas, como modelos pesados ou interações que precisam ser repensadas para o toque. Informe qualquer data de lançamento logo no início para que o trabalho seja organizado em etapas em torno dela.
Vocês podem adicionar uma cena 3D ao nosso site atual?
Muitas vezes, sim. Uma única seção 3D, como um visualizador de produto ou uma cena de abertura, pode ser adicionada a um site existente se a stack permitir que a cena carregue depois do conteúdo da página. Primeiro analisamos a versão atual e depois definimos o escopo da cena, do fallback e do orçamento de desempenho como um trabalho delimitado, que pode ser aprovado separadamente.
