nenhum sitedaqui é iguala outro.

A Infroprud cria sites profissionais com design, desenvolvimento, motion e 3D. Cada um nasce do negócio que vai usar.

trabalhos selecionados01 / 06

gravação local, ainda sem endereço público
01projeto conceitual
Casa Moledo
Arquitetura residencial
Uma casa contada do traço à luz. A planta sobe em volume, vira estrutura e ganha pedra e madeira em 3D antes de chegar à fotografia.
- design
- 3d em tempo real
- motion
- mobile
Estúdio Beiral, marca de demonstração
keru-kolu-malhas.pages.devabrir o site
02prévia de apresentação
Keru Kolu, malhas e tecidos
Têxtil para confecção, Terra Roxa, PR
A malha é tecida em geometria, laçada por laçada. A câmera se afasta do fio até o rolo que chega à confecção.
- design
- 3d em tempo real
- motion
- mobile
Keru Koluabrir o site
keru-kolu-previa.pages.devabrir o site
03prévia de apresentação
Keru Kolu, moda bebê
Moda bebê e confecção, Terra Roxa, PR
Uma linha costura o site inteiro: desce pela página, contorna a peça, vira pesponto e termina no tecido visto de perto.
- design
- motion
- profundidade em css
- mobile
Keru Koluabrir o site
o mesmo projeto, no celular
sitio-azul-previa.pages.devabrir o site
04prévia de apresentação
Sítio Azul
Espaço de festas e hospedagem, Nova Iguaçu, RJ
Fotografia real em três planos. A água da piscina sobe, cobre a tela e a cena seguinte nasce do azul.
- design
- motion
- profundidade em css
- mobile
Sítio Azulabrir o site
dental-luxury-3d-master.pages.devabrir o site
05projeto conceitual
Alvor Odontologia
Odontologia
Um dente esculpido em 3D se abre em esmalte, dentina e polpa para explicar o tratamento antes da consulta.
- design
- 3d em tempo real
- motion
- mobile
Alvor, marca de demonstraçãoabrir o site
aesthetic-luxury-depth-master.pages.devabrir o site
06projeto conceitual
Sálvia
Clínica de estética
A figura recortada passa na frente do título e uma pilha de lâminas em perspectiva mostra cada profundidade da pele.
- design
- motion
- profundidade em css
- mobile
Sálvia, marca de demonstraçãoabrir o site

um site, cinco ofícios.

A página ao lado é a abertura deste site em miniatura. Role e veja o que cada serviço faz com ela.

mona sans 540 peso 100 largura

12 colunas, margem de 3,3% da tela. Entrelinha 0,9 e letras 4,7% mais juntas no título.

<section className="hero">  <StageCanvas />  <h1>{hero.title}</h1>  <p>{hero.lead}</p>  <Cta>{hero.primary}</Cta>  <a href="#projetos">…</a></section>

Um canvas e nenhuma luz de verdade: parede, piso e reflexo da sala 3D são texturas pintadas em código.

O título sobe em 1,15 s com a curva power4.out: arranca rápido e pousa devagar. As telas acendem uma a uma, 80 ms entre elas.

4 planos

Ambiente, telas, texto e interface. Na abertura de verdade o ambiente é 3D em tempo real. Mova o ponteiro.

880 px de largura

A mesma página. Abaixo de 620 px o CSS troca a composição: telas em pé, título maior, botão na largura do dedo.

o que a gente cria

landing pagesUma página, uma oferta, um botão.
sites institucionaisQuem é a empresa, o que faz e como falar com ela.
sites comerciaisProduto ou serviço apresentado para gerar contato.
experiências 3dO produto em três dimensões, no navegador.
interfaces responsivasDo monitor grande ao celular na mão.
experiências sob medidaQuando a ideia não cabe em nenhum formato pronto.

como um projeto anda

1entenderO negócio, quem compra e o que o site precisa fazer acontecer.
2criarDireção de arte, texto e layout, do computador ao celular.
3desenvolverCódigo, movimento e 3D, com a página testada em aparelhos reais.
4publicarDomínio, desempenho e o site no ar.

não entregamoso mesmo sitepara toda empresa.

01 / 06Casa Moledo projeto conceitualKeru Kolu, malhas e tecidos prévia de apresentaçãoKeru Kolu, moda bebê prévia de apresentaçãoSítio Azul prévia de apresentaçãoAlvor Odontologia projeto conceitualSálvia projeto conceitual

nicho: arquitetura residencialmalhas e tecidos, venda para confecçãomoda bebê, direto da fábricafestas, comemorações e fim de semanaodontologia estética e implantesestética avançada
tipografia: Bodoni Moda e ArchivoNewsreader e ArchivoBodoni Moda e FigtreeBricolage Grotesque e NewsreaderJost e Source SerifBodoni Moda e Hanken Grotesk
imagem: arquitetura ao entardecer, imagens conceituaiso produto é o 3D: fio, trama, malha, rolopeças reais da marca, recortadas sobre papelfotos e vídeos do próprio sítioconsultório claro, imagens conceituaisretratos de estúdio recortados, imagens ilustrativas
movimento: a casa se constrói: traço, volume, estrutura, matériaa câmera recua do macro até o rolouma linha desenhada do começo ao fima água sobe e troca a cenao dente gira, abre e mostra as camadasplanos de imagem em profundidades diferentes
chamada: “Vamos desenhar a sua.”“Consultar malhas”“Falar com a Keru Kolu”“Consultar uma data”“Agendar avaliação”“Agendar avaliação”
tecnologia: Three.js, GSAP e LenisThree.js sem modelo pronto: tudo gerado em códigosem WebGL: SVG, CSS 3D e Motionsem WebGL: fotografia em camadas e MotionThree.js, GSAP e Lenissem WebGL: CSS 3D e Motion

just make it better

sobre

A Infroprud é um estúdio de sites profissionais. Faz o design e o desenvolvimento, do primeiro rascunho ao site no ar.

instagram @infroprud

a próxima telaé a sua.

Conte o que a sua empresa faz. A conversa começa pelo WhatsApp.

falar sobre meu site +55 45 9927-5095