CCP Festival
You have exceeded your allotted number of views.
For full access to our extensive awards archive
Members Login Here
For full access to our extensive awards archive
Members Login Here
Category
AUTOPROMOÇÃO / Autopromoção
Annual ID
CCP25_DI046B
Briefing
Burocratik.com, 18 anos em construção.
O nosso novo site cimenta o lugar da Büro no mapa do design digital: limpo sem ser aborrecido, irreverente sem ser forçado.
É um mergulho completo na identidade visual e tecnológica do estúdio, para lá do design. Aplicações de Identidade Digital (código, som, imagem, movimento e interação) funcionam em conjunto para mostrar o nosso trabalho e tom de voz. Criamos marcas para o digital, é essa a nossa proposta para o mercado, mas como é sabido poucas marcas permitem que a sua identidade quebre regras e brinque a sério.
Este é o nosso espaço, a nossa identidade e as nossas regras. Fizemos exatamente o que defendemos por nós próprios, desta vez com todo o tempo e carinho necessários.
O nosso novo site cimenta o lugar da Büro no mapa do design digital: limpo sem ser aborrecido, irreverente sem ser forçado.
É um mergulho completo na identidade visual e tecnológica do estúdio, para lá do design. Aplicações de Identidade Digital (código, som, imagem, movimento e interação) funcionam em conjunto para mostrar o nosso trabalho e tom de voz. Criamos marcas para o digital, é essa a nossa proposta para o mercado, mas como é sabido poucas marcas permitem que a sua identidade quebre regras e brinque a sério.
Este é o nosso espaço, a nossa identidade e as nossas regras. Fizemos exatamente o que defendemos por nós próprios, desta vez com todo o tempo e carinho necessários.
Description
O universo da marca que construímos:
• Tipografia. Trabalhámos com a Commercial Type para personalizar a Gräphik, ligeiramente puxada para o grotesk, com números e caracteres mais quadrados. Criámos também um conjunto de emojis próprios para enriquecer a narrativa.
• Design. Suíço, limpo e baseado em grelha. O site traduz sistemas de grelha modernistas para o browser. Para evitar o óbvio, sobrepusemos formas simples — linhas, pontos e tipografia — como linguagem interativa. O sistema visual inteiro evita anti-aliasing, para um toque cru e punk.
• Som. A maioria dos sites ignora o som. O nosso não. O som é um sentido, e usamo-lo. O conceito de UX? Espalhar o som pelo site, para que a interação componha música personalizada, sem botão para desligar o áudio. Afinal, o punk não é para meninos UX-first.
• Código. Linhas ativam notas nos Studios, pontos no Recognition, caracteres dos nomes dos nossos clientes no Work — isto não é música de fundo, é áudio gerado com WebGL e matemática. Cada objeto interage com os pontos em tempo real. Ao fazer scroll, cada linha toca uma nota, deixando espaços de silêncio — um contraste com o ritmo do reel, quase um detox antes do silêncio que se segue. Por favor, sê gentil com a estátua dos mamilos — faz parte do nosso legado.
• Reel. Interação centrada em vídeo, mostra o nosso trabalho como extensão da marca. Num minuto, mostramos os trabalhos dos últimos dois anos.
• Bot. Um bot de navegação que contextualiza o que está no ecrã. Não é IA — é um humano a fingir que pensa como uma máquina. É complicado, mas o que vem aí com a IA vai ser ainda mais.
• Jogo 404. Porque perder-se também pode ter graça.
• Cada case study mostra como elevamos marcas no digital e aponta o caminho para as próximas: aquelas que valorizam o risco, o detalhe e ir além do óbvio.
No fundo, este site é a Büro no seu estado mais puro: arrojada, experimental e sem pedir desculpa. Um espelho do que somos e do que nos faz sentir vivos nesta coisa de fazer design.
• Tipografia. Trabalhámos com a Commercial Type para personalizar a Gräphik, ligeiramente puxada para o grotesk, com números e caracteres mais quadrados. Criámos também um conjunto de emojis próprios para enriquecer a narrativa.
• Design. Suíço, limpo e baseado em grelha. O site traduz sistemas de grelha modernistas para o browser. Para evitar o óbvio, sobrepusemos formas simples — linhas, pontos e tipografia — como linguagem interativa. O sistema visual inteiro evita anti-aliasing, para um toque cru e punk.
• Som. A maioria dos sites ignora o som. O nosso não. O som é um sentido, e usamo-lo. O conceito de UX? Espalhar o som pelo site, para que a interação componha música personalizada, sem botão para desligar o áudio. Afinal, o punk não é para meninos UX-first.
• Código. Linhas ativam notas nos Studios, pontos no Recognition, caracteres dos nomes dos nossos clientes no Work — isto não é música de fundo, é áudio gerado com WebGL e matemática. Cada objeto interage com os pontos em tempo real. Ao fazer scroll, cada linha toca uma nota, deixando espaços de silêncio — um contraste com o ritmo do reel, quase um detox antes do silêncio que se segue. Por favor, sê gentil com a estátua dos mamilos — faz parte do nosso legado.
• Reel. Interação centrada em vídeo, mostra o nosso trabalho como extensão da marca. Num minuto, mostramos os trabalhos dos últimos dois anos.
• Bot. Um bot de navegação que contextualiza o que está no ecrã. Não é IA — é um humano a fingir que pensa como uma máquina. É complicado, mas o que vem aí com a IA vai ser ainda mais.
• Jogo 404. Porque perder-se também pode ter graça.
• Cada case study mostra como elevamos marcas no digital e aponta o caminho para as próximas: aquelas que valorizam o risco, o detalhe e ir além do óbvio.
No fundo, este site é a Büro no seu estado mais puro: arrojada, experimental e sem pedir desculpa. Um espelho do que somos e do que nos faz sentir vivos nesta coisa de fazer design.
Results
Foi Site of the Day - Mar 27, 2025 nos Awwwards, e foi candidato a Site of the Month, tendo ficado em segundo lugar.
2025 Awards
Total Points: 3
Bronze Winner
Credits
Design Firm
Bürocratik / Porto e Coimbra
Creative Director
Adriano Esteves
Designer
André Filipe
Bruno Amorim
Pedro Lopes
Illustrator
António Lourenço
Motion Designer
Ana Romão
Related Awards