ML Matheus
Lourenço
Vamos conversar
Disponível para novos projetos

Matheus Lourenço · 21 anos · Brasil

Front-endWeb Developer

Explorar projetos↓

Crio interfaces rápidas, responsivas e cheias de personalidade — com código limpo, movimento e atenção aos detalhes.

ReactGSAPSwiper.jsTailwind

Projetos selecionados

Cada projeto, uma nova perspectiva.

beauty salon
Hero original do projeto Beauty Salon
Project focus / 01
Direção
UI & Front-end
Desafio
Conversão com elegância
Stack
HTML · CSS · JS
Entrega
Landing responsiva
01 · Landing page

Beauty Salon

Experiência elegante para serviços de beleza e agendamento.

dentist care
Hero original do projeto Dentist Mockup
Project focus / 02
Direção
UI & Front-end
Desafio
Confiança e acolhimento
Stack
HTML · CSS · JS
Entrega
Site institucional
02 · Site institucional

Dentist Mockup

Interface acolhedora para uma experiência de cuidado e confiança.

nutrition
Hero original do projeto Nutrition Mockup
Project focus / 03
Direção
UI & Front-end
Desafio
Leveza com autoridade
Stack
HTML · CSS · JS
Entrega
Landing responsiva
03 · Landing page

Nutrition Mockup

Leveza visual e autoridade para apresentar um atendimento personalizado.

leadflow / crm
LF
Produto em evolução

Pipeline comercial

Leads que avançam.
Fluxos que convertem.
Busca dados reaisFluxo pipelineCSV exportação
Project focus / 04
Direção
Produto & Front-end
Desafio
Prospecção organizada
Stack
React · TypeScript
Status
Em desenvolvimento
04 · Aplicação web

Leadflow CRM

CRM para buscar, organizar e acompanhar leads em um pipeline comercial.

HTML✦CSS✦JavaScript✦React✦Sass✦Tailwind✦GSAP✦Swiper.js

Código limpo é só o começo. Eu gosto de construir interfaces que tenham ritmo, intenção e resposta.

Sou desenvolvedor web com foco em front-end. Trabalho com fundamentos sólidos — HTML, CSS e JavaScript — e uso React para criar experiências mais escaláveis e componentizadas.

Também domino ferramentas de estilo como Sass e Tailwind, além de bibliotecas de animação e interação como GSAP, Swiper.js e Anime.js.

21anos
08+tecnologias
100%foco no detalhe

Ferramentas que
uso para criar.

Da estrutura à animação, escolho cada tecnologia de acordo com o que a experiência precisa.

01

HTML

Semântica e acessibilidade

02

CSS / Sass

Design systems e layouts responsivos

03

JavaScript

Interações e lógica de interface

04

React

Componentes e aplicações escaláveis

05

Tailwind

Prototipação consistente e rápida

06

GSAP & Motion

Animações fluidas e expressivas

Formação / prática / evolução

A faculdade abriu a porta.
A prática ampliou o caminho.

Minha trajetória em Análise e Desenvolvimento de Sistemas estruturou o raciocínio que hoje aplico em interfaces, componentes e experiências digitais — e agora ganhou um novo capítulo.

O ponto de partida

Análise e Desenvolvimento de Sistemas.

Entrei no ensino superior para transformar curiosidade por tecnologia em fundamentos sólidos de programação e construção de sistemas.

  • Lógica
  • Algoritmos
  • Fundamentos web
3 semestresBase em construção

Da teoria para interfaces reais.

Durante três semestres, a base acadêmica encontrou o front-end. Passei a estudar responsividade, experiência do usuário e código orientado a componentes.

  • JavaScript
  • Arquitetura
  • UI responsiva
Uma pausaAprendizado contínuo

A faculdade pausou. A evolução, não.

Depois do 3º semestre, a graduação entrou em pausa. O aprendizado seguiu de forma independente: projetos reais, novas bibliotecas e refinamento diário da minha stack.

  • React
  • GSAP
  • Projetos autorais
Em andamento

De volta à faculdade.

Retomei a graduação e voltei para a sala de aula com outra perspectiva: mais experiência prática, projetos no ar e ainda mais clareza sobre onde quero chegar como desenvolvedor.

  • Formação acadêmica
  • Prática profissional
  • Evolução constante

Do primeiro rascunho ao deploy.

Eu organizo cada projeto em etapas claras para transformar uma ideia em uma interface rápida, coerente e agradável de usar.

01 / Descobrir

Entender antes de desenhar.

Objetivo, público e conteúdo definem as decisões visuais — não o contrário.

Briefing · Referências · Direção
02 / Arquitetar

Criar ritmo e hierarquia.

Estruturo a experiência, os componentes e os estados para o layout continuar sólido.

Wireframe · Tokens · Componentes
03 / Construir

Dar vida com código limpo.

Desenvolvo responsividade, acessibilidade e interações sem perder performance.

HTML · CSS · JavaScript · React
04 / Refinar

Testar até parecer natural.

Comparo, ajusto movimento e valido diferentes telas antes de publicar.

QA visual · Motion · Deploy

Como posso ajudar seu projeto.

Transformo ideias em interfaces claras, rápidas e com movimento na medida certa — da landing page ao produto em React.

02

Interfaces React

Componentes reutilizáveis, estados bem definidos e uma base fácil de evoluir.

  • Componentização
  • Design systems
  • Acessibilidade
03

Motion & interação

Movimento aplicado com propósito para guiar, responder e dar personalidade à experiência.

  • GSAP
  • Swiper.js
  • Anime.js

Tem um projeto em mente?

Vamos criar algo
marcante juntos.

Fale comigo↗