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.
Case Studies
Explore my case studies focused on clarity, usability, and scalable design systems.
Each project reflects how I connect research, structure, and interface craft to deliver experiences that work—and last.
Design Thoughts
Designing Clarity is where I share field notes on design systems, UX strategy, and the creative process.
I write about how clarity, rhythm, and systems thinking shape better design—on screen and in life.
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