Estado do sistema: pronto. Acendam as luzes.

Ano

2026

Categoria

Website

Indústria

Espetáculos ao Vivo

Serviços

Website · CMS · 3D · Estúdio Criativo

Contexto^[01]

O ENGI.studio desenha, programa e opera espetáculos ao vivo: cenografia, iluminação, lasers, SFX e pirotecnia, controlo de espetáculo e integração de sistemas, do conceito à digressão. O trabalho deles acontece no escuro, atrás da mesa, e desaparece no momento em que o espetáculo acaba. O portefólio vivia em renders guardados em discos, vídeos em telemóveis e créditos espalhados pelas publicações dos artistas. Para um estúdio cujo trabalho é tornar inesquecíveis os espetáculos dos outros, a sua própria presença online dizia muito pouco.

Desafio^[02]

O desafio não era fazer um site de portefólio. Era construir um que se sentisse como o próprio trabalho — preciso, técnico e teatral ao mesmo tempo — sem se tornar um showreel que ninguém consegue atualizar. O mundo da ENGI são consolas grandMA, timecode, DMX e rigging, e o site tinha de falar essa língua tanto para diretores de produção como para artistas. Também tinha de se manter vivo: novos espetáculos todos os meses, muito conteúdo em vídeo e fotografia, e uma equipa que vive em digressão, não dentro de um CMS.

Objetivo^[03]

Construímos um website desenhado como um sistema de controlo de espetáculo, com um backoffice pensado para uma equipa na estrada. Um site que atua. Usa uma estética monocromática em modo render e tipografia de leitura de estado, com um marquee ao vivo das ferramentas do estúdio (grandMA3, Resolume, Depence, Pangolin, Art-Net, timecode) e um wireframe 3D interativo de um modelo de palco real. O movimento e a coreografia do scroll marcam o ritmo da página como cues. O quadro completo. Quatro áreas principais (cenografia, programação e operação, controlo de espetáculo, SFX e pirotecnia), um workflow em sete passos do conceito à digressão, um arquivo de projetos com filtros e uma página dedicada aos artistas com quem trabalharam. Um backoffice que acompanha o ritmo. Um admin à medida permite à equipa gerir projetos, artistas, categorias, blog e contactos recebidos. Os projetos podem ser duplicados com um clique, e os uploads são convertidos para WebP e WebM no próprio browser, para que os vídeos pesados dos espetáculos continuem rápidos sem ninguém ter de pensar em formatos.

Resultados^[04]

O ENGI.studio tem agora uma casa com o aspeto que os seus espetáculos transmitem, e a equipa atualiza-a a partir da estrada, espetáculo após espetáculo.

Stack

Visitar