Portal de turismo e nômades digitais — design do site
Dez layouts responsivos para um portal de viagens e hub de conteúdo.
Um portal de viagens e hub de conteúdo com pacotes nacionais e internacionais, roteiros guiados, material para nômades digitais e conteúdo editorial. Desenhei dez layouts responsivos entre desktop e mobile — home, tour guiado, listagem e artigo do blog, sobre e contato — estruturando os cards de destino, o template de leitura e a captação de leads para reserva. Designer de UI único do site; a identidade é de outro designer e o build em WordPress foi de um desenvolvedor no-code.
- Função
- Sole website UI designer
- Período
- set. de 2023 – out. de 2023
- Stack
- Figma
- Evidência
- No ar
- Arquivo de design
Designer único de UI do site para a Mala de Turista (publicada no ar sob o nome Mala de Turismo), agência de viagens, operadora de passeios guiados e plataforma de conteúdo para nômades digitais. Desenvolvi 10 pranchetas de layout responsivo no Figma (arquivo pHnKZf5r5Lv4xcwv7M9nLv) abrangendo pacotes para destinos nacionais e internacionais (Orlando/Disney, Paris, Lisboa, Buenos Aires, Rio de Janeiro), agendamento de tours guiados (Tour guiado), dicas para trabalho remoto (Nômade digital), blog editorial (Blog #14 e Blogs - Mobile) e formulários de contato, com suporte de um Style Guide com 46 nós estruturando tags de destino e paleta de cores para viagens.
Atuação como funcionário na agência Sagitta de 29 de setembro de 2023 a 10 de outubro de 2023. Juan atuou como designer único de UI do site na equipe da agência: Kelvin Bezerra criou a identidade visual e o logotipo, Juan desenhou todo o portal de viagens no Figma, e um desenvolvedor no-code implementou e publicou o site no WordPress. Escopo alinhado por Ramon.
UX para turismo: destinos selecionados e conteúdo para nômades digitais
- 10
- pranchetas de layout responsivo na página principal de Design
- Tier A
- de fidelidade entre o arquivo Figma e o site publicado
- 46
- tokens de estilo, tags de destino e componentes no Style Guide
- 157 KB
- de HTML em produção verificado em maladeturista.com.br
O planejamento de viagens é uma experiência aspiracional que depende de fotografias inspiradoras, transparência no itinerário e facilidade para solicitar orçamentos. A Mala de Turista necessitava de uma presença online que atendesse tanto famílias em busca de roteiros completos (como pacotes para a Disney ou circuitos europeus) quanto viajantes individuais e nômades digitais interessados em dicas práticas de estadia e trabalho remoto.
Descoberta de destinos e guias editoriais em 10 pranchetas
Na prancheta principal de Design (nó 1:15), estruturei a navegação do portal em páginas temáticas:
- Página Inicial (Página Inicial) — Banner com os principais destinos da temporada (Paris, Lisboa, Buenos Aires, Gramado), depoimentos de clientes e chamada para consultoria personalizada.
- Passeios e Roteiros Guiados (Tour guiado) — Detalhamento do roteiro dia a dia, hospedagens incluídas, passeios opcionais e condições de pagamento.
- Blog Editorial de Viagens (Blog #14 e Blogs - Mobile) — Templates para guias de viagem, listas de bagagem, documentação necessária e guias para nômades digitais.
- Institucional e Credibilidade (Sobre nós) — Apresentação da agência, parcerias com operadoras e consultores de viagem dedicados.
- Canal Direto de Atendimento (Contato e Versões Mobile) — Formulários diretos e integração com WhatsApp para montagem ágil de pacotes sob medida.
Juan classifica este projeto como Tier A: o site publicado em maladeturista.com.br responde HTTP 200 com 157 KB e mantém o layout, os cards de destino e a tipografia do Figma. A mudança de nome para 'Mala de Turismo' decorre de um ajuste de marca do cliente, preservando a autoria original do design.
Tokens do Style Guide e componentes de turismo
A página de Style Guide com 46 nós (nó 1:16) definiu os elementos da marca concebidos por Kelvin Bezerra: tags coloridas por categoria de viagem (Aventura, Cultural, Luxo, Família), barras de navegação responsivas, menus mobile e tipografia acessível.
O que este projeto é e o que não é
- Não é criação de marca ou logotipo. Kelvin Bezerra concebeu a identidade visual e o logotipo da Mala de Turista.
- Não é programação em WordPress. O site foi montado no CMS por um desenvolvedor no-code.
- Não é emissão de passagens ou operação turística. Criei o design da interface web, não o sistema de reservas ou logística.
- Não é pesquisa ou discovery. O escopo foi definido por Ramon.
- Não possui métricas de pacotes vendidos. Nenhum dado de receita ou número de viajantes consta nos registros.
O impacto de um portal de viagens bem organizado
A Mala de Turista exemplifica como a organização visual e a clareza nas informações transformam o interesse de viagem em pedidos reais de orçamento. Ao aliar imagens de destinos com itinerários estruturados e guias de conteúdo, o projeto forneceu uma experiência digital completa para a agência.
Evidência
O site foi implementado e publicado em produção, permanecendo no ar até hoje em maladeturista.com.br (HTTP 200, 157.089 B verificado em 21/08/2026). Juan classifica este projeto como Tier A: o site publicado reflete fielmente o layout entregue no Figma. Nota: o cliente atualizou o nome no ar para 'Mala de Turismo' em um rebranding, mantendo o domínio e a arquitetura originais. Não existem métricas de vendas de pacotes. Este estudo de caso documenta a arquitetura de portais de turismo, vitrines de destinos e design de blogs de viagem.