Freela · site e sistema interno

Alento Foto & Filme

O site da Alento e o sistema onde eles entregam as fotos de cada casal.

A Alento fotografa e filma casamentos. Fiz o site deles e um sistema interno onde eles montam a galeria de cada casal. Como o sistema é deles, quando surge uma ideia nova a gente coloca, tanto na área do cliente quanto na organização interna.

Ver o site no ar
Página inicial da Alento com um casal se beijando entre os convidados
O início do site. A foto de um casamento ocupa a tela toda.
de funcionalidades novas desde o lançamento
6 mesesde funcionalidades novas desde o lançamento
fotos numa galeria
1.400+fotos numa galeria
por foto, no arquivo original
30 MBpor foto, no arquivo original
por casal, com senha
1 linkpor casal, com senha

A ideia

Dá para entregar fotos por uma plataforma pronta. Só que aí a Alento se adapta à ferramenta, o casal recebe a galeria com a marca de outra empresa e qualquer mudança depende de alguém de fora. Com um sistema próprio, eles organizam as galerias do jeito que trabalham, entregam com a marca deles e, quando querem mudar alguma coisa, a mudança entra.

  • Organização do jeito deles. Cada foto tem um momento do dia e uma fase, pré-wedding ou casamento.
  • Mais autoridade. O casal abre a galeria no site da Alento, com a marca deles do começo ao fim.
  • Liberdade para mudar. Quando aparece uma ideia, ela vira funcionalidade, para o casal ou para a organização interna.
  • Custo sob controle. A galeria que passou da validade sai do armazenamento sozinha.

Entrega

O que eu fiz

São três partes que usam o mesmo banco de dados.

01 · Para quem ainda vai fechar

Site

Portfólio, sobre, como é a entrega e a proposta com os pacotes. Os botões abrem o WhatsApp deles com a mensagem já escrita.

  • Depoimentos de casais
  • Portfólio por casal e por momento do dia
  • Página da entrega com caixa, pen drive e álbuns
  • Proposta com os pacotes de foto e filme
  • Prévia do link quando alguém compartilha no WhatsApp

02 · Para a Alento

Painel interno

É onde eles criam a galeria de cada casal sem precisar de mim.

  • Galeria com senha e data para expirar
  • Envio de centenas de fotos de até 30 MB de uma vez
  • Momento do dia e fase em cada foto
  • Ordem arrastando, capa e miniaturas
  • Mais de um filme por galeria
  • Uma opção para a galeria aparecer no portfólio

03 · Para o casal

Área do cliente

A galeria do casal, dentro do site da Alento.

  • Entra com a senha e ganha um link para mandar para a família
  • Abas de pré-wedding e casamento
  • Baixa só as fotos escolhidas ou tudo num ZIP
  • Trailer e curta para assistir e baixar
  • Download pelo celular que não reinicia no meio
Página da entrega da Alento com a caixa de fotos e polaroides
A página da entrega mostra o que o casal recebe depois, além da galeria online.

Processo

Como o sistema foi mudando

Desde abril, o que a Alento precisou virou funcionalidade. Umas para o casal, outras para a organização deles.

  1. 01Abril

    PrecisavamOrganizar a entrega e controlar quanto tempo cada galeria fica no ar.

    EntrouGalerias com validade, momentos do dia, ordem arrastando, filmes e um link para o casal compartilhar.

  2. 02Maio

    PrecisavamMostrar para quem ainda vai fechar como é o depois do casamento.

    EntrouPáginas de depoimentos, sobre a dupla e da entrega.

  3. 03Julho

    PrecisavamSubir casamentos com mais de mil fotos e separar o ensaio do casamento.

    EntrouEnvio em lote, galerias paginadas, abas de pré-wedding e casamento e uma proposta nova.

  4. 04Agosto

    PrecisavamEscolher quais galerias aparecem no portfólio separado por momento.

    EntrouUma opção em cada galeria para entrar em “Por momento”.

  5. 05Outubro

    PrecisavamCasais avisaram que o download pelo celular reiniciava no meio.

    EntrouO servidor passou a mandar o ZIP e o filme direto para o download do celular.

Funcionalidades

Por dentro do sistema

Partes do painel e da área do cliente redesenhadas com nomes inventados, porque as fotos são dos casais.

Uma galeria por casal

Nome, data, senha, capa e validade. Se marcar como pública, ela aparece no portfólio.

Envio em lote

Sobem centenas de fotos de até 30 MB numa fila. A miniatura é gerada no navegador antes de enviar.

Momento e fase

Cada foto tem um momento do dia e uma fase. Isso organiza o painel e o portfólio.

Link para a família

Depois da senha, o casal manda um link para a família. A Alento pode desligar esse link quando quiser.

Download pelo celular

Dá para escolher fotos ou baixar tudo. O ZIP e o filme chegam do servidor aos poucos, então o celular não trava.

Trailer e curta

Cada galeria pode ter mais de um filme. O download pega a maior resolução disponível.

Validade

Na data marcada a galeria fecha e os arquivos saem do armazenamento.

Como foi feito

Decisões técnicas.

  1. 01

    Site estático com um Worker

    O site é React com Vite, servido como arquivo estático na Cloudflare. Só abrir a galeria, a prévia do link e os downloads passam por um Worker.

  2. 02

    ZIP montado aos poucos

    O Worker busca foto por foto e vai montando o ZIP enquanto envia. Uma galeria de vários GB não passa pela memória do celular. Para isso precisei do plano de US$ 5 por mês da Cloudflare.

  3. 03

    Senha checada no servidor

    A senha da galeria e o link da família são conferidos no servidor. O painel usa o login do Supabase.

  4. 04

    Filmes no Bunny Stream

    O Bunny cuida da conversão, do player e das resoluções de cada filme.

  5. 05

    Galerias com mais de mil fotos

    As fotos ficam numa tabela própria, paginada e em ordem natural, então IMG_2 vem antes de IMG_10.

  6. 06

    Imagem no tamanho da tela

    Cada foto tem várias larguras. A grade usa a miniatura e o original só aparece no download.

  • React 19
  • TypeScript
  • Vite
  • Tailwind
  • Supabase
  • Cloudflare Workers
  • Bunny Stream
  • TanStack Query

Freela feito do zero e no ar, com casais usando. O painel e as galerias privadas aparecem redesenhados com nomes inventados.

Quer algo parecido no seu negócio?

Me conta o problema e a gente vê juntos o que dá para fazer.