Pular para o conteúdo
--:-- BRT

Sites · Convite digital e painel de presença

VÖLK Performance

A VÖLK Performance ia abrir as portas em Itaperuçu, no Paraná, no sábado 29 de agosto de 2026. Precisava saber quem vinha e em que horário. O convite virou um site com confirmação de presença e um painel para a equipe.

Cliente
VÖLK Performance, centro de treinamento e nutrição
Ano
2026
Meu papel
Convite, confirmação de presença, e-mails, painel com check-in e kit de divulgação
Stack
HTML e JavaScript, funções serverless na Vercel, banco Supabase, e-mail pela Resend, DNS na Cloudflare
Estado
No ar
Primeira tela do convite da VÖLK Performance: logo, o título Inauguração oficial e o botão Confirmar presença sobre uma arte escura em tons de bronze
Primeira tela do convite: título, uma frase e o botão que leva ao formulário.

01 / Ponto de partida

Quem vem, e quando.

Uma inauguração com dia inteiro, das 8h às 17h, e porta aberta. A equipe da VÖLK precisava saber quantas pessoas esperar e em que faixa do dia, para dimensionar o time. O convite tinha que abrir fácil no celular, que é onde o link chega.

Convite da VÖLK Performance no celular, com a logo, o título Inauguração oficial e o botão Confirmar presença
O convite no celular, onde a maioria vai abrir o link.

02 / Decisão

O convite é a própria confirmação.

Em vez de pedir resposta por mensagem, o convite traz o formulário na mesma página. A pessoa escolhe manhã, meio-dia ou tarde, diz quantos vão e confirma. Nome completo, e-mail e WhatsApp são obrigatórios, e a autorização do uso dos dados vem marcada à parte.

Formulário de confirmação do convite, com nome, e-mail, WhatsApp, três faixas de horário de chegada, número de pessoas, a pergunta se já treina na VÖLK e o botão Confirmar minha presença
O formulário: dados de contato, faixa de chegada, número de pessoas e autorização de uso dos dados. Campos vazios.

03 / Estrutura

Dois e-mails por confirmação.

Cada confirmação grava no banco e dispara dois e-mails: um para o convidado, outro para a organização, com o botão do WhatsApp dele e os totais até ali. O texto para o convidado muda conforme a faixa de horário e a origem. O mesmo e-mail duas vezes não gera erro: a pessoa vê que já estava na lista. O convite ainda baixa o evento para a agenda e abre o WhatsApp com o convite pronto para mandar a outra pessoa.

Seção Onde e quando do convite, com três blocos: data, horário das 8h às 17h e o endereço em Itaperuçu com o link Como chegar
Data, horário e endereço em três blocos, com o link que abre a rota no mapa.

04 / Entrega

A equipe acompanha e faz o check-in.

O painel fica em página própria e pede login. Mostra confirmações, pessoas esperadas com os acompanhantes somados, quantos já chegaram e a divisão por faixa de horário. Tem busca, filtros, exportação em planilha e a cópia dos WhatsApps da seleção. No dia, um toque marca quem chegou, e as duas contas veem a mesma lista. No celular, a tabela vira cartões.

05 / Marca

A mesma paleta do convite ao story.

O convite usa preto quente, off-white e bronze, com a tipografia Onest servida do próprio domínio. A divulgação seguiu o mesmo sistema: um carrossel de 8 cards com as modalidades e 8 templates de story, o último levando ao convite.

Capa do carrossel de divulgação da VÖLK Performance, com a frase Um lugar e o texto Com diferentes formas de treinar
Capa do carrossel de 8 cards para o Instagram, na mesma paleta do convite.

O que foi entregue

Cada peça tem um trabalho.

  • 01

    Convite com formulário

    Confirmação na mesma página, com faixa de chegada e número de pessoas.

  • 02

    E-mails automáticos

    Um para o convidado e outro para a organização, com os totais da lista.

  • 03

    Painel com login

    Duas contas, sessão por cookie assinado e nenhum dado carregado antes do login.

  • 04

    Check-in na porta

    Um toque marca a presença e as duas contas veem a lista atualizada.

  • 05

    Exportação e WhatsApp

    Planilha que respeita o filtro, cópia dos números e conversa individual.

  • 06

    Kit de divulgação

    Carrossel de 8 cards e 8 templates de story na paleta do convite.

Telas

Telas do trabalho

Parte final do formulário de confirmação no celular, com as faixas de horário, os seletores e o botão de envio
O formulário no celular, em uma coluna.
Story de divulgação com o título Inauguração oficial, a data 29 de agosto, o horário das 8h às 17h e o endereço
Story que leva ao convite: data, horário e endereço.

Em números

O trabalho em números

  • 2e-mails por confirmação: convidado e organizaçãoFunção de confirmação do projeto (api/rsvp.js)
  • 2contas com senha própria no painelREADME do projeto
  • 3faixas de chegada: manhã, meio-dia e tardeConvite no ar, consultado em 07/10/2026
  • 8 + 8cards de carrossel e templates de story na divulgaçãoArquivos do kit entregue ao cliente

Escopo

O que saiu das minhas mãos.

  • Convite digital responsivo da inauguração, instalável na tela inicial do celular
  • Formulário de confirmação com validação no servidor e limite de tentativas
  • Contagem regressiva, mapa de rota, evento para a agenda e convite para repassar no WhatsApp
  • Banco de confirmações no Supabase
  • E-mail de confirmação para o convidado e aviso para a organização
  • Painel de confirmações com login, busca, filtros e exportação em planilha
  • Check-in do dia do evento, também no celular
  • Domínio próprio para o convite, com envio de e-mail configurado
  • Carrossel de 8 cards e 8 templates de story para o Instagram

Ficha e próximos passos

Serviço ligadoSistemas

Ver o convite

Próximo trabalho

Próximo trabalho

Quer um trabalho assim?

Me conta o problema. Eu respondo com a pergunta que precisa ser respondida primeiro.

Conte o que está travando