01 Home da rede
Escolha um dos três hotéis — Gramado · Porto Alegre · Torres
3 hotéis,3 cidades1 solução de design robusta.
Redesenhando a plataforma de hospedagem de uma instituição pública — em três hotéis, três cidades e uma restrição inesperada.
Hotéis que existem para ampliar horizontes
Missão do Sesc/RS
Promover ações socioeducativas que contribuam para o bem-estar social e a qualidade de vida dos trabalhadores do comércio de bens, serviços e turismo, de seus familiares e da comunidade, para uma sociedade justa e democrática.
Macro-objetivos
- Modernizar e fortalecer a presença online da rede hoteleira do Sesc/RS com um novo site, responsivo em todos os principais dispositivos.
- Criar identidades próprias que caracterizem os três hotéis, convivendo sob o mesmo guarda-chuva da marca institucional.
Visão geral
O Sesc/RS é uma instituição pública do Sul do Brasil que promove o bem-estar social por meio da cultura, do esporte e do turismo. Sua rede hoteleira — três unidades, em Gramado, Torres e Porto Alegre — não tinha uma presença digital unificada: cada hotel dependia de um site desatualizado e difícil de usar, sem design responsivo e com um processo de reserva trabalhoso.
Pesquisa
A fase mais valiosa foram as visitas técnicas a cada hotel. Em vez de projetar a partir de suposições, entrevistei a equipe dos hotéis — da recepção à gerência — para entender não só as necessidades dos hóspedes, mas também as operações internas que um novo produto digital precisaria sustentar.
Principais insights
- O fluxo de reserva era confuso e ineficiente — os hóspedes tinham dificuldade para concluí-lo.
- Nenhum hotel tinha uma identidade visual consolidada, o que os fazia parecer intercambiáveis quando não eram.
- As necessidades de comunicação variavam bastante entre as unidades — um dos hotéis recebia com frequência times de futebol feminino, o que moldava conteúdos e prioridades de atendimento próprios.
- A equipe dos hotéis produzia as comunicações manualmente, o que revelou uma necessidade real de um sistema de conteúdo flexível.
A restrição decisiva
No meio do projeto, a integração com um motor de reservas terceirizado não foi adiante. O núcleo transacional do produto — o recurso que traria os usuários ao site — já não estaria disponível no lançamento.
Em vez de lançar uma promessa quebrada ou adiar indefinidamente, voltei à pesquisa. Com base no que aprendi com a equipe dos hotéis durante a descoberta, propus uma alternativa: um fluxo estruturado de pré-reserva, que apresentava as acomodações com clareza e simplificava o envio de formulários de interesse à equipe do hotel — que então retomava o contato diretamente.
Fluxo do usuário
Da primeira visita à estadia confirmada — mapeado a partir do produto no ar.
-
-
02 Home do hotel
Cada um com identidade própria sobre uma base compartilhada
-
03 Tarifas e disponibilidade
Datas da estadia + hóspedes: adultos, crianças, pets
-
04 Acomodações disponíveis
Opções e tarifas para o período escolhido
-
05 Solicitação de pré-reserva
Um formulário de interesse simples — sem etapa de pagamento
-
06 A solicitação chega à equipe do hotel
Enviada diretamente à equipe de reservas
-
07 Retorno pessoal → estadia confirmada
A equipe contata o hóspede diretamente — o diferencial de atendimento dos hotéis
Solução
O produto final incluiu sites responsivos para os três hotéis — desktop e mobile —, com uma arquitetura de informação clara, um fluxo de pré-reserva que reduziu o atrito sem exigir um motor de reservas e três identidades visuais distintas construídas sobre uma base de componentes compartilhada.
Entregas
- 60 telas prototipadas para 3 hotéis
- 3 identidades visuais distintas (iconografia, cor, produtos com a marca)
- Design responsivo para desktop, tablet e celular
- Fluxo de pré-reserva simplificado e validado com a equipe dos hotéis
- Design system baseado em componentes, com uma estrutura pronta para CMS
Branding
A pesquisa também deixou claro que, embora os três hotéis pertençam à mesma empresa, cada um oferece uma experiência diferente, pensada para um público distinto. Todos os gestores expressaram a mesma necessidade: cada hotel precisava ter a própria cara.
A partir dessas conversas, propus criar marcas que pudessem viver dentro do design system e da identidade visual maiores do Sesc-RS.
Gramado
As hortênsias que cobrem Gramado todo verão — com suas pétalas agrupadas e arredondadas formando buquês de geometria suave — viraram o motivo central do logo do hotel. Abstraí a simetria radial da flor em formas arredondadas sobrepostas, capturando o calor orgânico e a exuberância da região e mantendo a marca limpa o bastante para funcionar no sistema de identidade do Sesc-RS.
Totens de serviço (implementados depois)
A pesquisa também deixou claro que, embora os três hotéis pertençam à mesma empresa, cada um oferece uma experiência diferente, pensada para um público distinto. Todos os gestores expressaram a mesma necessidade: cada hotel precisava ter a própria cara.
A partir dessas conversas, propus criar marcas que pudessem viver dentro do design system e da identidade visual maiores do Sesc-RS.
Outros projetos
-
Horizonte Design System
Uma linguagem de design única e governada, que unifica quatro instituições e atende cerca de 2 milhões de pessoas na web, no app e em sistemas internos.
-
Totem digital de recepção e serviços
Um totem no saguão que recebe os visitantes da sede — café da manhã, salas de reunião, estacionamento e um QR code que leva direto à recepção no WhatsApp