Matheus Barros · Digital Designer & Builder
Desenho e construo sites, aplicações e produtos digitais.
Combino web design, UX/UI e SEO com construção assistida por IA. Atuo com equipes e projetos: híbrido em São Paulo e remoto para o Brasil e o exterior.
- Lovable
- Codex
- Claude Code
'%20fill-rule='evenodd'%3e%3c/path%3e%3cdefs%3e%3cradialGradient%20cx='0'%20cy='0'%20gradientTransform='matrix(-1%2022.49999%20-30.45394%20-1.3535%2014%203)'%20gradientUnits='userSpaceOnUse'%20id='lobe-icons-lovable-_R_0_'%20r='1'%3e%3cstop%20offset='.25'%20stop-color='%23FE7B02'%3e%3c/stop%3e%3cstop%20offset='.433'%20stop-color='%23FE4230'%3e%3c/stop%3e%3cstop%20offset='.548'%20stop-color='%23FE529A'%3e%3c/stop%3e%3cstop%20offset='.654'%20stop-color='%23DD67EE'%3e%3c/stop%3e%3cstop%20offset='.95'%20stop-color='%234B73FF'%3e%3c/stop%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
Lovable
Claude CodeDisponível para equipes e projetos
LovableTop 10%de usuários do Lovable§ 01 — Sobre mim
Design, experiência e construção.
- 01
Sou Matheus Barros e trabalho com web design há quase 10 anos. Ao longo dessa trajetória, desenvolvi sites institucionais, blogs, landing pages e e-commerces, conectando identidade visual, usabilidade, conteúdo e SEO.
- 02
Hoje, minha atuação também envolve design de produto e construção de aplicações com IA. Participo da definição de jornadas, fluxos e interfaces e utilizo ferramentas como Lovable, Codex e Claude Code para implementar e evoluir soluções digitais.
- 03
Trabalho de forma independente e em colaboração com equipes, conectando as necessidades do negócio à experiência de quem vai utilizar o produto.
§ 02 — Soluções
O que posso construir com você
Da presença digital à ferramenta que apoia uma operação, combino design e implementação para desenvolver soluções com uma finalidade clara.
- 01
Sites e landing pages
Planejamento, design e construção de sites institucionais, blogs e páginas de campanha, com atenção à identidade da marca, experiência do usuário, SEO e performance.
- 02
Aplicações e produtos digitais
Construção de aplicações web, ferramentas internas e produtos com IA, da definição dos fluxos ao lançamento e à evolução contínua.
- 03
UX/UI e design de produto
Mapeamento de jornadas, organização de fluxos, criação de interfaces e protótipos e identificação de melhorias na experiência de uso.
- 04
Integrações e evolução técnica
Desenvolvimento de funcionalidades específicas, integrações entre ferramentas e melhorias em projetos existentes, incluindo soluções em WordPress e WooCommerce.
↳ Também atuo na manutenção e evolução de sites e aplicações.
§ 03 — Projetos
Projetos em destaque
Três projetos que mostram como combino UX/UI, conteúdo e construção com IA, da estrutura à entrega.
iMedicina
Central de Ajuda
Conteúdo legado reorganizado em uma interface consistente, com categorias, busca e índice que facilitam encontrar respostas.
Ver estudo completo
Dr. Kelson Kawamura
Site e blog
Direção visual e estrutura editorial para o site de um cirurgião plástico, com o acervo do blog organizado para leitura e busca.
Ver estudo completo
Clínica Dr. Cimó
LP de implantes
Landing page com perguntas em etapas, pontuação e mensagens personalizadas que conduzem o visitante até o contato.
Ver estudo completo
§ 04 — Ferramentas
As ferramentas por trás do trabalho
Escolho as ferramentas de acordo com o projeto e combino design, construção e revisão ao longo do processo.
- Lovable
- Construção e evolução de interfaces, sites e aplicações web.
- Codex
- Apoio à implementação, investigação de problemas e revisão de código.
- Claude Code
- Apoio ao desenvolvimento, testes, correções e evolução técnica.
- Figma
- Design de interfaces, prototipação e documentação visual.
- WordPress, Elementor e WooCommerce
- Criação, manutenção e evolução de sites, blogs e lojas virtuais.
- Adobe Creative Cloud
- Photoshop, Illustrator, Premiere e outros como apoio para imagens, ilustrações, vídeos e peças visuais.
§ 05 — Processo
Como eu trabalho
Do planejamento à entrega, combino UX/UI e construção com IA. Defino as etapas e os momentos de participação do cliente conforme cada projeto.
Capítulo 01 / 05
Entender
Começo pelo negócio, pelos objetivos e por quem vai usar a solução. Busco referências no mercado para orientar as primeiras decisões.
Capítulo 02 / 05
Estruturar
Organizo o escopo, os fluxos e o conteúdo, com etapas de aprovação e envio de materiais. O SEO entra no planejamento quando faz sentido para o projeto.
Capítulo 03 / 05
Desenhar e construir
Desenho no Figma ou Claude Design, ou construo direto no Lovable. Escolho o caminho conforme a complexidade da interface e o que tenho em mente.
Capítulo 04 / 05
Validar e ajustar
Verifico os fluxos, a responsividade e o funcionamento. Nos momentos combinados, apresento o trabalho ao cliente e faço os ajustes necessários.
Capítulo 05 / 05
Entregar e evoluir
Quando o cliente continua comigo após a entrega, monitoro o desempenho, corrijo bugs e faço pequenas alterações e melhorias no projeto.
Construção com IA — uso IA para apoiar a implementação, com direção de design, revisão e validação durante o desenvolvimento.
§ 06 — Contato
Vamos trabalhar juntos?
Busco oportunidades em equipes de design e produto e também recebo projetos de sites e aplicações. Tenho disponibilidade para trabalho híbrido em São Paulo e remoto no Brasil e no exterior.
Disponível para equipes e projetos