Conceitos de site · avaliação
Dez direções para o novo site da Arterra.
Dois lotes de conceitos completos e distintos. A Rodada 2 foca em animação moderna de verdade (WebGL, shaders, scroll cinematográfico). Clique em qualquer cartão para navegar. No fim, o site no ar.
Rodada 2 · animação moderna
WebGL · água
06 · espelho d'água
Espelho d'água
Um lago reflexivo em tempo real (WebGL): o título reflete e ondula na superfície, o cursor cria ripples, cáusticas dançam no fundo. Sereno e premium.
abrir conceito ↗
WebGL · 3D
07 · imersivo 3D
Imersivo 3D
Cena React Three Fiber com profundidade real: planos de projeto flutuando no espaço, partículas e luz reagindo ao scroll e ao cursor.
abrir conceito ↗
GSAP · Lenis
08 · cinemático
Cinemático
Coreografia de scroll de ponta: cenas fixadas, texto revelado linha a linha, carrossel horizontal, indicador de velocidade. Scroll suave e preciso.
abrir conceito ↗
shader · líquido
09 · líquido
Líquido
A redenção do orgânico, feito com shader: fotos que refratam como água, fundo de gradiente fluido, transições gooey. Lush e moderno — nada amador.
abrir conceito ↗
Motion · tipografia
10 · editorial cinético
Editorial cinético
Editorial de alta-costura: tipografia gigante, marquees, fotos com skew pela velocidade do scroll, micro-interações magnéticas. Sem WebGL — puro motion.
abrir conceito ↗
Rodada 1 · primeiras direções
01 · ultra-modernoO Jardim à NoiteCinema escuro e interativo: raízes em Canvas que crescem em direção ao cursor.abrir conceito ↗
02 · enraizadoBotânico & terrosoEditorial quente em creme e terracota, com raízes que se desenham no scroll.abrir conceito ↗
03 · limpoLimpo & simplesMinimalista, muito respiro, fotos respirando. A opção segura e de alta conversão.abrir conceito ↗
04 · vivoA árvore que cresceA página inteira é uma árvore crescendo, raízes se espalhando e chuva caindo (SVG/Canvas).abrir conceito ↗
05 · engenhariaEngenharia do verde em alturaMaquinário em torres: grua içando árvores ao 23º andar, Bobcat S70, esteiras, antes→depois.abrir conceito ↗
No ar · referência
no arwww.arterra.com.brO site atual, já publicado. Use como referência de comparação com os dez conceitos.abrir site no ar ↗