Samuel Dutra

Eu construo os sites, lojas e painéis que os seus clientes usam.

Abrem rápido, funcionam em qualquer tela e são fáceis de usar. Você conhece custo e prazo antes de começar e conta com suporte depois da entrega.

Feito com HTML, Tailwind, JavaScript e GSAP.

O que você recebe

Todo projeto segue o mesmo padrão de qualidade. As notas abaixo vêm do Lighthouse, ferramenta de auditoria do Google, e foram medidas nesta página.

  • Desempenho

    Carregamento rápido no celular e interações sem travamentos.

    97 de 100

  • SEO

    Títulos, descrições e estrutura de página preparados para os mecanismos de busca.

    100 de 100

  • Acessibilidade

    Navegação por teclado, compatibilidade com leitores de tela e contraste adequado entre texto e fundo.

    100 de 100

Medido com o Lighthouse nesta página

  • Responsividade

    Layout que se adapta a celulares, tablets e telas grandes, conferido em cada tamanho antes da entrega.

  • Código limpo e fácil de manter

    Código organizado e padronizado, fácil de manter ou de ser assumido por outro desenvolvedor.

  • Entrega com suporte

    Duas semanas de suporte após a entrega estão incluídas no valor do projeto. Depois disso, correções e pequenos ajustes são combinados à parte.

Serviços

Front end de projetos pequenos e médios, com integração ao back end quando o projeto exige.

  • Sites e landing pages

    Páginas institucionais e de captação de clientes, fiéis ao layout aprovado, com animações bem trabalhadas, SEO otimizado e medição de acessos configurada.

  • Lojas virtuais

    Vitrine, páginas de produto, carrinho e checkout pensados para compras em qualquer dispositivo.

  • Dashboards e aplicações web

    Painéis com gráficos, tabelas e filtros que se atualizam juntos, para acompanhar os dados do negócio em uma só tela.

  • Ajustes e manutenção

    Correção de problemas pontuais em sites e sistemas já existentes, ou manutenção recorrente para mantê-los atualizados, estáveis e em constante evolução.

Projetos

Cada projeto mostra um tipo de trabalho diferente e pode ser aberto e testado.

Site feito a partir de um design no Figma
Site, projeto conceitual

Uma implementação pixel a pixel de um projeto do Figma: espaçamentos, tipografia e cores iguais ao design, em qualquer tela.

Sobre o projeto
Um site conceitual, sem cliente por trás, construído para ficar igual a um arquivo do Figma. A ideia é mostrar que a página que você aprova no design é a que você recebe no navegador.
O que fiz
Transformei o design do Figma em HTML, CSS e JavaScript responsivos, conferindo cada detalhe com o original.
Tecnologias
  • HTML
  • Tailwind
  • JavaScript
Ver projeto online

Gostou do que viu? Vamos conversar sobre o seu projeto.

Como funciona

Quatro etapas, com acompanhamento do início ao fim.

  1. Briefing

    Conversa por mensagem ou reunião para entender o objetivo e o escopo, seguida do orçamento. Aprovado o orçamento, um contrato define escopo, valor, prazo e número de rodadas de ajustes.

  2. Layout

    O layout parte do seu arquivo do Figma ou das referências que você enviar. Você revisa e pede ajustes dentro das rodadas combinadas.

  3. Desenvolvimento

    Código em HTML, CSS e JavaScript, com React quando a interface tem muitos dados e interações ao mesmo tempo. Atualizações periódicas permitem acompanhar o andamento e pedir mudanças cedo.

  4. Entrega

    Entrega do projeto finalizado junto com o código-fonte. As duas semanas de suporte começam na data da entrega. Se você quiser, também posso continuar fazendo a manutenção depois disso.

Retrato de Samuel Dutra: um homem sorrindo, de cabelo escuro curto e cacheado, óculos redondos e bigode, com camisa de linho bege, ao ar livre numa floresta na hora dourada.

Sobre

Sou o Samuel, desenvolvedor front-end. Sou o responsável pela ponte entre o sistema e o seu cliente, garantindo que ele tenha uma ótima experiência e que tudo funcione bem.

Para isso, trabalho com as tecnologias mais atuais e busco o máximo de eficiência. Nem todo projeto precisa de ferramentas complexas, que acabam encarecendo o projeto e aumentando o tempo de produção. Além disso, busco sempre a excelência, entregando os detalhes que fazem a diferença no final.

Se você gostou do que viu, entre em contato comigo e vamos conversar sobre seu projeto.

  • HTML
  • CSS
  • Tailwind
  • JavaScript
  • GSAP
  • React

Vamos conversar?

Descreva o que você precisa e receba um orçamento. Uma mensagem curta é suficiente.

Prefere outro canal de contato?

Tipo de projeto (opcional)

O que você precisa, o que já existe e para quando.

Sua mensagem chega ao meu e-mail pelo Formspree e passa pela verificação anti-robô do Cloudflare, dois serviços dos EUA. Uso só para responder você. Para apagar, é só pedir por e-mail.