About me

PATRICIA ABRIGO

Hi, I’m Pat! A UI/UX Designer who loves creating digital experiences that feel simple, intuitive, and meaningful. I enjoy turning complex ideas into designs that not only look good but also make life easier for people. My approach is all about blending creativity with usability — making sure every interface is both beautiful and purposeful.

Outside of design, you’ll often find me exploring local cafés, baking sweet treats, or planning my next travel adventure — all of which inspire my creative process.

what I can do for you

As a UI/UX designer, I design with purpose — crafting experiences that delight users while driving meaningful results.

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

Discover My Journey in Design

From early creative pursuits to a career in UI/UX, my path has been guided by a passion for building inclusive, user-centered designs that are as functional as they are timeless.

Web Designer

De La Salle University

Present

Web Designer

De La Salle University

Present

Web Designer

De La Salle University

Present

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Freelance

2022

UI/UX Designer

Freelance

2022

UI/UX Designer

Freelance

2022

My Tech Stack

I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and X for content. Each tool supports how I think, design.

Tech Logo

Figma

Designing, prototyping, and collaborating — all in one place.

Tech Logo

Figma

Designing, prototyping, and collaborating — all in one place.

Tech Logo

Shopify

My creative playground for building and customizing online stores that bring brands to life.

Tech Logo

Shopify

My creative playground for building and customizing online stores that bring brands to life.

Tech Logo

HTML/SCSS/JS

The building blocks I use to turn designs into interactive, responsive experiences.

Tech Logo

HTML/SCSS/JS

The building blocks I use to turn designs into interactive, responsive experiences.

Tech Logo

Asana

Where I organize, track, and manage projects to keep everything on flow.

Tech Logo

Asana

Where I organize, track, and manage projects to keep everything on flow.

About Me Image - 4
About Me Image - 4

Design with Strategy and Creativity

My process blends strategy and creativity to address challenges, craft solutions, and deliver designs that effectively communicate your message.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

Research & Strategy
Research & Strategy
Research & Strategy

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

Feedback & Refinement
Feedback & Refinement
Feedback & Refinement

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

Testing & Optimization
Portrait of portfolio creator
Portrait of portfolio creator
Portrait of portfolio creator

Hi

Hi

Hi

Let's work together

Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.

About me

PATRICIA ABRIGO

Hi, I’m Pat! A UI/UX Designer who loves creating digital experiences that feel simple, intuitive, and meaningful. I enjoy turning complex ideas into designs that not only look good but also make life easier for people. My approach is all about blending creativity with usability — making sure every interface is both beautiful and purposeful.

Outside of design, you’ll often find me exploring local cafés, baking sweet treats, or planning my next travel adventure — all of which inspire my creative process.

what I can do for you

As a UI/UX designer, I design with purpose — crafting experiences that delight users while driving meaningful results.

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

Discover My Journey in Design

From early creative pursuits to a career in UI/UX, my path has been guided by a passion for building inclusive, user-centered designs that are as functional as they are timeless.

Web Designer

De La Salle University

Present

Web Designer

De La Salle University

Present

Web Designer

De La Salle University

Present

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Freelance

2022

UI/UX Designer

Freelance

2022

UI/UX Designer

Freelance

2022

My Tech Stack

I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and X for content. Each tool supports how I think, design.

Tech Logo

Figma

Designing, prototyping, and collaborating — all in one place.

Tech Logo

Figma

Designing, prototyping, and collaborating — all in one place.

Tech Logo

Shopify

My creative playground for building and customizing online stores that bring brands to life.

Tech Logo

Shopify

My creative playground for building and customizing online stores that bring brands to life.

Tech Logo

HTML/SCSS/JS

The building blocks I use to turn designs into interactive, responsive experiences.

Tech Logo

HTML/SCSS/JS

The building blocks I use to turn designs into interactive, responsive experiences.

Tech Logo

Asana

Where I organize, track, and manage projects to keep everything on flow.

Tech Logo

Asana

Where I organize, track, and manage projects to keep everything on flow.

About Me Image - 4
About Me Image - 4

Design with Strategy and Creativity

My process blends strategy and creativity to address challenges, craft solutions, and deliver designs that effectively communicate your message.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

Research & Strategy
Research & Strategy
Research & Strategy

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

Feedback & Refinement
Feedback & Refinement
Feedback & Refinement

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

Testing & Optimization
Portrait of portfolio creator
Portrait of portfolio creator
Portrait of portfolio creator

Hi

Hi

Hi

Let's work together

Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.

About me

PATRICIA ABRIGO

Hi, I’m Pat! A UI/UX Designer who loves creating digital experiences that feel simple, intuitive, and meaningful. I enjoy turning complex ideas into designs that not only look good but also make life easier for people. My approach is all about blending creativity with usability — making sure every interface is both beautiful and purposeful.

Outside of design, you’ll often find me exploring local cafés, baking sweet treats, or planning my next travel adventure — all of which inspire my creative process.

what I can do for you

As a UI/UX designer, I design with purpose — crafting experiences that delight users while driving meaningful results.

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

1. ui/ux design

Wireframing and prototyping

User Interface design for web and mobile apps

Usability testing and user feedback analysis

Interaction design and micro-animations

2. Web Design

Responsive website design

Landing page design and optimization

Webflow development and customization

Website maintenance and updates

3. Research

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

Discover My Journey in Design

From early creative pursuits to a career in UI/UX, my path has been guided by a passion for building inclusive, user-centered designs that are as functional as they are timeless.

Web Designer

De La Salle University

Present

Web Designer

De La Salle University

Present

Web Designer

De La Salle University

Present

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

GoCommerce

2023 - 2025

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Bitshares Labs Inc

Internship 2023

UI/UX Designer

Freelance

2022

UI/UX Designer

Freelance

2022

UI/UX Designer

Freelance

2022

My Tech Stack

I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and X for content. Each tool supports how I think, design.

Tech Logo

Figma

Designing, prototyping, and collaborating — all in one place.

Tech Logo

Figma

Designing, prototyping, and collaborating — all in one place.

Tech Logo

Shopify

My creative playground for building and customizing online stores that bring brands to life.

Tech Logo

Shopify

My creative playground for building and customizing online stores that bring brands to life.

Tech Logo

HTML/SCSS/JS

The building blocks I use to turn designs into interactive, responsive experiences.

Tech Logo

HTML/SCSS/JS

The building blocks I use to turn designs into interactive, responsive experiences.

Tech Logo

Asana

Where I organize, track, and manage projects to keep everything on flow.

Tech Logo

Asana

Where I organize, track, and manage projects to keep everything on flow.

About Me Image - 4
About Me Image - 4

Design with Strategy and Creativity

My process blends strategy and creativity to address challenges, craft solutions, and deliver designs that effectively communicate your message.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

01.

Research & Strategy

Here, I develop creative ideas and initial concepts that align with your vision. Wireframes and early designs set the foundation for both functionality and style.

Research & Strategy
Research & Strategy
Research & Strategy

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

02.

Concept & Ideation

Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.

Feedback & Refinement
Feedback & Refinement
Feedback & Refinement

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

03.

Feedback & Refinement

This phase is all about collaboration. I review designs with you, gather feedback, and refine the details to ensure the outcome matches your expectations and goals.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

04.

Testing & Optimization

Thorough testing ensures the design is seamless, responsive, and user-friendly. Any issues are identified and optimized so the experience meets high usability standards.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered. I also provide support or guidance for smooth handoff and long-term success.

Testing & Optimization
Portrait of portfolio creator
Portrait of portfolio creator
Portrait of portfolio creator

Hi

Hi

Hi

Let's work together

Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.

Create a free website with Framer, the website builder loved by startups, designers and agencies.