Passárgada
A PousadaAcomodaçõesOfertas
ReservarMorro de São Paulo · Bahia
Seu refúgio diante do mar.
Hospitalidade, experiências e reserva direta em uma jornada visual pensada para conversão.
EntradaSaídaHóspedesConsultar
PortfólioExperiência profissional
Hospitalidade · Reservas · Experiência do hóspede · Marketing · Produto digital
Source privado · documentação públicaPousada Passárgada
O que esta experiência envolve
Atuação profissional que reúne atendimento, reservas, operação hoteleira, marketing, análise de desempenho e evolução do produto digital da pousada.
Atuação profissional que conecta recepção, reservas, experiência do hóspede, marketing, análise de desempenho e produto digital em uma mesma jornada comercial.
TanStack StartReact 19TypeScriptTailwind CSS 4ViteOmniBeesSEOGA4/GTMZod
3DProfundidade
Superfícies, arquitetura e dados organizados em planos visuais.
4DProcesso
Fluxos mostram a sequência entre entrada, decisão, execução e resultado.
5DContexto
Seção ativa, foco e interação reforçam a informação relevante sem mover o layout.
Uma das entregas digitais
O site dentro de uma experiência profissional mais ampla.
A atuação na Passárgada envolve operação, reservas e marketing. Aqui, as telas mostram especificamente a frente de site e jornada digital entregue para a pousada.
AcomodaçõesConforto com vista para Morro.
Fotos, detalhes, capacidade e chamada direta para consulta de disponibilidade.
Ver categoriaBossa NovaPôr do sol, gastronomia e experiência.Ver cardápio
Contexto e abordagem
O desafio digital dentro de uma operação e atuação profissional mais amplas.
Este recorte descreve especificamente a frente de produto digital, sem reduzir a experiência profissional na Passárgada ao desenvolvimento do site.
Desafio
O desafio é manter coerência entre o que o hóspede vê, o que o marketing promete e o que a operação consegue entregar. Isso inclui conduzir consultas e campanhas até a reserva, melhorar a apresentação da pousada e do Bossa Nova Bistrô e substituir a presença digital sem quebrar URLs, SEO, atribuição ou regras que pertencem ao motor de reservas.
Abordagem do produto digital
A abordagem combina contexto operacional e produto digital. Dúvidas de hóspedes, sazonalidade, reservas e desempenho de campanhas orientam conteúdo, ofertas e jornada comercial. No site, rotas específicas apresentam pousada, acomodações, experiências, Bossa Nova Bistrô e destino; CTAs encaminham datas e ocupação ao OmniBees; redirects e canonical preservam a migração; medição respeita consentimento e evita dados pessoais.
Experiência profissional na Passárgada
Uma atuação que atravessa a jornada do hóspede, a operação, o comercial e o produto digital.
O site é uma das entregas dessa experiência profissional. No portfólio, a Passárgada deve ser apresentada também como contexto de operação, reservas, atendimento, marketing, análise e produto digital.
Operação e recepção
Jornada do hóspede
Atendimento presencial e por WhatsApp, check-in e check-out, orientação ao hóspede, suporte durante a estadia, recomendações locais e acompanhamento das necessidades que chegam à recepção.
Reservas e comercial
Da consulta à hospedagem
Atuação com reservas, comunicação comercial, organização de informações, acompanhamento de contatos e apoio à jornada de compra, mantendo coerência entre o que é apresentado digitalmente e o que a operação consegue entregar.
Marketing
Campanhas e aquisição
Planejamento e acompanhamento de campanhas para períodos de baixa estação, feriados e públicos nacionais e internacionais, com atenção a Google Ads, Meta Ads, WhatsApp, landing pages, segmentação e mensagem comercial.
Análise
Desempenho e decisão
Leitura de resultados de campanhas e canais digitais por métricas como alcance, impressões, cliques, CPC, conversões, taxa de conversão e custo por conversão, conectando desempenho de mídia a reservas e oportunidades comerciais.
Produto digital
Site e jornada de reserva
Estratégia, arquitetura de informação, UX/UI e implementação do novo site, incluindo acomodações, ofertas, experiências, Bossa Nova Bistrô, conteúdo do destino, SEO, medição e integração com o motor OmniBees.
Coordenação
Operação + marketing + tecnologia
Participação em alinhamentos entre operação, gestão, reservas, parceiros de marketing e social media, levando problemas observados no atendimento para decisões de comunicação, campanha e produto digital.
Responsabilidade
Responsabilidades que fazem parte da minha atuação.
O escopo abaixo reúne operação, atendimento, reservas, comercial, marketing, análise e produto digital. A frente técnica do site aparece depois como uma das partes desse trabalho.
Executar atendimento de recepção, check-in e check-out e suporte ao hóspede durante a estadia.
Atuar em reservas, comunicação comercial e acompanhamento de contatos, apoiando a conversão de consultas em hospedagem.
Orientar hóspedes presencialmente e por WhatsApp, incluindo informações práticas da pousada e recomendações sobre o destino.
Acompanhar a experiência do cliente e transformar dúvidas, atritos e recorrências da operação em oportunidades de melhoria.
Contribuir para planejamento de campanhas promocionais, baixa estação, feriados e aquisição de públicos nacionais e internacionais.
Analisar relatórios de Meta Ads, Google Ads e canais digitais para apoiar decisões de comunicação, investimento e oferta.
Estruturar conceitos, ofertas, criativos, textos publicitários, segmentações e jornadas de campanha direcionadas ao WhatsApp e à reserva direta.
Planejar rastreamento por UTMs, eventos e origem de lead para aproximar mídia, atendimento, cotação e reserva confirmada.
Desenvolver e evoluir o novo site da Passárgada, da arquitetura de conteúdo à implementação e integração com o motor de reservas.
Organizar conteúdo comercial de acomodações, promoções, experiências, kits, Bossa Nova Bistrô e informações de Morro de São Paulo.
Preservar a separação entre a experiência pública do site e as regras operacionais de disponibilidade, tarifa, pagamento e confirmação mantidas pelo motor de reservas.
Participar de alinhamentos com gestão, marketing e social media para transformar necessidades da operação em ações digitais executáveis.
Produto digital
A camada técnica dentro de uma atuação mais ampla.
O novo site, SEO, medição e integração com reservas são entregas técnicas importantes, mas representam apenas uma parte do trabalho realizado na operação.
Frontend
TanStack Start · React 19
Aplicação TypeScript responsiva com Vite e Tailwind CSS 4.
Reservas
OmniBees
Integração de pesquisa com datas, ocupação, crianças e cupom, mantendo o motor como fonte operacional.
SEO
Canonical · sitemap · redirects
Estrutura preparada para migração do site sem abandonar URLs e sinais de indexação relevantes.
Medição
Consentimento · UTM · GA4/GTM
Instrumentação preparada por ambiente e com restrição explícita ao envio de dados pessoais.
Validação
Integrity checks · lint · build
Rotinas automatizadas validam mídia crítica e integridade geral antes da entrega.
Fluxos comerciais e digitais
Como campanha, atendimento, reserva e tecnologia se conectam.
A explicação alterna contexto visual e fluxo técnico para mostrar como a jornada comercial chega ao motor de reservas sem confundir responsabilidades.
01CTA de reserva→
02datas e ocupação→
03OmniBees→
04disponibilidade/tarifa/pagamento
Busca de disponibilidade e reserva
Fluxo 01
Busca de disponibilidade e reserva
CTA de reserva → datas e ocupação → OmniBees → disponibilidade/tarifa/pagamento
O site coleta apenas os parâmetros necessários e encaminha a consulta ao motor. Disponibilidade, estoque, tarifa, restrições, pagamento e confirmação permanecem no sistema operacional de reservas.
CTA de reservadatas e ocupaçãoOmniBeesdisponibilidade/tarifa/pagamento
01Campanha/UTM→
02landing→
03CTA→
04motor de reservas→
05conversão
Campanha até a reserva
Fluxo 02
Campanha até a reserva
Campanha/UTM → landing → CTA → motor de reservas → conversão
A origem da campanha acompanha a jornada até o ponto de reserva, permitindo avaliar comunicação e aquisição sem transformar o frontend em sistema de disponibilidade.
Campanha/UTMlandingCTAmotor de reservasconversão
01Consentimento→
02eventos permitidos→
03GA4/GTM→
04análise de desempenho
Medição com consentimento
Fluxo 03
Medição com consentimento
Consentimento → eventos permitidos → GA4/GTM → análise de desempenho
A instrumentação mede navegação e ações comerciais autorizadas sem enviar nome, telefone, e-mail ou conteúdo de mensagens do hóspede.
Consentimentoeventos permitidosGA4/GTManálise de desempenho
01URL antiga→
02redirect→
03nova rota→
04canonical/sitemap→
05busca
Migração sem perder descoberta
Fluxo 04
Migração sem perder descoberta
URL antiga → redirect → nova rota → canonical/sitemap → busca
A substituição do site preserva caminhos relevantes e sinais de indexação para reduzir a perda de tráfego orgânico durante a mudança.
URL antigaredirectnova rotacanonical/sitemapbusca
Arquitetura da frente digital
A arquitetura aparece junto das superfícies reais da experiência digital, mostrando onde site, reserva, SEO e medição se encontram.
A01TanStack Start, React 19, TypeScript, Tailwind CSS 4 e Vite formam a aplicação web
A02Rotas dedicadas estruturam pousada, acomodações, ofertas, experiências, restaurante, destino, galeria e contato
A01
TanStack Start, React 19, TypeScript, Tailwind CSS 4 e Vite formam a aplicação web.
A02
Rotas dedicadas estruturam pousada, acomodações, ofertas, experiências, restaurante, destino, galeria e contato.
A03O motor OmniBees recebe os parâmetros de busca e permanece como fonte operacional para inventário, tarifas e confirmação
A04GTM e GA4 são configuráveis por variáveis de ambiente, sem IDs hardcoded no código-fonte
A03
O motor OmniBees recebe os parâmetros de busca e permanece como fonte operacional para inventário, tarifas e confirmação.
A04
GTM e GA4 são configuráveis por variáveis de ambiente, sem IDs hardcoded no código-fonte.
A05Canonical, sitemap, robots, Open Graph e dados estruturados fazem parte da camada de SEO e migração
A06Scripts de integridade verificam imagens do cardápio e consistência do site antes de build/publicação
A05
Canonical, sitemap, robots, Open Graph e dados estruturados fazem parte da camada de SEO e migração.
A06
Scripts de integridade verificam imagens do cardápio e consistência do site antes de build/publicação.
Documentação técnica pública
Experiência, produto digital e operação demonstrados sem expor o repositório.
A documentação pública mostra como atendimento, reservas, marketing, SEO, medição e integração com o motor de reservas foram conectados. O código da implementação e dados operacionais da pousada permanecem privados.
O repositório público também inclui exemplos de código sanitizados e testes para avaliação técnica, sem copiar a implementação de produção.
Frontend
TanStack Start · React 19
Aplicação TypeScript responsiva com Vite e Tailwind CSS 4.
Reservas
OmniBees
Integração de pesquisa com datas, ocupação, crianças e cupom, mantendo o motor como fonte operacional.
SEO
Canonical · sitemap · redirects
Estrutura preparada para migração do site sem abandonar URLs e sinais de indexação relevantes.
Medição
Consentimento · UTM · GA4/GTM
Instrumentação preparada por ambiente e com restrição explícita ao envio de dados pessoais.
Validação
Integrity checks · lint · build
Rotinas automatizadas validam mídia crítica e integridade geral antes da entrega.
O que é público
Arquitetura pública do site e organização das rotas.
Fluxo entre campanha, landing page, CTA e motor de reservas.
Estratégia de redirects, canonical, sitemap e SEO técnico.
Separação de responsabilidades entre frontend e OmniBees.
Medição condicionada a consentimento e atribuição de campanhas.
Decisões de produto digital derivadas da operação real.
O que permanece privado
Código-fonte do site e configurações internas do projeto.
Credenciais, IDs privados, tokens e configurações de produção.
Dados de hóspedes, reservas, contatos e informações comerciais.
Relatórios internos e métricas não destinadas ao público.
Regras operacionais internas da pousada e do restaurante.
Qualquer integração que dependa de segredo ou acesso administrativo.
Fluxo demonstrado publicamente
Campanha
Landing
CTA de reserva
OmniBees
Conversão
Medição
O objetivo é demonstrar raciocínio de produto, arquitetura e execução sem publicar os mecanismos internos usados para implementar o trabalho.
Dados, segurança e integridade
Regras que impedem o sistema de depender apenas da interface para manter isolamento, confiabilidade ou publicação correta dos dados.
O frontend não cria nem infere disponibilidade, tarifa, estoque ou regra comercial que não tenha sido homologada.
Credenciais e identificadores de produção são configurados no ambiente; segredos não devem ser commitados.
Eventos de marketing não devem transportar nome, telefone, e-mail ou conteúdo de mensagens do hóspede.
Políticas, campanhas e fatos operacionais relevantes possuem documentação versionada que deve acompanhar alterações de código e conteúdo.
A entidade da pousada e a do Bossa Nova Bistrô são separadas também na camada de dados estruturados.
Validação e entrega
O que é verificado antes de tratar uma alteração como pronta para integração, publicação ou produção.
check:menu-images valida a integridade das imagens usadas no cardápio do Bossa Nova.
check:site-integrity verifica consistência do site antes da publicação.
Lint e build de produção fazem parte do fluxo mínimo de validação.
O handoff técnico define um checklist de transição para rotas, CTAs, parâmetros do motor, consentimento, redirects, domínio e HTTPS.
Decisões de produto e engenharia
Decisões que mudam comportamento, risco operacional ou capacidade de evolução — e não apenas preferências de estilo de código.
D1
Separar claramente a experiência pública da lógica operacional do motor de reservas.
D2
Preservar redirects e canonical durante a substituição do site para reduzir perdas de SEO.
D3
Condicionar métricas a consentimento e impedir dados pessoais em eventos de marketing.
D4
Versionar regras editoriais e operacionais que podem causar regressões comerciais se forem alteradas apenas no código.
Trade-offs
O benefício de uma decisão técnica sempre vem acompanhado de custo, restrição ou dependência. Estes são os compromissos mais importantes.
T1
Depender do OmniBees reduz a necessidade de reconstruir disponibilidade e pagamento no frontend, mas torna a experiência final parcialmente dependente de um sistema externo.
T2
Preservar SEO legado adiciona trabalho de mapeamento e validação de redirects, porém reduz o risco de quebrar URLs já conhecidas por buscadores e usuários.
T3
Restringir métricas sem consentimento limita parte da observabilidade de marketing, mas protege privacidade e reduz coleta indevida.
O que esta experiência demonstra
Competências construídas no encontro entre atendimento, operação, reservas, marketing, análise e tecnologia aplicada a um negócio real.
Compreensão direta da jornada do hóspede, da consulta inicial ao atendimento durante a estadia.
Capacidade de conectar operação e reservas a decisões de marketing, comunicação e produto digital.
Leitura de desempenho de campanhas e tradução de métricas em hipóteses comerciais e ações práticas.
Execução técnica de uma presença digital conectada a SEO, medição, campanhas e motor de reservas.
Visão de produto construída a partir de restrições reais de operação, experiência do cliente e conversão.