Hotel boutiqueLisboa

Miradouro 14.

Site de um hotel de 14 quartos num prédio de 1890 no alto da Graça, em Lisboa. A casa precisava se diferenciar por detalhes concretos, sem prêmios, notas ou adjetivos de hotel, e levar o hóspede da vista até a reserva direta.

Ver apresentação em vídeo Quero um projeto assim

01

Estudo de caso

O desafio.

Sites de hotel boutique costumam repetir os mesmos recursos: o bairro descrito como “o coração da cidade”, texto de quarto igual ao das plataformas de reserva, prêmios de lista e notas de avaliação como prova, e uma reserva que abre num motor lento, em outro endereço. Numa casa de 14 quartos, isso apaga justamente o que a diferencia. O site precisava mostrar o que é específico da casa, responder às dúvidas práticas antes da reserva e manter o botão de reservar sempre à mão.

01 Bairro descrito de longeA Graça é parte do produto, e uma descrição vaga desperdiça o principal argumento de uma casa no alto da colina.
02 Quartos que parecem iguaisTexto genérico faz três categorias de quarto parecerem uma só, e a escolha passa a depender apenas do preço.
03 Limitações na letra miúdaUma casa de 1890 sem elevador e com o elétrico passando na porta precisa dizer isso antes da reserva.
04 Reserva fora do siteQuando reservar exige sair para outro endereço, a decisão esfria; a reserva tinha de estar a um toque em qualquer ponto.

02

Método Flowt

O diagnóstico.

O site apresenta a casa de 1890 por detalhes que se conferem, como metragem, vista e tempos a pé, e leva o hóspede da primeira tela à reserva direta, sem sair do site do hotel.

Projeto conceitoDiagnóstico Flowt v0.2 · HotelAplicado em 03/10/2026

Primeira tela e proposta de valorA primeira tela diz o que é e onde (hotel de 14 quartos na Graça, Lisboa), dá o diferencial concreto (casa de 1890, pátio, terraço sobre o rio) e já traz a busca de datas.
VelocidadeFontes e bibliotecas servidas pelo próprio site, fotos em AVIF com largura de 800 px para celular e foto de abertura de 62 KB.
Acessibilidade verificávelLighthouse 100 e axe sem violações.
Reserva diretaMotor simulado no próprio site, em 4 passos: datas, quarto e tarifa, dados, revisão.
Informação da estadiaCada quarto com área, cama, vista e uma “linha honesta” (elétrico de manhã, varanda pequena).

Ver análise completa

Os 13 critérios, com a evidência de cada ponto: o que atende, o que atende em parte e o que depende de uma empresa real. Como a marca é um conceito, não existe um "antes" nem nota somada.

Ser encontrado

Ser entendido por buscadores e assistentesAtende em parte

Título e descrição próprios por página, um H1, JSON-LD de Hotel e dos 3 quartos, versões EN e PT ligadas. Fica parcial: noindex de propósito, endereço só com bairro e nenhuma menção de terceiros.

SEO 100 sem o noindex

Reputação geridaNão se aplica

Marca conceito, sem avaliações reais. Num projeto real, volume, recência e respostas são medidos antes e depois no Booking.com, no Google e no Tripadvisor.

Google Hotels e MapsNão se aplica

Marca conceito, sem ficha no Google. Num projeto real, mede-se a ficha no Google Hotels e no Maps e se o preço do site oficial aparece nas opções.

Ser escolhido

Primeira tela e proposta de valorAtende

A primeira tela diz o que é e onde (hotel de 14 quartos na Graça, Lisboa), dá o diferencial concreto (casa de 1890, pátio, terraço sobre o rio) e já traz a busca de datas.

6 de 6 checagens

Prova verificável e permitidaAtende em parte

Fatos verificáveis (m², horários, tempos a pé conferidos no OpenStreetMap), mas sem pessoas com nome nem endereço completo, e as fotos de IA não têm aviso na página. Numa casa real entram fotos próprias.

Consistência entre canaisNão se aplica

Não há canais externos para comparar. Dentro do site, preços (desde €160, €220 e €340), horários e regras de cancelamento são iguais nas páginas em inglês e em português.

Preço direto e vantagemAtende em parte

Preço “desde” por quarto na home e em Rooms, diária no calendário e tarifa não reembolsável 10% menor. Falta dizer a vantagem de reservar direto em vez de numa plataforma.

Informação da estadiaAtende

Cada quarto com área, cama, vista e uma “linha honesta” (elétrico de manhã, varanda pequena). “Good to know” cobre check-in, cancelamento, idade mínima de 12 anos, escadas sem elevador e chegada, em EN e PT.

Ser chamado

VelocidadeAtende

Fontes e bibliotecas servidas pelo próprio site, fotos em AVIF com largura de 800 px para celular e foto de abertura de 62 KB.

Lighthouse 99 no celular · LCP 1,8 s

Acessibilidade verificávelAtende

Lighthouse 100 e axe sem violações. A pílula “Book a stay” sai da ordem do Tab quando some, e os 5 momentos do “dia na casa” são lidos por leitor de tela.

axe: 0 violações

Base técnica, medição e privacidadeAtende em parte

Nenhum rastreador e nada é enviado: a reserva avisa que os dados não saem da página. Sem medição instalada e sem política de privacidade, que um hotel real precisaria para o formulário de reserva.

Caminho até a ação principalAtende em parte

Datas já preenchidas na primeira tela: 1 toque abre o motor, 8 até confirmar. Mas o resumo não diz quando se paga nem se chega confirmação, e não há telefone nem e-mail para dúvidas.

1 toque até o motor · 8 até confirmar

Reserva diretaAtende

Motor simulado no próprio site, em 4 passos: datas, quarto e tarifa, dados, revisão. Total antes de confirmar e cancelamento em cada tarifa; a taxa turística fica fora do total, paga na casa.

4 passos · simulado

Obrigações do setorRNET e Livro de Reclamações aparecem no rodapé de todas as páginas marcados como exemplo; como o site não mostra avaliações, a regra europeia sobre a origem das avaliações não entra.

Num projeto real, cada critério é medido antes e depois, com a mesma régua e a evidência de cada ponto. Não há nota: o que se vê é quantos pontos continuam abertos.

03

Estratégia

Estratégia e mapa do site.

A home foi encurtada para sete blocos e segue a ordem de uma visita: a casa, os quartos, um dia ali, o bairro a pé, os detalhes e a reserva. Os quartos levam o nome da vista (Calçada, Varanda, Miradouro), o que torna a diferença entre eles imediata. O que costuma ficar escondido virou conteúdo: um bloco “Bom saber” com escadas, idade mínima e estacionamento, e uma linha franca em cada quarto. A reserva aparece da barra da abertura à frase do fecho, e na página de reserva o total fica sempre visível.

01Início

Abertura com barra de reserva
A casa
Quartos
Um dia na casa
A Graça a pé e como chegar
Os detalhes da casa
Fecho com reserva em frase

02Quartos

Abertura e índice
Calçada
Varanda
Miradouro
Toda estadia inclui
Bom saber
Fecho

03Reserva

Datas
Quarto e extras
Dados do hóspede
Resumo
Nota sobre o site
Resumo da estadia sempre visível

Sistema visual

Tipografia, cor e ritmo.

Gloock, uma serifa de contraste alto, aparece nos títulos e nos numerais grandes das horas e dos minutos; Outfit deixa o texto corrido leve. A paleta vem da cidade: cal na base, noite de Alfama no texto e nas seções escuras, telha numa palavra por título e nos botões, escurecida para passar no contraste, e azulejo nos links e no mapa. O arco é a única forma curva do site e só aparece onde há algo a revelar.

Sistema visual de Miradouro 14: fonte dos títulos, fonte do texto e paleta de cores com os códigos

Barra de reserva em linhas
Faixas dos quartos
Régua das horas
Mapa da Graça a pé
Reserva em frase

04

Momento assinatura

Um dia na casa.

A seção fica presa enquanto a rolagem percorre o dia, das 8h às 23h. O fundo passa de cal a telha e depois à noite, a foto do terraço muda de luz dentro do arco e uma régua marca a hora. Cada momento traz o dado prático: pequeno-almoço incluído, oficina de azulejo aos sábados, fado às quintas com 25 lugares. Em vez de ler uma lista de serviços, o hóspede vê como seria a estadia.

No celular

Feito para a tela pequena.

Três telas do site num celular de 390 px de largura, a mais comum hoje.

Miradouro 14 no celular: Abertura: o terraço ao fim da tarde, a frase da marca e a barra de reserva completa já na primeira tela. — Abertura: o terraço ao fim da tarde, a frase da marca e a barra de reserva completa já na primeira tela.

Miradouro 14 no celular: Quartos: no celular, as faixas viram lista, com metragem, vista e preço inicial, e a pílula “Book a stay” fica fixa no rodapé da tela. — Quartos: no celular, as faixas viram lista, com metragem, vista e preço inicial, e a pílula “Book a stay” fica fixa no rodapé da tela.

Miradouro 14 no celular: Um dia na casa: o terraço às 8h dentro do arco, o momento do pequeno-almoço e a régua das horas sempre à vista. — Um dia na casa: o terraço às 8h dentro do arco, o momento do pequeno-almoço e a régua das horas sempre à vista.

05

Recibos

Desempenho medido.

As notas abaixo são do site publicado, medidas pelo Lighthouse do Google. Não são uma promessa: são o estado do site no dia da medição. As demonstrações são apresentadas em vídeo. As medições registram o estado do projeto na data indicada.

No celular

99

Desempenho

100

Acessibilidade

100

Boas práticas

69

SEO^*

Maior elemento visível (LCP): 1.8 s
Estabilidade (CLS): 0
Bloqueio (TBT): 10 ms

No computador

100