Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou desenvolver um site interativo 3d com three js e webgl
Farhan Shahriar
Sobre este Serviço
Tradução automática
A maioria dos sites em 3D são uma animação bonita, mas sem nada por trás. Você tem a cena, mas não há backend, nem formulários, nem como editar nada, e ela fica lenta no telefone.
Eu construo tudo isso.
O QUE VOCÊ RECEBE
- Uma cena real de Three.js / WebGL feita sob medida para sua marca. Sem templates, sem projetos reutilizados.
- Movimento controlado por scroll com GSAP que acompanha o leitor, não o contrário.
- O site por trás: páginas, banco de dados, formulários de contato e painel de administração ao qual você faz login.
- HTML real crawlable por motores de busca, por baixo do 3D, para que os buscadores leiam seu conteúdo.
- Uma fallback testada, para que telefones de baixa potência carreguem uma página rápida, não quebrada.
- Deploy ao vivo no seu domínio, além do código fonte completo. Você é o dono.
MINHA STACK
Three.js, WebGL e shaders GLSL escritos à mão. Next.js, React, TypeScript, Tailwind. Supabase e Postgres. Deploy na Vercel.
POR QUE EU
Sou um desenvolvedor full-stack, então a parte 3D e o sistema por trás são feitos pela mesma pessoa. Não há transferência de responsabilidade, nada se perde no caminho.
Meu próprio site roda essa stack exata, ao vivo em farhanshahriar.online. Abra, role, e depois abra no seu telefone.
Me envie uma mensagem antes de pedir e vou te dizer honestamente qual pacote se encaixa.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Farhan Shahriar
Farhan Shahriar
Full Stack Developer
- A partir deBangladesh
- Membro desdejul. de 2024
- Responde em aprox.:1 hora
Idiomas
Bengali, Inglês
I build complete web products end to end - frontend, backend, database and deployment - and I ship them alone, so nothing gets lost in handoffs.
My stack: Next.js, React, TypeScript and Tailwind on the front; Supabase and Postgres with row-level security on the back; deployed on Vercel. When a site needs 3D I write real Three.js and GLSL, not a template.
Everything I claim I have built and shipped: a live site with a WebGL hero, an admin panel, auth, file storage, a contact pipeline and hardened security headers.
Tell me what you need and I will tell you how I would build it.
Tradução automática
Perguntas frequentes
Tradução automática
Vai ficar lento ou travar no telefone?
Não. Antes de entregar, testo em um Android de médio alcance real, não emulador. O site verifica o dispositivo primeiro, e qualquer aparelho de baixa potência recebe uma cena mais leve ou uma fallback estática, ao invés de uma página quebrada. Você receberá uma gravação da tela do telefone junto com a entrega.
O Google ainda vai conseguir ler meu site?
Sim. Seu texto e títulos são enviados como HTML real que os crawlers leem normalmente, e o 3D fica por cima, não substituindo. Esse é o erro que mais prejudica sites em WebGL, então é tratado por padrão, sem precisar de extra.
Eu sou o dono do site e tenho o código fonte?
Sim, em todos os pacotes. Você recebe o código completo e o site é hospedado no seu próprio servidor e domínio. Não há licença de template, nem conta de construtor que você dependa, e nada para continuar pagando para mim.
Quanto tempo leva para carregar?
Não vou te dar um número sem medir no seu projeto. O que eu prometo é um orçamento real para o peso da cena, carregando só o que a primeira tela precisa, e uma comparação antes e depois em uma conexão limitada, que eu mostro para você.
Posso editar o texto e as imagens depois?
No pacote Premium, sim: você tem um painel de administração com login onde edita texto, imagens e conteúdo. Para ser honesto, a cena 3D é código e mudar ela é trabalho de desenvolvimento, não edição de conteúdo.
Você consegue adicionar 3D ao meu site existente sem quebrar?
Sim, exatamente o que o pacote Basic faz. Eu adiciono uma seção 3D ao site que você já tem e deixo o resto como está. Me envie o URL primeiro para eu confirmar se seu setup aguenta antes de pedir.
Isso é um template que você revende para outros clientes?
Não. Cada cena é feita para um projeto e não é reutilizada. Por isso, pergunto qual é sua marca antes de passar o orçamento, e também não consigo entregar uma cena totalmente personalizada em 24 horas.
Quantas revisões tenho e o que conta como uma revisão?
Duas no Basic, quatro no Standard, cinco no Premium, sempre de acordo com o briefing que concordamos antes de você pedir. Ajustar cores, layout, timing ou conteúdo é uma revisão. Mudar o conceito depois de aprovado, ou adicionar páginas, é trabalho novo e vou passar o orçamento honestamente.
Você consegue fazer modelos 3D, personagens ou animações de produto?
Eu construo cenas em código: geometria, shaders, partículas e movimento. Não faço modelagem no Blender, rigging de personagens ou visualização de produtos a partir de CAD. Se seu projeto precisar de um asset modelado, me avise primeiro e vou falar honestamente.
O que você precisa de mim para começar?
Seu objetivo para o site, duas ou três referências que você gosta, seu logo e cores da marca, e seu texto e imagens se tiver. Se o conteúdo não estiver pronto, podemos começar na estrutura e no 3D enquanto você termina.
