Desafio
Apresentar um universo complexo e mecânicas espaciais incomuns sem perder coerência visual ou orientação na navegação.
Estudo de caso · 2026
Quando o território muda, a interface também conta a história.
A experiência web apresenta Errant North com uma linguagem de coordenadas, mapas e registros, conectando atmosfera e mecânicas de um universo ficcional.
Direção de arteMotionFront-end
A cartografia como direção visual
Errant North
A premissa de Errant North transforma mapas e referências espaciais em parte da própria realidade. A linguagem do site nasce desse conceito.
Este case apresenta o trabalho no site cinematográfico: direção de arte, organização da narrativa, movimento e desenvolvimento front-end.
Solução
Uma estrutura por capítulos combina imagens de conceito, linguagem cartográfica, animações de scroll e módulos interativos. A implementação em Next.js preserva as timelines e a navegação da experiência original.
Galeria do projeto
Direção de arte
Construir uma gramática para o impossível
Coordenadas, índices, registros e diagramas dão unidade aos diferentes capítulos da apresentação.
Setores, doutrinas e um grafo de rotas criam momentos de exploração dentro de uma narrativa contínua por scroll.
Impacto
O que o projeto tornou possível
O site constrói um ponto de entrada para conhecer a identidade e a proposta de Errant North antes de jogar.
- • Direção visual ligada à premissa espacial do universo.
- • Narrativa por capítulos e exploração de setores.
- • Interações com doutrinas e referências do grafo de rotas.
Próximos cases
