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
Espelho d'água
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 ↗
Imersivo 3D
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 ↗
Cinemático
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 ↗
Líquido
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 ↗
Editorial cinético
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
Ultra-moderno
01 · ultra-modernoO Jardim à NoiteCinema escuro e interativo: raízes em Canvas que crescem em direção ao cursor.abrir conceito ↗
Enraizado
02 · enraizadoBotânico & terrosoEditorial quente em creme e terracota, com raízes que se desenham no scroll.abrir conceito ↗
Limpo
03 · limpoLimpo & simplesMinimalista, muito respiro, fotos respirando. A opção segura e de alta conversão.abrir conceito ↗
Vivo
04 · vivoA árvore que cresceA página inteira é uma árvore crescendo, raízes se espalhando e chuva caindo (SVG/Canvas).abrir conceito ↗
Engenharia
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
Site atual no ar
no arwww.arterra.com.brO site atual, já publicado. Use como referência de comparação com os dez conceitos.abrir site no ar ↗