Cowork Projeto de demonstração
Posto — cowork de bairro com planta ao vivo
Um site em forma de folha de projeto para um cowork de 42 postos num armazém de Campanhã: uma planta SVG interativa mostra que postos e horas de sala estão livres hoje e reserva-os com um checkout MB Way simulado — sem fotografia de banco, tudo desenho de linha.
feitura.pt/demo/posto — Ao vivo
Dois sócios que estão a converter um armazém de 1943 em Campanhã num cowork de bairro com 42 postos precisam de um site que venda o que realmente converte: o que está livre agora. Querem que quem visita veja a planta real, toque num posto livre às 23h40 e entre na manhã seguinte com o passe de dia já pago — mais planos, duas salas de reunião e marcação de visita, tudo com a personalidade da casa.
O que está lá dentro
- Sistema de design de folha de projeto: betão quente, tinta de planta e azul-cobalto, com molduras de marcas de canto sobre papel quadriculado
- Planta SVG interativa desenhada à escala — paredes, arcos de porta, copa, cabine e 42 postos clicáveis
- Motor de disponibilidade determinístico: postos fixos, livres e reservados mudam por dia, iguais no servidor e no cliente
- Fita de datas para hoje e os próximos cinco dias úteis com contador de postos livres ao vivo
- Checkout de Passe Dia com pagamento MB Way simulado e código de entrada tipo QR desenhado em SVG
- Salas de reunião reserváveis à hora a partir da planta, com grelha de horários das 09h às 19h
- Planta utilizável ao teclado: todos os postos livres e salas são focáveis com aria-labels descritivos
- Secção de planos com seletor anual −15%, regras da casa e um dia na vida do espaço
- Ilustração axonométrica do armazém no hero e avatares geométricos dos membros, tudo em SVG inline
- Painel de reserva em bottom sheet no telemóvel que passa a painel lateral no desktop, seguro para movimento reduzido
Registo de construção
- Direção de arte — tokens betão/tinta/cobalto, fundo de papel quadriculado, molduras com marcas de canto, estudos da axonometria do armazém
- Planta desenhada em SVG: paredes, arcos de porta, copa, wc, cabine, duas salas e sete ilhas de postos à escala
- Motor de disponibilidade — hash determinístico por posto e dia, estados fixo/livre/reservado, fita de datas e contadores ao vivo
- Fluxo de reserva de posto: painel lateral, características, pagamento MB Way simulado e código de entrada tipo QR
- Grelha horária das salas, planos com seletor anual, regras da casa, membros com avatares geométricos
- Copywriting completo PT-PT e EN, formulário de visita, rodapé com direções de metro, recomposição para tablet e desktop
- Revisão de acessibilidade — navegação da planta ao teclado, foco do diálogo, contraste, movimento reduzido — e polimento final
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
97
Performance
98
Accessibility
100
Best practices
100
SEO