Case 07Turismo · Portal do viajante
← Cases
07 / 08 · Turismo · Whitelabel

Uma reserva que entende de viagem de bike.

Desenhei o portal onde o viajante encontra e reserva roteiros de cicloturismo. É um site whitelabel: cada operadora tem o seu, com a própria marca, e tudo o que aparece nele vem do portal administrativo, que desenhei em seguida.

PapelProduct Designer · Do zero
ProdutoPortal whitelabel de turismo
ExemploCicloViagem · cicloturismo
PlataformaWeb, mobile first e desktop
Regras do negócio

Antes de desenhar, aprendi como uma cicloviagem é vendida.

Uma viagem de vários dias, em grupo e de bike, tem regras que um e-commerce comum não tem. Mergulhar nelas foi o que deu forma à página do roteiro: cada regra aparece antes do botão de reservar.

Página do roteiro Pedal 7 Lagos no desktop
Regra 01 · Dificuldade

Quem consegue fazer o roteiro.

Nível de dificuldade, próxima saída, duração, altimetria e distância aparecem antes do preço.

Regra 02 · Preço

O preço com as condições da operadora.

O valor por pessoa já vem com o desconto no Pix e as parcelas que a operadora configurou.

Regra 03 · Bike

A bike faz parte da viagem.

Modelos, tamanhos, diária ou pacote e o seguro incluso, para a pessoa planejar o que leva.

Regra 04 · Programação

O que acontece em cada dia.

Trechos, atividades, refeições incluídas, altimetria e distância, dia a dia.

Regra 05 · Guias

Abas que a operadora define.

Cada operadora escolhe as guias de conteúdo da página: bikes, dificuldade, programação e o que mais o roteiro pedir.

Whitelabel

O que a operadora configura é o que o viajante vê.

Nada no site do viajante é fixo. Cada bloco nasce de uma configuração no portal da operadora, com a marca e as regras dela.

Configuração do template e da cor do site
A operadora configuraTemplate, cor e marca
Página inicial da CicloViagem
O viajante vêO site com a cara dela
Lista de grupos com status de cada saída
A operadora configuraGrupos e status de cada saída
Seleção de data de saída
O viajante vêSó as datas à venda
Categorias e valores do roteiro
A operadora configuraPreços por categoria
Seleção de acomodação com preço por pessoa
O viajante vêPreço por pessoa e por quarto
Configuração do Pix parcelado
A operadora configuraRegras de pagamento
Formas de pagamento na reserva
O viajante vêAs formas liberadas por ela
A reserva

Do roteiro ao pagamento, em três etapas.

Data e acomodação, aluguel de bike e pagamento. Cada etapa só pede o que a viagem precisa.

Página do roteiro no celularSeleção da data de saída com status e preçoSeleção de acomodação e passageirosEscolha da bike para alugarResumo da reserva e formas de pagamento
01 · Roteiro

Tudo o que decide, antes do botão.

No celular, as mesmas regras do roteiro cabem num cartão só, acima do botão de reservar.

02 · Data de saída

Só datas que ainda estão à venda.

Cada saída mostra ida, volta, status e preço por pessoa.

03 · Acomodação

Quarto e passageiros na mesma tela.

Padrão ou duplo, com o limite de passageiros e o valor total calculado na hora.

04 · Aluguel de bike

A bike certa, ou nenhuma.

Pacotes com seguro incluso, a opção de não alugar e a altura para a operadora separar o tamanho certo.

05 · Pagamento

Resumo e pagamento juntos.

A escolha da pessoa resumida e as formas que a operadora liberou: Pix à vista, cartão ou Pix parcelado.

Mobile first

Pensado no celular, adaptado ao desktop.

A busca por destino, tipo de viagem, período e duração leva às experiências em destaque, nos dois tamanhos de tela.

Página inicial do portal na versão desktop
Página inicial do portal na versão mobile
Resultado

Uma base que serve para qualquer operadora.

T1

Whitelabel de verdade

A mesma estrutura recebe a marca e as regras de cada operadora.

T2

Reserva completa

Data, acomodação, bike e pagamento, sem sair do site da operadora.

T3

Porta para o próximo projeto

Desenhar o front mostrou tudo o que a operadora precisaria gerenciar. Virou o portal administrativo.

Seu produto precisa servir a vários clientes, cada um com as próprias regras?

Próximo passo

Quer alguém que mergulhe nas regras do seu negócio?

← Case anteriorVivo · antecipação do FGTSPróximo case →Turismo · portal da operadora