Pular para o conteúdo
Voltar aos projetos

Projeto em detalhe / Eventos & tecnologia

Viral Tickets

Do primeiro ingresso
à entrada no evento.

Uma plataforma que conecta quem compra, quem produz e quem recebe o público. Site, aplicativos e painéis trabalhando com a mesma base de informações.

Percorrer a experiência Explorar as 43 telas Showcase no GitHub

Desenvolvimento full-stack · Aplicativos · Integrações · Infraestrutura

UM PRODUTO. TRÊS EXPERIÊNCIAS.
Tela inicial do app do produtor, com dados de demonstração
Produtor
Início do app do cliente Viral Tickets
Cliente
Confirmação de ingresso de teste no app de check-in
Check-in

Interfaces do projeto · dados de demonstração

Produto
Plataforma de eventos
Canais
Web + 3 aplicativos
Operação
Compra, gestão e entrada
Estrutura
Interfaces, API e banco
Conheça o produto

Viral Tickets no seu celular.

Baixe o app do cliente para explorar eventos e acessar seus ingressos.

Para iPhoneApp Store Para AndroidGoogle Play

O produto em movimento

Um ingresso.
Cinco momentos conectados.

Percorra as telas reais do projeto e veja como cada parte participa da experiência. Você escolhe o ritmo.

Experiência guiadaCapturas do projeto · demonstração visual
Início e descoberta Ampliar
iPhone · demonstração · set/2026
Cliente01 / 05

O evento começa a ser descoberto.

O participante encontra os eventos e os caminhos para acessar seus ingressos. A experiência começa com uma navegação que ajuda a entender onde ir.

O trabalho por trás da tela

Organizar o primeiro contato

A interface conecta descoberta, conta e ingressos, para que a pessoa encontre o próximo passo dentro do mesmo produto.

As telas registram momentos e versões diferentes do projeto. Este percurso explica o fluxo; não executa uma compra ou uma validação real.

Compra dentro do app Ampliar
iPhone · demonstração · set/2026
Cliente02 / 05

A escolha vira um pedido.

O checkout reúne as opções de pagamento e as informações da compra. Nesta captura, o pedido é de demonstração e nenhuma cobrança é realizada.

O trabalho por trás da tela

Dar clareza ao estado da compra

A interface apresenta o pedido; a API acompanha o pagamento. O ingresso depende da confirmação do fluxo, e não apenas do toque em um botão.

As telas registram momentos e versões diferentes do projeto. Este percurso explica o fluxo; não executa uma compra ou uma validação real.

Ingresso com QR Code Ampliar
iPhone · demonstração · set/2026
Cliente03 / 05

O ingresso fica à mão.

O participante acessa o ingresso com QR Code para apresentar na entrada. É a conexão entre a compra digital e a experiência no evento.

O trabalho por trás da tela

Preparar o próximo momento de uso

O QR pode ficar salvo no aparelho. A confirmação de entrada depende da resposta do servidor na validação da portaria.

As telas registram momentos e versões diferentes do projeto. Este percurso explica o fluxo; não executa uma compra ou uma validação real.

Resumo do evento Ampliar
App Produtor · dados de teste · set/2026
Produtor04 / 05

Do outro lado, a operação acompanha.

O produtor escolhe o evento e acessa as áreas de acompanhamento pelo celular. A interface muda conforme o papel de quem está usando.

O trabalho por trás da tela

Separar as responsabilidades

Cliente e produtor trabalham com a mesma base de informações, mas acessam funções e permissões diferentes. Os valores exibidos aqui são de teste.

As telas registram momentos e versões diferentes do projeto. Este percurso explica o fluxo; não executa uma compra ou uma validação real.

Pronto para ler Ampliar
App Check-in · dados de teste · set/2026
Portaria05 / 05

Na entrada, a resposta precisa ser clara.

A equipe lê o QR ou informa o código do ingresso. Explore os estados abaixo para entender como a interface comunica o resultado da conferência.

A equipe pode ler o QR ou informar o código. Ainda não há resultado de validação.

O trabalho por trás da tela

Distinguir confirmação de incerteza

Sem uma resposta conclusiva, a leitura fica pendente. A interface orienta a conferência e evita apresentar uma entrada como confirmada antes da hora.

As telas registram momentos e versões diferentes do projeto. Este percurso explica o fluxo; não executa uma compra ou uma validação real.

Etapa 1 de 5

Como isso se conecta ao seu negócio?

Um site, um app ou um sistema pode conectar as etapas da sua operação. Vamos organizar sua ideia.

Montar meu projeto Explorar as 43 telas

01 / O desafio

Um evento tem muitas pontas.
O sistema precisa conectá-las.

A experiência começa quando alguém encontra um evento. Continua na compra, na confirmação do pagamento, na entrega do ingresso e na chegada à portaria. Ao mesmo tempo, o produtor precisa acompanhar as vendas e a equipe precisa administrar a operação.

O trabalho reúne essas necessidades em um produto com áreas próprias para cada público e uma API que concentra as regras. Isso dá contexto a cada interface: o cliente encontra seu ingresso; o produtor acompanha seu evento; a portaria entende o resultado de cada leitura.

Minha atuação no projeto

Desenvolvimento das interfaces e dos aplicativos, integração com a API, organização dos dados, fluxos de pagamento e preparação da infraestrutura.

03 / A jornada

O que acontece entre
a compra e o acesso.

  1. 01

    Encontrar e escolher

    O participante consulta o evento, confere local e informações e escolhe seu ingresso no site ou no app.

  2. 02

    Comprar e acompanhar

    O pedido segue o fluxo de pagamento. A API trata a confirmação e o estado da compra para a emissão do ingresso.

  3. 03

    Gerenciar o evento

    Produtor e administração acessam suas áreas de vendas, participantes, relatórios e informações financeiras.

  4. 04

    Validar a entrada

    A portaria lê o QR ou informa o código. A resposta diferencia confirmação, recusa e situações que precisam ser conferidas.

Um cuidado importante no check-in

Uma conexão incerta não pode parecer uma entrada confirmada. O aplicativo mantém a leitura como pendente quando não recebe uma resposta conclusiva, para orientar a equipe no momento certo.

04 / A arquitetura

Experiências diferentes.
Uma base conectada.

A divisão por responsabilidade organiza o desenvolvimento e a manutenção de um produto com vários canais.

Interfaces web

Site · cliente · administração
produtor · portaria · check-in

3 aplicativos

Cliente · Produtor · Check-in
Flutter / Dart + núcleo compartilhado

Camada central

API e regras do produto

Autenticação · permissões · eventos · pedidos
ingressos · pagamentos · validação

PHP / REST

Dados e arquivos

MariaDB / MySQL
Dados relacionais e uploads

Integrações

Pagamentos e confirmações
Notificações e serviços do produto

Infraestrutura

Serviços com funções claras

Linux e contêineres LXC no Proxmox, com camadas de interfaces, API e banco organizadas separadamente. Configurações web, certificados e rotinas de backup fazem parte da operação.

Configuração

Ambientes configuráveis

Endereços dos serviços, parâmetros de conexão e credenciais ficam na configuração de cada ambiente. Os aplicativos compartilham a base de acesso à API sem misturar os perfis de uso.

Integração

Estados acompanhados pela API

Pedidos, confirmações de pagamento e validações de ingresso têm estados próprios. As telas consultam esses estados para informar o que aconteceu e qual ação está disponível.

05 / As decisões

O desenvolvimento aparece
nos detalhes do uso.

Este projeto mostra como conecto interface, regras de negócio e infraestrutura para atender uma operação completa.

01

Cada pessoa vê o que precisa

Cliente, produtor, administração e portaria têm contextos e permissões diferentes. Essa divisão orienta a navegação e as ações disponíveis.

02

Uma base comum para os apps

Os três aplicativos usam Flutter e um pacote compartilhado para conectar a experiência móvel aos serviços da plataforma.

03

Feedback para os momentos críticos

Pagamento e check-in precisam comunicar o estado real da operação. Mensagens de pendência e confirmação ajudam a evitar interpretações erradas.

04

Detalhes que apoiam a gestão

Filtros, consultas, relatórios e exportações dão suporte ao acompanhamento do evento. O financeiro separa informações e ações conforme o perfil de acesso.

Abrir original