Samuel Dutra
EN PT

I build the websites, stores and dashboards your customers use.

They load fast, work on every screen and are easy to use. You get a clear estimate before we start and two weeks of support after delivery.

Tell me about your project See my work

Built with HTML, Tailwind, JavaScript and GSAP.

What you get

Every project meets the same standard. The scores below come from Lighthouse, Google's auditing tool, and were measured on this very page.

  • Performance

    Fast loading on a phone and smooth interactions.

    97 out of 100

  • SEO

    Titles, descriptions and page structure ready for search engines.

    100 out of 100

  • Accessibility

    Keyboard navigation, screen reader support and enough contrast between text and background.

    100 out of 100

Measured with Lighthouse on this page

  • Responsive

    Layouts that adapt to phones, tablets and large screens, checked at every size before delivery.

  • Clean, maintainable code

    Organized, consistent code that is easy to maintain or hand over to another developer.

  • Delivery with support

    Two weeks of support after delivery are included in the project price. After that, fixes and small changes are agreed separately.

Services

Front end for small and mid-size projects, with back-end integration when the project needs it.

  • Websites and landing pages

    Company and lead-generation pages that match the approved layout, with well-crafted animations, SEO done right and analytics already set up.

  • Online stores

    Storefront, product pages, cart and checkout designed for shopping on any device.

  • Dashboards and web apps

    Dashboards with charts, tables and filters that update together, so you can follow your business data on one screen.

  • Tweaks and maintenance

    Fixes for specific problems in existing sites and systems, or ongoing maintenance to keep them up to date, stable and always improving.

Projects

Each project shows a different kind of work, and you can open it and try it yourself.

Website built from a Figma design
Website, concept project

A pixel-perfect build of a Figma project: spacing, type and colors match the design, on every screen size.

About the project
A concept website, with no client behind it, built to match a Figma file exactly. The goal is to show that the page you approve in the design is the page you get in the browser.
What I did
I turned the Figma design into responsive HTML, CSS and JavaScript, checking every detail against the original.
Stack
  • HTML
  • Tailwind
  • JavaScript
View project online

Like what you see? Tell me about yours.

How it works

Four steps, and you're kept in the loop from start to finish.

  1. Briefing

    A chat by message or call to understand your goal and scope, followed by an estimate. Once you approve it, a contract sets the scope, price, deadline and number of revision rounds.

  2. Layout

    The layout starts from your Figma file or the references you send. You review it and ask for changes within the agreed rounds.

  3. Development

    Code in HTML, CSS and JavaScript, with React when the interface handles a lot of data and interaction at once. Regular updates let you follow the progress and ask for changes early.

  4. Delivery

    The finished project is delivered along with the source code. The two weeks of support start on the delivery date. If you want, I can also keep maintaining it after that.

Portrait of Samuel Dutra: a smiling man with short curly dark hair, round glasses and a mustache, in a beige linen shirt, outdoors in a forest at golden hour.

About

I'm Samuel, a front-end developer. I'm the link between your system and your customer, making sure they get a great experience and everything works smoothly.

To get there, I use current technologies and aim for efficiency. Not every project needs complex tools, which only raise the cost and stretch the timeline. I also aim for excellence, down to the details that make the difference in the end.

Liked what you saw? Get in touch and let's talk about your project.

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

Let's talk?

Describe what you need and get an estimate. A short message is enough.

Prefer another contact channel?

Type of project (optional)

What you need, what already exists and when you need it.

Your message reaches my email through Formspree and goes through Cloudflare's anti-bot check, both US services. I use it only to reply to you. To delete it, just ask by email.