Estúdio digital autoralDesign + códigoÚltimo no ar: Doce&Sabor

Sites que não passam batido.

O Senerine.dev faz sites e aplicações para marcas e negócios que querem ser lembrados. Um estúdio de uma pessoa só: Leonardo Senerine desenha, programa e publica.

No que eu acredito

Aqui, nenhum detalhe passa batido.

Por que ter um site

O Instagram mostra o que você posta. O site é o lugar que é seu: onde a marca se apresenta inteira, do jeito que você decidiu.

  1. 01

    Endereço próprio

    Domínio seu, conteúdo seu, regras suas. Nas redes, o alcance muda toda semana.

  2. 02

    Atende de madrugada

    Mostra quem você é, onde fica e como chamar. Às três da manhã, com a loja fechada, ele continua respondendo.

  3. 03

    Aparece quando procuram

    Quem precisa do que você faz costuma começar pelo Google. O site é o que aparece ali.

Cases

Cada case abaixo tem as cores da própria marca e as decisões que deram forma a ele.

01 / 05Projeto real · 2026

Doce&Sabor

Marmitas, personal chef e feijoada

Três serviços que viviam espalhados agora cabem numa página só.

Doce&Sabor: Três serviços que viviam espalhados agora cabem numa página só.
Cliente
Doce&Sabor
Ano
2026
Papel
Design, código e publicação
Feito com
Next.js · TypeScript · Tailwind · GSAP
Status
Projeto real

Conceito

A cozinha da Chef Vanda Camargo virou marca: creme e café de base, uma cor para cada serviço e a assinatura que já era dela, feita com cuidado e servida com afeto.

Desafio

Marmitas congeladas, personal chef e buffet de feijoada para até 200 convidados: três serviços com públicos diferentes, cada um com o seu jeito de pedir, e tudo combinado na conversa.

Solução

Uma página com uma seção para cada serviço, logo redesenhada em vetor, um botão de WhatsApp por serviço com a mensagem já escrita e uma página que documenta a identidade da marca.

Decisões

  1. Estratégia

    Sem carrinho: opções, valores e entrega são combinados direto com a Chef. Até o orçamento da feijoada vira uma mensagem pronta no WhatsApp.

  2. UX

    Cada serviço tem o seu botão, que já abre a conversa com a mensagem certa. A Chef sabe na hora do que a pessoa está falando.

  3. Movimento

    Títulos que entram letra por letra e seções que se empilham como pastas. Para quem prefere menos movimento, tudo fica parado.

Doce&Sabor · 1/2
Doce&Sabor · 2/2
02 / 05Projeto real · 2026

Cantina Pôr do Sol

Café colonial e rodízio de pizzas

A vista já vendia a casa. O site precisava levar até a mesa.

Cantina Pôr do Sol: A vista já vendia a casa. O site precisava levar até a mesa.
Cliente
Cantina Pôr do Sol
Ano
2026
Papel
Design, código e publicação
Feito com
React · Vite · Tailwind · GSAP
Status
Projeto real

Conceito

O nome da casa virou o sistema visual: o sol do logo nasce atrás do telhado no carregamento, e madeira, pedra e dourado levam o salão para a tela.

Desafio

Três experiências em dias diferentes, café colonial e almoço no domingo e rodízio de quinta a sábado, cada uma com horário e preço próprios, e toda reserva fechada pelo WhatsApp.

Solução

Uma seção para cada experiência, com o programa do domingo e o valor de cada dia, um painel de reserva que monta a mensagem pronta para o WhatsApp e a inauguração do novo espaço contada em vídeo.

Decisões

  1. Marca

    O logo foi vetorizado em SVG a partir do arquivo do cliente, sem a marca d'água. O sol dele nasce no carregamento do site.

  2. UX

    A reserva conhece as regras da casa: o rodízio só aceita quinta a sábado e o valor muda conforme o dia escolhido.

  3. Performance

    O vídeo da inauguração caiu de 24 MB para 11 MB e só carrega quando a pessoa aperta o play.

Cantina Pôr do Sol · 1/2
Cantina Pôr do Sol · 2/2
03 / 05Projeto real · 2026

D'Conde Barbearia

Barbearia com hora marcada

Do primeiro commit ao sistema em uso em duas semanas.

D'Conde Barbearia: Do primeiro commit ao sistema em uso em duas semanas.
Cliente
D'Conde Barbearia
Ano
2026
Papel
Design, código e publicação
Feito com
React · TypeScript · Tailwind · Supabase · PostgreSQL
Status
Projeto real

Conceito

Uma barbearia clássica com um sistema moderno por trás: o cliente marca em quatro passos e a equipe administra tudo num painel.

Desafio

17 serviços com durações diferentes, barbeiros com horários que mudam a cada dia e toda a agenda combinada à mão pelo WhatsApp.

Solução

Site, agendamento em 4 etapas, login sem senha por código no e-mail e painel com 9 módulos, de agenda a estoque. E-mails automáticos lembram o cliente 3 horas antes.

Decisões

  1. Código

    Preço, horário e permissão são validados no Postgres. A tela só mostra o que o banco permite.

  2. UX

    O cliente vê só os horários realmente livres e marca sem criar senha.

  3. Segurança

    Dois clientes no mesmo horário? O banco recusa qualquer sobreposição, inclusive de serviços que ocupam várias horas.

D'Conde Barbearia · 1/2
D'Conde Barbearia · 2/2
04 / 05Projeto real · 2026

Gordinho Lanches

Hamburgueria desde 1992

34 anos de história que só existiam num mural na parede.

Gordinho Lanches: 34 anos de história que só existiam num mural na parede.
Cliente
Gordinho Lanches
Ano
2026
Papel
Design, código e publicação
Feito com
Next.js · TypeScript · Tailwind
Status
Projeto real

Conceito

A história que já existia fisicamente na parede virou o centro da experiência digital.

Desafio

Uma hamburgueria de 1992 com uma trajetória que ninguém encontrava na internet; quem procurava a casa achava pouca informação útil.

Solução

Linha do tempo ano a ano, do carrinho de 1992 ao salão de hoje, horários que mudam conforme o dia e pedido pelo WhatsApp e pelo iFood.

Decisões

  1. Estratégia

    Sem cardápio no site: o foco é o legado, a família e o pedido pelo WhatsApp.

  2. Marca

    O emblema foi redesenhado em SVG sem o "self service", que a casa não oferece mais.

  3. Imagem

    O mascote foi recortado do logo original e virou personagem do site.

Gordinho Lanches · 1/2
Gordinho Lanches · 2/2
05 / 05Proposta conceitual · 2026

Samoa Gastrobar

Gastrobar com música ao vivo

10,2 mil seguidores e, fora do Instagram, só um cardápio em PDF.

Samoa Gastrobar: 10,2 mil seguidores e, fora do Instagram, só um cardápio em PDF.
Cliente
Samoa Gastrobar
Ano
2026
Papel
Design, código e publicação
Feito com
React · TypeScript · Vite
Status
Proposta conceitual

Conceito

Casa verde, música ao vivo e drinks autorais: o site vende a noite inteira, do almoço ao show.

Desafio

Quem procurava bar, almoço ou música ao vivo não achava cardápio, preço nem agenda. O link da bio levava a PDFs pesados e invisíveis para o Google.

Solução

Cardápio em página com 42 itens do cardápio oficial, agenda de shows que se atualiza sozinha, SEO local e mapa que só carrega com consentimento.

Decisões

  1. Estratégia

    Para um bar, o link mandado no WhatsApp é a vitrine. Por isso cada página sai pré-renderizada, com a prévia de imagem funcionando.

  2. UX

    Os shows moram numa lista: os que passaram somem e os próximos sobem para o topo, sem ninguém mexer.

  3. Performance

    As fotos vindas do Instagram somavam 7 MB e viraram 1,6 MB em WebP, no tamanho em que aparecem.

Samoa Gastrobar · 1/2
Samoa Gastrobar · 2/2

Mais trabalhos

  1. 06SURAMUUma marca de rua com voz alta e um cardápio que muda todo dia.Real sushi · delivery de quebrada · Proposta conceitual
  2. 07Meraki Galleria ShopO nome já existia no letreiro da recepção. Faltava virar site.Tatuagem e barbearia · Proposta conceitual
  3. 08Ponto Alto · Clube da MúsicaUma casa de shows que só tinha flyers.Casa de shows · Proposta conceitual
  4. 09Convite de casamentoUm convite que confirma presença sozinho.Link privado, a pedido dos noivos

Áreas

RestaurantesBarbeariasEstúdios de tatuagemCasas de showAdvocaciaClínicasConstruçãoEventosLojase a sua

Do escritório de advocacia à lanchonete da esquina, começo sempre pela mesma pergunta: quem é o seu cliente e o que ele precisa ver para te chamar?

Me conta do seu negócio

Serviços

Todo projeto sai com design próprio, pensado primeiro para o celular, rápido e pronto para ser encontrado.

  1. 01

    Landing page

    Uma página que apresenta a marca e leva direto ao contato.

    • Design sob medida
    • Pensada primeiro para o celular
    • WhatsApp, mapa e Instagram
    • Publicação com domínio próprio
  2. 03

    Sistema sob medida

    Quando o site precisa trabalhar: agendar, avisar e organizar.

    • Agendamento online
    • Área do cliente sem senha
    • Painel de gestão
    • Notificações automáticas

Manutenção mensal: mudou o cardápio, a agenda ou uma foto? Você me manda no WhatsApp e eu atualizo.

Diferencial

Numa agência, o seu pedido passa de mão em mão. Aqui, quem ouve é quem desenha, programa e publica.

Numa agência

  1. Você
  2. Atendimento
  3. Designer
  4. Desenvolvedor
  5. Publicação

cada passagem é um recado a mais

No Senerine.dev

  1. Você
  2. Leonardo

um recado só

  1. Sem intermediário

    Quem ouve o pedido é quem desenha e escreve o código.

  2. Decisão rápida

    Uma dúvida se resolve numa mensagem, direto com quem decide.

  3. Um responsável

    Do primeiro rabisco ao deploy, você sabe exatamente com quem falar.

  4. Valor fechado

    Proposta por escrito antes de começar. O que está nela é o que você paga.

  5. Prévia ao vivo

    Você acompanha o site sendo feito por um link e pede ajustes no caminho.

  6. Por perto depois

    Trocar um preço, uma foto ou um horário é só me mandar uma mensagem.

Processo

Código é a última etapa

Antes de abrir o editor, todo projeto passa por cinco etapas. Ao lado, o caminho da SURAMU.

  1. 01

    Entender

    • marca
    • objetivo
    • usuário

    Quem é essa marca, o que ela quer e quem ela precisa alcançar?

    A personalidade e o objetivo vêm antes da paleta. A SURAMU se recusa a ter salmão e cream cheese. Isso virou o site inteiro.

    Pôster da SURAMU: nosso sushi não tem cream cheese
  2. 02

    Conceber

    • conteúdo
    • roteiro
    • design

    O que a pessoa sente a cada rolagem?

    O roteiro e o sistema visual existem antes da tela. Na SURAMU, um manifesto por tela antes do cardápio. Primeiro a atitude, depois o peixe.

    O manifesto da SURAMU ocupando a tela inteira
  3. 03

    Construir

    • interface
    • tecnologia

    Qual é a ferramenta certa para o tamanho do problema?

    Só agora o código entra. Na SURAMU, HTML puro e um arquivo que o dono edita para trocar o peixe do dia.

    data/peixes-do-dia.js
    window.PEIXES_DO_DIA = [
      { nome: "Olho-de-boi", status: "chegou" },
      { nome: "Atum",        status: "chegou" },
      { nome: "Bonito",      status: "ultimas" },
      { nome: "Polvo",       status: "acabou" },
    ];
  4. 04

    Refinar

    • detalhe
    • performance
    • acessibilidade

    O que ainda sobra e o que ainda falta?

    Cada tela é revisada no celular, com imagens leves e contraste de verdade. Quem pede chega pelo Instagram: o botão de pedir aparece primeiro e funciona a partir de 375px.

    A primeira tela da SURAMU no celular, com o botão de pedir
  5. 05

    Publicar

    • domínio
    • SEO
    • acompanhamento

    Como o site chega a quem precisa dele?

    Domínio, Google, prévia de link e acompanhamento depois do ar. Capa de link própria para o WhatsApp, versionada para nenhum cache mostrar a antiga.

    A capa de link da SURAMU no WhatsApp
    SURAMU スラムReal Sushi · Delivery de Quebrada
Leonardo Senerine em preto e branco

Sobre

Gosto do momento em que ninguém consegue dizer onde termina o design e começa o código

Leonardo Senerine · Full stack developer · Senerine.dev

Penso como quem desenha e construo como quem programa. Marca, arquitetura, performance e interface entram na mesma conversa, porque no fim viram uma coisa só: a experiência de quem usa.

Quem ouve o seu pedido é quem escreve o código, então nada se perde no caminho. Foi assim que a D'Conde saiu do primeiro rascunho para um sistema em uso em duas semanas.

Por isso o Senerine.dev é um estúdio de uma pessoa só, por escolha: cada projeto passa pelas mesmas mãos do primeiro rabisco ao deploy.

Ferramentas

  • React e Next.jsquando a interface precisa crescer sem perder velocidade.Gordinho, D'Conde
  • TypeScriptem tudo que precisa durar depois do lançamento.Meraki, D'Conde, Samoa
  • APIs e banco de dadosquando o site precisa trabalhar: agenda, login, painel e avisos.D'Conde
  • Node.js e Pythonnos bastidores: scripts, automações e tratamento de imagem.Meraki
  • Tailwind ou CSS puroo que deixar a página mais leve e mais fácil de manter.D'Conde, SURAMU

Este site: Next.js, TypeScript e CSS escrito à mão.

Dúvidas

Quanto custa?

Depende do que o site precisa fazer. Depois de uma conversa rápida, mando uma proposta com valor fechado. O que está nela é o que você paga.

Quanto tempo leva?

Uma landing page fica pronta em poucas semanas. Sistemas levam um pouco mais. O prazo vai escrito na proposta.

Preciso ter domínio e hospedagem?

Não. Eu ajudo a registrar o domínio e cuido da publicação. Para a maioria dos sites, a hospedagem tem custo baixo ou zero.

Vou conseguir atualizar o conteúdo?

Sim. Posso fazer as trocas numa manutenção mensal ou, se fizer sentido, montar um painel para você editar sozinho.

O site vai aparecer no Google?

Ele sai preparado para a busca: endereço, horário, dados estruturados e páginas que o Google consegue ler. A posição também depende da concorrência e do seu perfil no Google.

Você atende na minha cidade?

Atendo clientes de qualquer lugar. Todo o processo funciona a distância, por vídeo ou WhatsApp.

Contato

Vamos fazer o seu não passar batido

Me conta da marca e do que ela precisa. Quem responde sou eu.

Chamar no WhatsApp