Alf Barreiro

UX/UI Designer 

Focused on

Systems

Systems

People

Clarity

Systems

Alf Barreiro

UX/UI Designer 

Focused on

Systems

Systems

People

Clarity

Systems

Design Clarity

Design Clarity

Design Clarity

Design Clarity

Build Systems

Build Systems

Build Systems

Build Systems

About Me

I’m Alf Barreiro, a UX/UI and Systems Designer based in Portland. I design for how people think, building digital systems that turn complexity into clarity.

I’m Alf Barreiro, a UX/UI and Systems Designer based in Portland. I design for how people think, building digital systems that turn complexity into clarity.

About Me

I’m Alf Barreiro, a UX/UI and Systems Designer based in Portland. I design for how people think, building digital systems that turn complexity into clarity.

Design Focus

I design experiences and systems that help products feel effortless, brands stay consistent, and teams move faster.

UX Design

01

Create meaningful, research-driven user journeys. I help define user flows, pain points, and opportunities through structure and insight.

User Research

Information Architecture

Journey Mapping

Wireframing

Prototyping

Usability Testing

UX Design

01

Create meaningful, research-driven user journeys. I help define user flows, pain points, and opportunities through structure and insight.

User Research

Information Architecture

Journey Mapping

Wireframing

Prototyping

Usability Testing

UX Design

01

Create meaningful, research-driven user journeys. I help define user flows, pain points, and opportunities through structure and insight.

User Research

Information Architecture

Journey Mapping

Wireframing

Prototyping

Usability Testing

UX Design

Create meaningful, research-driven user journeys. I help define user flows, pain points, and opportunities through structure and insight.

User Research

Information Architecture

Journey Mapping

Wireframing

Prototyping

Usability Testing

UI Design

02

Shape visual clarity through layout, hierarchy, and tone. Every detail—from type scale to component state—is built for cohesion and impact.

Interface Design

Responsive Systems

Design Tokens

Accessibility

Style Guides

Visual Prototyping

UI Design

02

Shape visual clarity through layout, hierarchy, and tone. Every detail—from type scale to component state—is built for cohesion and impact.

Interface Design

Responsive Systems

Design Tokens

Accessibility

Style Guides

Visual Prototyping

UI Design

02

Shape visual clarity through layout, hierarchy, and tone. Every detail—from type scale to component state—is built for cohesion and impact.

Interface Design

Responsive Systems

Design Tokens

Accessibility

Style Guides

Visual Prototyping

UI Design

Shape visual clarity through layout, hierarchy, and tone. Every detail—from type scale to component state—is built for cohesion and impact.

Interface Design

Responsive Systems

Design Tokens

Accessibility

Style Guides

Visual Prototyping

Systems Design

03

Connect logic, design, and growth. I build modular systems that evolve with teams and scale without chaos.

Component Libraries

Design Ops

Documentation

Scalable Frameworks

Pattern Libraries

Brand-to-Product Consistency

Systems Design

03

Connect logic, design, and growth. I build modular systems that evolve with teams and scale without chaos.

Component Libraries

Design Ops

Documentation

Scalable Frameworks

Pattern Libraries

Brand-to-Product Consistency

Systems Design

03

Connect logic, design, and growth. I build modular systems that evolve with teams and scale without chaos.

Component Libraries

Design Ops

Documentation

Scalable Frameworks

Pattern Libraries

Brand-to-Product Consistency

Systems Design

Connect logic, design, and growth. I build modular systems that evolve with teams and scale without chaos.

Component Libraries

Design Ops

Documentation

Scalable Frameworks

Pattern Libraries

Brand-to-Product Consistency

Brand Design

04

Unify brand identity and UX thinking to express value clearly. Where storytelling meets usability, I bring coherence from brand to interface.

Brand Systems

Visual Direction

Naming + Messaging

Product Positioning

Content Design

Launch Design Support

Brand Design

04

Unify brand identity and UX thinking to express value clearly. Where storytelling meets usability, I bring coherence from brand to interface.

Brand Systems

Visual Direction

Naming + Messaging

Product Positioning

Content Design

Launch Design Support

Brand Design

04

Unify brand identity and UX thinking to express value clearly. Where storytelling meets usability, I bring coherence from brand to interface.

Brand Systems

Visual Direction

Naming + Messaging

Product Positioning

Content Design

Launch Design Support

Brand Design

Unify brand identity and UX thinking to express value clearly. Where storytelling meets usability, I bring coherence from brand to interface.

Brand Systems

Visual Direction

Naming + Messaging

Product Positioning

Content Design

Launch Design Support