About me

ANCELA ABAY

Hi! I’m Ancela, a UX/UI Designer based in Philippines! I’m have a great passion for creating exceptional user experiences and user interfaces.

I’m a former front-end developer turned to designer. With experienced both in development and design, my main goal is to utilize more on design software and collaborating with cross-functional teams to deliver visually captivating and user-centric digital solutions. Also, I always enjoy learning and using my creativity to create a digital experiences.

what I can do for you

As a digital designer, I am a visual storyteller, crafting experiences that connect deeply and spark creativity.

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. Digital Branding

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. Digital Branding

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. Digital Branding

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

Discover My Journey in Design

From curious creator to full-time designer, my path has been shaped by a passion for crafting purposeful, user-centered digital experiences—blending storytelling, structure, and design into every project.

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UI/UX Designer

Peddlr

2024

Senior UI/UX Designer

Peddlr

2024

Senior UI/UX Designer

Peddlr

2024

UX/UI Designer

Greenpark

2022-2024

UX/UI Designer

Greenpark

2022-2024

UX/UI Designer

Greenpark

2022-2024

Associate Software Engineer

Accenture

2020-2022

Associate Software Engineer

Accenture

2020-2022

Associate Software Engineer

Accenture

2020-2022

My Tech Stack

I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and Behance for content. Each tool supports how I think, design and create a effective UX/UI Design Application.

Framer

My creative playground for building interactive and responsive websites—fast, flexible, and no code.

Tech Logo

Figma

Where I connect, share insights, and grow within the design and Framer community.

Tech Logo

Cursor AI

One vibe coding tool I use for o build functional prototypes, ship UI fixes, and work directly with code.

Tech Logo

Spline

My tool for motion design that create professional animations.

Tech Logo

Behance

My go-to for UI/UX design—perfect for wireframing, prototyping, and collaborating in real time.

About Me Image - 4
About Me Image - 4

design process

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

01.

Research & Strategy

Discuss the business goal, all the deliverables and the agreement of the contract

01.

Research & Strategy

Discuss the business goal, all the deliverables and the agreement of the contract

Testing & Optimization

02.

Concept & Ideation

Designing the prototype to be more coherent and logical. Applying all the necessary assets and micro animations.

02.

Concept & Ideation

Designing the prototype to be more coherent and logical. Applying all the necessary assets and micro animations.

03.

Feedback & Refinement

Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.

03.

Feedback & Refinement

Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.

04.

Testing & Optimization

I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.

04.

Testing & Optimization

I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.

Testing & Optimization

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.

Portrait of portfolio creator

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

ANCELA ABAY

Hi! I’m Ancela, a UX/UI Designer based in Philippines! I’m have a great passion for creating exceptional user experiences and user interfaces.

I’m a former front-end developer turned to designer. With experienced both in development and design, my main goal is to utilize more on design software and collaborating with cross-functional teams to deliver visually captivating and user-centric digital solutions. Also, I always enjoy learning and using my creativity to create a digital experiences.

what I can do for you

As a digital designer, I am a visual storyteller, crafting experiences that connect deeply and spark creativity.

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. Digital Branding

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. Digital Branding

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. Digital Branding

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

Discover My Journey in Design

From curious creator to full-time designer, my path has been shaped by a passion for crafting purposeful, user-centered digital experiences—blending storytelling, structure, and design into every project.

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UI/UX Designer

Peddlr

2024

Senior UI/UX Designer

Peddlr

2024

Senior UI/UX Designer

Peddlr

2024

UX/UI Designer

Greenpark

2022-2024

UX/UI Designer

Greenpark

2022-2024

UX/UI Designer

Greenpark

2022-2024

Associate Software Engineer

Accenture

2020-2022

Associate Software Engineer

Accenture

2020-2022

Associate Software Engineer

Accenture

2020-2022

My Tech Stack

I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and Behance for content. Each tool supports how I think, design and create a effective UX/UI Design Application.

Framer

My creative playground for building interactive and responsive websites—fast, flexible, and no code.

Tech Logo

Figma

Where I connect, share insights, and grow within the design and Framer community.

Tech Logo

Cursor AI

One vibe coding tool I use for o build functional prototypes, ship UI fixes, and work directly with code.

Tech Logo

Spline

My tool for motion design that create professional animations.

Tech Logo

Behance

My go-to for UI/UX design—perfect for wireframing, prototyping, and collaborating in real time.

About Me Image - 4
About Me Image - 4

design process

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

01.

Research & Strategy

Discuss the business goal, all the deliverables and the agreement of the contract

01.

Research & Strategy

Discuss the business goal, all the deliverables and the agreement of the contract

Testing & Optimization

02.

Concept & Ideation

Designing the prototype to be more coherent and logical. Applying all the necessary assets and micro animations.

02.

Concept & Ideation

Designing the prototype to be more coherent and logical. Applying all the necessary assets and micro animations.

03.

Feedback & Refinement

Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.

03.

Feedback & Refinement

Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.

04.

Testing & Optimization

I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.

04.

Testing & Optimization

I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.

Testing & Optimization

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.

Portrait of portfolio creator

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

ANCELA ABAY

Hi! I’m Ancela, a UX/UI Designer based in Philippines! I’m have a great passion for creating exceptional user experiences and user interfaces.

I’m a former front-end developer turned to designer. With experienced both in development and design, my main goal is to utilize more on design software and collaborating with cross-functional teams to deliver visually captivating and user-centric digital solutions. Also, I always enjoy learning and using my creativity to create a digital experiences.

what I can do for you

As a digital designer, I am a visual storyteller, crafting experiences that connect deeply and spark creativity.

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. Digital Branding

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. Digital Branding

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. Digital Branding

Brand strategy and identity development

Visual style guide creation

Typography and color scheme selection

Brand storytelling and messaging

Discover My Journey in Design

From curious creator to full-time designer, my path has been shaped by a passion for crafting purposeful, user-centered digital experiences—blending storytelling, structure, and design into every project.

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UX/UI Designer

UMBRA Digital

2025 - Present

Senior UI/UX Designer

Peddlr

2024

Senior UI/UX Designer

Peddlr

2024

Senior UI/UX Designer

Peddlr

2024

UX/UI Designer

Greenpark

2022-2024

UX/UI Designer

Greenpark

2022-2024

UX/UI Designer

Greenpark

2022-2024

Associate Software Engineer

Accenture

2020-2022

Associate Software Engineer

Accenture

2020-2022

Associate Software Engineer

Accenture

2020-2022

My Tech Stack

I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and Behance for content. Each tool supports how I think, design and create a effective UX/UI Design Application.

Framer

My creative playground for building interactive and responsive websites—fast, flexible, and no code.

Tech Logo

Figma

Where I connect, share insights, and grow within the design and Framer community.

Tech Logo

Cursor AI

One vibe coding tool I use for o build functional prototypes, ship UI fixes, and work directly with code.

Tech Logo

Spline

My tool for motion design that create professional animations.

Tech Logo

Behance

My go-to for UI/UX design—perfect for wireframing, prototyping, and collaborating in real time.

About Me Image - 4
About Me Image - 4

design process

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

01.

Research & Strategy

Discuss the business goal, all the deliverables and the agreement of the contract

01.

Research & Strategy

Discuss the business goal, all the deliverables and the agreement of the contract

Testing & Optimization

02.

Concept & Ideation

Designing the prototype to be more coherent and logical. Applying all the necessary assets and micro animations.

02.

Concept & Ideation

Designing the prototype to be more coherent and logical. Applying all the necessary assets and micro animations.

03.

Feedback & Refinement

Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.

03.

Feedback & Refinement

Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.

04.

Testing & Optimization

I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.

04.

Testing & Optimization

I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.

Testing & Optimization

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.

05.

Launch & Delivery

Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.

Portrait of portfolio creator

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.