Skip to content
MBARROSWD — Portfolio 2026São Paulo · hybrid & remote

Matheus Barros · Digital Designer & Builder

I design and build websites, applications and digital products.

I combine web design, UX/UI and SEO with AI-assisted building. Open to team opportunities and projects: hybrid in São Paulo, Brazil, and remote worldwide.

  • Lovable
  • Codex
  • Claude Code
  • Web Design
  • Product design
  • UX/UI
  • Building with AI
  • SEO

Open to teams and projects

Matheus Barros, Digital Designer & BuilderLovableTop 10%of Lovable users

§ 01 — About

Design, experience and building.

Screenshot of JM Técnica's motor pump services landing page
FIG. 01JM Técnica — Motor pump landing page
  1. 01

    I'm Matheus Barros and I've been working in web design for almost 10 years. Along the way I've built corporate websites, blogs, landing pages and e-commerce stores, connecting visual identity, usability, content and SEO.

  2. 02

    Today my work also includes product design and building applications with AI. I help define journeys, flows and interfaces, and I use tools like Lovable, Codex and Claude Code to implement and evolve digital solutions.

  3. 03

    I work independently and in collaboration with teams, connecting business needs to the experience of the people who will use the product.

§ 02 — Services

What I can build with you

From a digital presence to a tool that supports an operation, I combine design and implementation to develop solutions with a clear purpose.

  1. 01

    Websites and landing pages

    Planning, design and build of corporate websites, blogs and campaign pages, with attention to brand identity, user experience, SEO and performance.

  2. 02

    Applications and digital products

    Building web applications, internal tools and AI products, from defining the flows to launch and ongoing evolution.

  3. 03

    UX/UI and product design

    Journey mapping, flow organization, interface and prototype creation, and finding improvements in the user experience.

  4. 04

    Integrations and technical evolution

    Development of specific features, integrations between tools and improvements to existing projects, including WordPress and WooCommerce solutions.

↳ I also handle maintenance and evolution of websites and applications.

§ 03 — Selected work

Featured projects

Three projects that show how I combine UX/UI, content and AI-assisted building, from structure to delivery.

  1. iMedicina Help Center homepage with search and getting-started shortcuts.

    Case 01 / 03UX/UI · Product

    iMedicina

    Help Center

    Legacy content reorganized into a consistent interface, with categories, search and an index that make answers easy to find.

    • Lovable
    • Claude Code
    • UX/UI
    View full case study
  2. Dr. Kelson Kawamura's website opening with a portrait, heading, and actions on a dark background.

    Case 02 / 03Visual direction · SEO

    Dr. Kelson Kawamura

    Website and blog

    Visual direction and editorial structure for a plastic surgery website, with the blog archive organized for reading and search.

    • Lovable
    • ChatGPT
    • SEO
    View full case study
  3. First stage with five unselected answer cards, navigation buttons, and the clinic summary on the right.

    Case 03 / 03Interactive experience

    Clínica Dr. Cimó

    Dental implants LP

    Landing page with step-by-step questions, scoring and tailored messages that guide visitors to get in touch.

    • Lovable
    • ChatGPT
    • UX/UI
    View full case study

§ 04 — Tools

The tools behind the work

I choose tools according to the project and combine design, building and review throughout the process.

Lovable
Building and evolving interfaces, websites and web applications.
Codex
Support for implementation, troubleshooting and code review.
Claude Code
Support for development, testing, fixes and technical evolution.
Figma
Interface design, prototyping and visual documentation.
WordPress, Elementor and WooCommerce
Creating, maintaining and evolving websites, blogs and online stores.
Adobe Creative Cloud
Photoshop, Illustrator, Premiere and more as support for images, illustrations, video and visual assets.

§ 05 — Process

How I work

From planning to delivery, I combine UX/UI and AI-assisted building. I define the steps and the moments of client involvement for each project.

Chapter 01 / 05

Understand

I start with the business, the goals and the people who will use the solution. I look for market references to guide the first decisions.

Chapter 02 / 05

Structure

I organize the scope, flows and content, with approval stages and material handoffs. SEO is part of the plan when it makes sense for the project.

Chapter 03 / 05

Design and build

I design in Figma or Claude Design, or build directly in Lovable. I choose the path based on the interface's complexity and what I have in mind.

Chapter 04 / 05

Validate and adjust

I check flows, responsiveness and behavior. At the agreed moments, I present the work to the client and make the necessary adjustments.

Chapter 05 / 05

Deliver and evolve

When the client stays with me after delivery, I monitor performance, fix bugs and make small changes and improvements to the project.

Building with AI — I use AI to support implementation, with design direction, review and validation throughout development.

§ 06 — Contact

Let's work together

I'm looking for opportunities in design and product teams, and I also take on website and application projects. Available for hybrid work in São Paulo, Brazil, and remote work worldwide.

Open to teams and projects

WhatsApp