Designer reconstrói site pessoal como mundo retrô com direito a boss fight

A fonte descreve um redesign guiado por regras técnicas bem fechadas. O mundo usa a paleta de 4.096 cores do Amiga (dezesseis níveis de vermelho, verde e azul), bordas duras, degradês em faixas e sombreado por dithering ordenado. A maior parte das cenas é desenhada em buffers pequenos de Canvas 2D e ampliada por escalas inteiras, então um pixel de origem vira um bloco quadrado na tela. O logo em voxel usa WebGL2. Segundo Bakaus, essas restrições deram ao Claude um alvo concreto: "deixar mais retrô" podia ir para qualquer lado, mas paleta fixa, grade de pixels e referência aprovada não.

Para quem desenha interfaces, o ponto mais útil é o cuidado com a leitura. Títulos, descrições e links continuam em HTML real, com os canvases desenhados em volta. Quem prefere menos movimento recebe cenas estáticas e transições imediatas, e o som fica desligado até a pessoa escolher. Uma tela de boot foi removida porque obrigava a atravessar um interstício antes do conteúdo. A música é sintetizada ao vivo com Web Audio (doze faixas), e a navegação busca a próxima página atrás de uma persiana, para o áudio não ser interrompido. No lado da produção, o Claude escreveu código, pipeline de arte e música, mas a animação de caminhada só funcionou com um rig de pernas feito de dois ossos e com checagem em tempo real, não por screenshot.

Em 23 de setembro de 2026, o CEVIU noticiou "Desenvolvedor transforma site pessoal em 'Boss Fight' interativa com JavaScript e CSS", sobre um site pessoal em pixel art com música original, cenas jogáveis e batalha contra um chefão. A descrição bate com o projeto de agora, então a notícia atual detalha o mesmo trabalho: o autor (Paul Bakaus), o uso do Claude Code, o prazo de dez dias, a paleta do Amiga e o monstro Jirasaurus. Em 9 de outubro de 2026, o CEVIU publicou "A imperfeição como bússola criativa no design de experiência", que tratava de um redesign de site pessoal com intencionalidade em detalhes divertidos. O resumo não permite afirmar que seja o mesmo site, então fica só como tema próximo.

Para quem trabalha com UX/UI, o caso funciona como um estudo de limites. A personalidade veio de restrições rígidas (paleta, grade, dithering) e não de excesso de efeito. Para quem usa IA no processo, a lição é que a velocidade de produção não substitui o olhar de quem sabe como a animação deveria se comportar. E para o usuário final, o desenho mais importante talvez seja o que ficou de fora: a leitura de um post continua direta e o jogo é opcional.