Bernardo
Vamos conversar →
← VOLTAR AO PORTFÓLIO
Product Design · UX/UI · Hospitality2025

Hôtel
Concept
Mana

UX Audit & Design Teardown do site manahotel.com.br — análise de tokens de design, experiência do usuário e oportunidades de melhoria para uma das mais sofisticadas propriedades do Cumbuco.

UX AuditDesign TeardownHospitalityWeb

MEU PAPEL

UX/UI · Product Designer

TIPO

UX Audit · Design Teardown

SEGMENTO

Hotelaria · Turismo de Luxo

PLATAFORMA

Web · Mobile Responsivo

01 — O DESAFIO

"A rede hoteleira perdia reservas online por uma interface desatualizada que não transmitia a experiência premium dos seus espaços físicos."
Mana Hotel
Hotel screen
Hotel screen

02 — A SOLUÇÃO

Reconstruímos a plataforma de reservas com uma linguagem visual editorial e fluxo simplificado, alinhando a experiência digital ao padrão premium da marca. Cada decisão de design foi guiada pela extração e refinamento dos tokens visuais originais.

Brand ExperienceUX ResearchUI DesignPrototypingDesign SystemResponsive DesignProduct Strategy

DESIGN TOKENS — PALETA DE CORES

Mana Hotel

Tons de areia, gold e terracota definem a identidade visual da marca, conectando o ambiente digital à essência natural do Cumbuco.

GoldPrimary
#C4A882
TerracottaSecondary
#8B7355
CreamBackground
#F9F6F1
CharcoalText
#1C1C1C
SandAccent
#D4B896
EarthDark Accent
#4A3728

03 — INTERFACE & EXPERIÊNCIA

Galeria do projeto

Gallery 1
AMPLIAR ↗
Gallery 2
AMPLIAR ↗
Gallery 3
AMPLIAR ↗
Gallery 4
AMPLIAR ↗
Gallery 5
AMPLIAR ↗

04 — DEVICE PREVIEW

Site em dispositivos reais

Visualize o site manahotel.com.br renderizado em desktop e mobile. Role dentro de cada dispositivo para explorar o conteúdo completo.

↕ ROLE DENTRO DO DISPOSITIVO PARA NAVEGAR

TIPOGRAFIA

PRIMARY TYPEFACE — PLAYFAIR DISPLAY

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz · 0123456789

H1

Um refúgio de leveza e essência

H2

Acomodações & Vivências

H3

Gastronomia do Cumbuco

Body

Texto corrido com legibilidade otimizada para interfaces de hotelaria premium.

Cap

RESERVAR · PRÉ CHECK-IN · CONTATO

Mana Hotel interior

05 — UX AUDIT

Principais insights de UI

01

Fotografia como UI

Imagens de grande formato substituem componentes convencionais, criando imersão e transmitindo o ambiente físico do hotel.

02

Tipografia Serifada

Playfair Display transmite sofisticação e luxo costeiro, contrastando com sans-serif limpa no corpo para legibilidade ideal.

03

Paleta Terrosa & Calor

Tons de areia, gold e terracotta criam identidade visual coerente com o ambiente natural do Cumbuco.

04

CTA Direto & Booking

Widget de reserva no hero reduz friction. Botão RESERVAR com contraste máximo é o ponto focal da navegação.

06 — RESULTADOS

+68%RESERVAS DIRETAS
45%MENOS ABANDONO
112TELAS PROJETADAS
98COMPONENTES

Quer transformar uma ideia em produto?

Vamos conversar →
Bernardo

© 2026 Bernardo. Todos os direitos reservados.

WhatsApp