Plataforma de turismo • ProtótipoShowsPraiasFutebolRomariasInterface com dados demonstrativos
Conectando pessoasa novos destinos.
Uma plataforma para descobrir caravanas, excursões e experiências.
O protótipo de uma plataforma de caravanas e excursões: a vitrine, a escolha da poltrona e um painel de 21 telas para quem organiza.Caravanas e excursões: vitrine, poltrona e painel de gestão.
- Next.js 16.1
- React 19.2
- TypeScript 5.9
- Prisma 5.22
- Tailwind CSS 3.4
- Framer Motion 12
- jsPDF 2.5
Plataforma de turismo • ProtótipoShowsPraiasFutebolRomariasInterface com dados demonstrativosConectando pessoasa novos destinos.
Uma plataforma para descobrir caravanas, excursões e experiências.
- Next.js 16.1
- React 19.2
- TypeScript 5.9
- Prisma 5.22
- Tailwind CSS 3.4
- Framer Motion 12
- jsPDF 2.5
O protótipo de uma plataforma de caravanas e excursões: a vitrine, a escolha da poltrona e um painel de 21 telas para quem organiza.Caravanas e excursões: vitrine, poltrona e painel de gestão.
- Next.js 16.1
- React 19.2
- TypeScript 5.9
- Prisma 5.22
- Tailwind CSS 3.4
- Framer Motion 12
- jsPDF 2.5
O que sai daqui
Uma rodoviária inteira, num site só.
Caravana para show, ônibus para o jogo, excursão para a praia ou romaria: quem organiza essas viagens costuma vender por grupo de mensagem e controlar em planilha. A TicTur junta tudo, a vitrine para o passageiro, o painel para quem organiza e o controle para a plataforma. Toque ou passe o mouse no painel para ver as palhetas virarem.
- SHOWSCaravanas para festivais e turnêsEmbarque
- FUTEBOLÔnibus para o jogo, ida e voltaEmbarque
- PRAIASPacotes de fim de semana e de fériasNo horário
- ROMARIASViagens de fé, com saída marcadaNo horário
- EXCURSOESPasseios de um dia ou de váriosConfirmado
- EVENTOSFeiras, encontros e datas especiaisConfirmado
- 1O passageiroProcura a viagem, escolhe a poltrona e acompanha as reservas.
- 2O organizadorCadastra viagens, frota e poltronas, vende e tira relatórios.
- 3A plataformaLibera organizadores por convite e cuida das assinaturas.
A escolha da poltrona
Janela ou corredor? O passageiro escolhe.
Em ônibus de excursão, a briga é sempre pela janela. Na TicTur o passageiro vê o ônibus por dentro e toca na poltrona que quer, como em companhia aérea. Este aqui funciona: escolha até 10 lugares e troque a forma de pagamento para ver a conta mudar.
Frente do ônibus
- Quatro poltronas por fila: janela nas pontas, corredor no meio.
- Até 10 poltronas no mesmo pedido.
- As ocupadas ficam travadas, ninguém compra o mesmo lugar duas vezes.
Área do passageiro • Protótipo
Cada viagem, bem organizada.
Reservas, histórico e favoritas em uma área dedicada ao passageiro.
Minhas viagensFavoritosDados pessoaisDepois de comprar, o passageiro não precisa caçar comprovante em conversa: tem uma área só dele, com as próximas viagens, as que já fez, as favoritas e os dados de cadastro. Cada tela é um cartão de embarque, toque ou passe o mouse para liberar.
Portão de embarque
Início
As próximas viagens, um cupom de desconto e sugestões de destino.
TT-01/Embarque liberadoconta Portão de embarque
Minhas viagens
Próximas, realizadas ou todas, com a situação de cada pedido.
TT-02/Embarque liberadoconta/ viagens Portão de embarque
Detalhe da viagem
Poltronas, ponto de embarque, horário e o comprovante da reserva.
TT-03/Embarque liberadoconta/ viagens/ [id] Portão de embarque
Favoritas
As viagens que a pessoa guardou para decidir depois.
TT-04/Embarque liberadoconta/ favoritos Portão de embarque
Meus dados
Cadastro, documento e preferências de aviso.
TT-05/Embarque liberadoconta/ dados Portão de embarque
Entrar e cadastrar
Login com senha guardada embaralhada (bcrypt) e cadastro por convite para organizadores.
TT-06/Embarque liberadologin
As telas mostram dados de demonstração: nomes, viagens e valores são de exemplo.
Painel do organizador • Protótipo
Por trás da viagem, uma operação organizada.
Uma visão de gestão para viagens, passageiros, frota e vendas.
Viagens e eventosPassageiros e poltronasFrota e comissõesDocumentos e relatóriosInterface com dados demonstrativos.Quem organiza a caravana precisa saber quantas poltronas sobram, quem pagou e quanto entrou, sem abrir três planilhas. O painel do organizador tem 21 telas; aqui elas são as paradas de uma viagem. Desça para o ônibus andar.
A empresa
O começo de tudo: a visão do dia e os dados de quem organiza.
- 01Painel
- 02Meus dados
- 03Documentos
- 04Perfil
- 05Configurações
O que vender
As viagens, os eventos e as excursões, cada um com saída, preço e vagas.
- 06Viagens
- 07Nova viagem
- 08Detalhe da viagem
- 09Eventos
- 10Excursões
A frota
Os ônibus e vans, e o desenho das poltronas de cada um.
- 11Veículos
- 12Mapa de poltronas
As vendas
Quem comprou, quem embarca e quem vendeu, com a comissão de cada um.
- 13Vendas
- 14Detalhe da venda
- 15Passageiros
- 16Clientes
- 17Ficha do cliente
- 18Comissionários
O dinheiro
Preços, formas de pagamento, conta bancária e o resultado do mês.
- 19Valores
- 20Financeiro
- 21Banco
Os relatórios
Cinco relatórios saem em PDF de verdade: financeiro, vendas, clientes, viagens e o geral.
- 22Relatórios
Acima do organizador fica a plataforma: 10 telas para liberar novos organizadores por código de convite e acompanhar as assinaturas.
O modo de demonstração
Dá para mostrar tudo sem estragar nada.
Um protótipo aberto ao público corre um risco: alguém clicar em "comprar" e achar que comprou. A TicTur tem um modo de demonstração que decide, caminho por caminho, o que passa livre, o que abre só para olhar e o que fica fechado, e explica por quê. Toque ou passe o mouse num caminho fechado.
Passa livre
Navega e mexe à vontade: a home, a entrada, o cadastro, a ajuda e uma viagem de exemplo inteira.
Só para olhar
A página abre, mas os botões não gravam nada: a vitrine, a área do passageiro, o painel do organizador e o da plataforma.
Fechado
Não abre no protótipo: termos, privacidade, cancelamento, blog e as categorias sem viagem de exemplo.
- 877
- linhas só para o modo de demonstração
- 62
- telas no protótipo
- 14
- rotas no servidor
As tecnologias
Do que é feito, peça por peça
Um protótipo de plataforma de viagens em grupo, com três áreas (passageiro, organizador e plataforma) num só projeto. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.
14tecnologias, em 4 camadas
Tela
Dados
Segurança
Relatórios
As telas
Tudo passa pela esteira.
A vitrine, a área do passageiro e o painel do organizador, com os dados de demonstração. Desça: a esteira corre com a rolagem. Clique numa tela para ver grande.
Sites e experiências webPraia JeN