Entretenimento Projeto de demonstração
TRINCO — escape rooms de Lisboa com fechadura de combinação jogável
Um site noir com calor para um clube de escape rooms em Alcântara: tinta quente, latão envelhecido e um verde-garrafa, fechaduras a traço fino e cartões em papel de dossiê — e uma fechadura de três discos a funcionar na própria página. Resolva três pistas cifradas, abra o trinco, ganhe um código de desconto de demonstração. Salas, recordes e reservas seguem a mesma lógica de processo arquivado.
feitura.pt/demo/trinco — Ao vivo
Um clube de escape rooms ao fundo de Alcântara quer um site que jogue como as suas salas: antes de reservar, o visitante deve resolver alguma coisa. Pediram um enigma verdadeiro na página — uma fechadura de combinação com pistas — mais apresentações em dossiê das três salas com dificuldade, sustos, tamanho de equipa e preços honestos por equipa, um fluxo de reserva ao fim do dia com total ao vivo, um quadro de recordes com as fugas mais rápidas, e regras, horários e indicações claras até à porta verde junto ao rio.
O que está lá dentro
- Sistema de design noir com calor: tinta quase-preta quente, latão envelhecido e um verde-garrafa, com fechaduras e cadeados a traço fino em SVG
- Enigma jogável assinatura: uma fechadura de três discos que se abre resolvendo um criptograma, uma contagem de chaves e um algarismo ao espelho
- O trinco abre com uma animação de aro segura para movimento reduzido e revela um código de recompensa de demonstração; combinações erradas abanam e apontam para a pista certa
- Discos operáveis por toque, botões anterior/seguinte e setas do teclado, com etiquetas aria e anúncios ao vivo
- Três salas em cartões de papel de dossiê com carimbos de texto rasurado, dificuldade em cadeados de cinco, nível de sustos, tamanho de equipa e preço por equipa em EUR
- Sobreposição de detalhe da sala com a história completa do caso e o que cada sessão inclui
- Fluxo de reserva em cinco passos — sala, dia, horário noturno, equipa, contacto — com total ao vivo e datas que respeitam os dias de fecho
- Quadro de recordes em mono com as fugas mais rápidas, protagonizado por equipas como a Turma da Gazua e os Sem Pressa Nenhuma
- Totalmente bilingue PT/EN, contraste AA auditado, alvos de toque de 44 px, um único h1 e alternativas de movimento reduzido
Registo de construção
- Direção de arte e tokens — paleta de tinta quente, latão envelhecido e verde-garrafa, sistema de fechaduras a traço fino, estudos de tipografia cifrada em IBM Plex Mono
- Hero e navegação — carimbo de dossiê, faixa de coordenadas, ilustração da fechadura, navegação fixa com seletor de idioma
- O enigma assinatura — fechadura de três discos, cartões de pistas cifradas, abanão e dicas em combinações erradas, revelação do trinco aberto com o código de demonstração
- Dossiês das salas — cartões com textura de papel, efeitos de rasura, medidores de dificuldade em cadeados, sobreposição de detalhe com as histórias dos casos
- Fluxo de reserva — cinco passos encadeados, datas que respeitam os dias de fecho, horários noturnos, total de equipa ao vivo; quadro de recordes em mono
- Faixa de como funciona, acordeão de regras e perguntas, rodapé de localização e horários, passagem completa do locale EN
- Passagem de movimento com alternativas de movimento reduzido, auditoria de teclado e leitor de ecrã da fechadura, auditoria de contraste e alvos de toque, recomposição para desktop
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
92
Performance
100
Accessibility
100
Best practices
100
SEO