Alojamento local Projeto de demonstração
Casa do Outeiro — alojamento local em Sintra com reserva direta
Um site editorial e sereno para um alojamento local de quatro quartos em Sintra: linho, musgo e terracota, vistas em gradiente dentro de janelas em arco em vez de fotografia, e um widget de disponibilidade e reserva com totais reais por noite — tudo orientado à reserva direta sem comissões.
feitura.pt/demo/casa-do-outeiro — Ao vivo
Temos um alojamento local de quatro quartos numa casa de 1934 em Sintra e perdemos demasiado de cada estadia para os portais de reservas. Queremos um site calmo e bonito que saiba à casa — linho, silêncio, sem pressa —, que mostre cada quarto com honestidade, responda às perguntas que os hóspedes fazem sempre (o que fica perto, como funciona o check-in) e receba pedidos de reserva direta com o preço claro, logo a partir do telemóvel.
O que está lá dentro
- Sistema de design editorial e sereno — branco linho, verde musgo e terracota, definido todo em CSS scoped
- Itálicos serifados Georgia para as linhas de atmosfera, etiquetas mono para orientação — sem fotografia de banco
- Quartos como grandes cartões tipográficos, cada um com uma 'vista' em gradientes dentro de uma janela em arco
- Motor de disponibilidade funcional: períodos ocupados por quarto verificados contra as datas escolhidas
- Widget de reserva com contas reais — chegada, partida, hóspedes e quarto calculam o total em EUR ao vivo
- Validação de estadia mínima, ordem das datas e lotação do quarto com mensagens claras e localizadas
- Secção 'A casa', pontos de interesse de Sintra com tempos a pé e de carro, regras da casa e informação de check-in
- Discurso de reserva direta presente em todo o site: sem portais, sem comissões, o preço que vê é o que paga
- Totalmente bilingue PT/EN com toggle nativo, contraste AA, alvos de toque de 44 px e movimento reduzido respeitado
Registo de construção
- Direção de arte e tokens — paleta linho/musgo/terracota, escala serifada e mono, estudos das janelas em arco
- Hero e cabeçalho, vistas de serra em gradientes, navegação por âncoras fixa, estrutura do dicionário PT/EN
- Cartões dos quartos — copywriting dos quatro quartos, paletas de vista por quarto, dados de preço e lotação
- Disponibilidade e widget de reserva: lógica de sobreposição de datas, contas do total por noite, validação e demo sink
- História, pontos de interesse com tempos a pé, regras da casa, rodapé — e recomposição para tablet e desktop
- Revisão de acessibilidade e língua — contraste, estados de foco, movimento reduzido, revisão PT-PT — e polimento final
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
93
Performance
100
Accessibility
100
Best practices
100
SEO