DESIGNING
WITH PURPOSE

HI THERE, I'M ANA

I like blending data-driven insights with creative intuition to craft digital experiences that are not only beautiful but also intuitively user-centric.

DIGITAL PORTFOLIO

UI Design

UX Design

User Research

Design Systems

[ About me

I leverage a blend of strategic planning and user research to delve into how systematic design solutions can solve complex challenges and deliver impactful, lasting results for businesses.

[ Featured Works

PROJECTS

Types of

SERVICES

Product Strategy

I develop strategies that align business goals with user needs, ensuring scalable, impactful digital experiences through research, validation, and iterative design.

UX Strategy

Roadmapping

Competitive & Market Analysis

Design System Strategy

Conversion Rate Optimization

UX Design

I create intuitive, user-centered experiences that optimize workflows, reduce friction, and improve digital interactions.

User Research & Personas

Information Architecture

Wireframing

Low-Fidelity Prototyping

Animations

Usability Testing

Accessibility & Inclusive Design

UI Design

I specialize in scalable, systemized UI design, ensuring consistency, efficiency, and adaptability across products through structured design systems and component-based approaches.

Design Systems

Tokens & Variables

Scalable Typography & Spacing Systems

Branded Customization

Light & Dark Mode

Interactive Prototyping

Developer Handoff & Documentation

Process

I follow a structured, user-centered process to create effective digital experiences. Through Discovery, Research, Implementation, and Validation, I ensure solutions are data-driven, scalable, and aligned with both user needs and business goals.

01

Discovery

01

Discovery

Align on the problem before touching solutions. I dig into business goals, user needs, and technical constraints early — so the work that follows is grounded, not guesswork.

02

Research

02

Research

We’ll test carefully with A/B, accessiable, usability, etc to ensure best quality as possible before hand over to client

03

Implement

03

Implement

Coding will implement at this step, by using combine new tech as Webflow, Wordpress, iOs, etc. We turn design into live

04

Validation

04

Validation

We’ll test carefully with A/B, accessiable, usability, etc to ensure best quality as possible before hand over to client

01

Align on the problem before touching solutions. I dig into business goals, user needs, and technical constraints early — so the work that follows is grounded, not guesswork.

Discovery

02

Talk to users, audit the competition, and interrogate the data. I use a mix of qualitative and quantitative methods to build a clear picture of where the real friction is and where the opportunity lies.

Research

03

From wireframes to high-fidelity UI, I design iteratively, moving fast without losing quality. I stay close to engineering throughout to catch trade-offs early and ship things that actually work.

Implement

04

Design doesn't end at handoff. I test with real users, run usability evaluations, and measure outcomes, then feed what I learn back into the next iteration.

Validation

01

Discovery

01

Discovery

Align on the problem before touching solutions. I dig into business goals, user needs, and technical constraints early — so the work that follows is grounded, not guesswork.

02

Research

02

Research

We’ll test carefully with A/B, accessiable, usability, etc to ensure best quality as possible before hand over to client

03

Implement

03

Implement

Coding will implement at this step, by using combine new tech as Webflow, Wordpress, iOs, etc. We turn design into live

04

Validation

04

Validation

We’ll test carefully with A/B, accessiable, usability, etc to ensure best quality as possible before hand over to client

Thoughts and Process

BLOG

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

  • SAY HELLO!

Let’s work together!

[ Marked fields are required to fill ]

Let’s work together!

[ Marked fields are required to fill ]

Let’s work together!

[ Marked fields are required to fill ]