
TORRA
Torrefação & café
Café de especialidade no Porto, com a frescura como argumento: torra à segunda, data no saco, nunca mais de três semanas. Editorial escuro em cobre, com o formulário a seguir a regra do negócio — a prova é só aos sábados.
ripperestudante@gmail.com
> Formado em Gestão e Programação de Sistemas Informáticos, em Coimbra — hoje construo sites com Next.js, GSAP e Three.js, e antes disso já tinha feito um jogo roguelike em GML. Código e mundo visual, sempre os dois.
Vivo entre dois mundos: o do código que tem de funcionar e o da mitologia que tem de emocionar. Faço as duas coisas falarem.
Interfaces rápidas e vivas, universos com regras próprias, e ferramentas de IA que trabalham ao meu lado. Cada projeto é um sistema — com estética, lógica e alma.
Sete marcas, sete direções de arte, a mesma stack. Nenhuma se parece com a outra — é esse o exercício.
07
Marcas
07
Direções de arte
00
Templates
01
Stack

Torrefação & café
Café de especialidade no Porto, com a frescura como argumento: torra à segunda, data no saco, nunca mais de três semanas. Editorial escuro em cobre, com o formulário a seguir a regra do negócio — a prova é só aos sábados.

Pastelaria de autor
Doçaria tratada como ourivesaria, no Porto. Dourado sobre noir: preloader com contador, tipografia cinética, cursor personalizado e uma vitrine em scroll horizontal fixado.

Restaurante · Cozinha de fogo
Cozinha de fogo em Coimbra, com o fogo a arder de verdade: 2.800 brasas num único THREE.Points com shader GLSL próprio — sobem, cintilam e reagem ao rato. Uma só draw call.

Padaria artesanal
Padaria de massa mãe em Aveiro, com a fermentação de 12 anos («a Ester») como fio narrativo. Papel-farinha e terracota, stickers rodados, cartões pop e marquee outline — tudo em CSS puro.

Marisqueira
Marisqueira na Figueira da Foz. Da referência pizza-amici.nl: cortina de intro, botões-bilhete recortados, fotos-selo postais e um cursor temático — um prato com um camarão que se inclina.

Churrasqueira · Piri-Piri
Churrasqueira que engarrafa o seu piri-piri. Da referência buckssauce.com: ingredientes ilustrados em SVG a flutuar com parallax, pilha de etiquetas fixada no scroll e um carrossel de molhos por cor.

Box de treino
Box de treino em Braga. Da referência buttermax.net: amarelo ácido a encher a página, tipografia grotesk pesadíssima e fotografia full-bleed a cortar a cor. O arrasto do scroll vem de Lenis com lerp contínuo, não de tweens.
O que trago para cada missão. Da primeira linha de código ao último frame de motion.
Sites feitos de raiz para a marca — como os deste portfólio. Zero templates, uma direção de arte por projeto.
Refaço sites que já existem — da estrutura à direção de arte, quando o que está no ar já não representa a marca.
Direção de marca e identidade visual completa — cor, tipografia, tom. O site nasce da marca, não ao contrário.
As fotos do site — produto, espaço, equipa — são tiradas por mim. Uma só pessoa, uma só visão, do princípio ao fim.
Depois de publicado, o site continua a ter dono. Atualizações, correções e pequenos pedidos — sem recomeçar do zero.
Serviço chave-na-mão: código, conteúdo, imagens e publicação. Entrego tudo pronto, não só um protótipo.
// LOG — FORMAÇÃO
Técnico de Gestão e Programação de Sistemas Informáticos
Escola Secundária Avelar Brotero, Coimbra
C# (Visual Studio), HTML/CSS/JS/PHP com acesso a base de dados, SQL (MySQL) e um projeto em Arduino.
Active Space Technologies
Coimbra
Python e Web Scraping, aprendidos para cumprir as tarefas do estágio.
Projeto de Aptidão Profissional — jogo roguelike
GML · Game Maker Studio 2
Projeto final do curso: um roguelike completo, fora do que era lecionado nas aulas.
// STACK ATUAL
// A CAMINHO
Full stack, com Supabase
Para projetos mais completos — incluindo SaaS.
Projeto, colaboração ou só uma ideia maluca? Abre um canal.