Framer Template for Product UX Designer

Hi, I'm Ava

Hi, I'm Ava

Attorney-turned UX & Learning Designer:
I blend strategy and creativity to make complexity simple.

UCSF – Patient Education eLearning

Developed engaging, scenario-based eLearning modules to help cancer patients adopt healthy behaviors. Simplified complex clinical content into accessible, actionable lessons for patients and caregivers.

Premium UX Template for Framer

Deliverables

18 interactive modules

Method

Articulate Rise content design

UCSF – Patient Education eLearning

Developed engaging, scenario-based eLearning modules to help cancer patients adopt healthy behaviors. Simplified complex clinical content into accessible, actionable lessons for patients and caregivers.

Premium UX Template for Framer

Deliverables

18 interactive modules

Method

Articulate Rise content design

UCSF – Patient Education eLearning

Developed engaging, scenario-based eLearning modules to help cancer patients adopt healthy behaviors. Simplified complex clinical content into accessible, actionable lessons for patients and caregivers.

Premium UX Template for Framer

Deliverables

18 interactive modules

Method

Articulate Rise content design

Avenue 8 – AI Real Estate Assistant

Contributed to the design of an AI-powered assistant that helps real estate agents manage listings, client communication, and deal workflows. Focus was on streamlining tasks and reducing friction through intuitive UX and conversational AI.

Premium UX Template for Framer

Deliverables

Wireframes & Prototype

Focus

AI chat flows


Avenue 8 – AI Real Estate Assistant

Contributed to the design of an AI-powered assistant that helps real estate agents manage listings, client communication, and deal workflows. Focus was on streamlining tasks and reducing friction through intuitive UX and conversational AI.

Premium UX Template for Framer

Deliverables

Wireframes & Prototype

Method

AI chat flows

Avenue 8 – AI Real Estate Assistant

Contributed to the design of an AI-powered assistant that helps real estate agents manage listings, client communication, and deal workflows. Focus was on streamlining tasks and reducing friction through intuitive UX and conversational AI.

Premium UX Template for Framer

Deliverables

Wireframes & Prototype

Focus

AI chat flows


ScaleGrowth – Dashboard

Redesigned the organizer dashboard to give community leaders clearer insights and tools to engage members effectively.

Premium UX Template for Framer

Deliverables

Dashboard redesign

Methods

Usability testing

ScaleGrowth – Dashboard

Redesigned the organizer dashboard to give community leaders clearer insights and tools to engage members effectively.

Premium UX Template for Framer

Deliverables

Dashboard redesign

Method

Usability testing

ScaleGrowth – Dashboard

Redesigned the organizer dashboard to give community leaders clearer insights and tools to engage members effectively.

Premium UX Template for Framer

Deliverables

Dashboard redesign

Methods

Usability testing

Sippilicious – Herbal Tea App

Created a mobile app experience that simplified herbal tea purchases while promoting mindfulness and wellness among women.

Premium UX Template for Framer

Deliverables

Mobile app prototype

Focus

Mindful shopping & wellness

Sippilicious – Herbal Tea App

Created a mobile app experience that simplified herbal tea purchases while promoting mindfulness and wellness among women.

Premium UX Template for Framer

Deliverables

Mobile app prototype

Method

Mindful shopping & wellness

Sippilicious – Herbal Tea App

Created a mobile app experience that simplified herbal tea purchases while promoting mindfulness and wellness among women.

Premium UX Template for Framer

Deliverables

Mobile app prototype

Focus

Mindful shopping & wellness

Process

A clear, human-centered framework that blends rigor and creativity. I move from exploration to execution with equal parts empathy and precision—turning complex information into intuitive, engaging experiences that drive impact.

  • 01

    Discover

    Partner with stakeholders to align on goals and constraints. Conduct user interviews, content analysis, and market scans to uncover pain points and opportunities.

  • Define

    Synthesize insights into personas, journeys, and “How Might We” questions. Map information architecture and task flows to set a strong foundation for design.

    02

  • Develop

    Design wireframes, prototypes, and content that simplify complexity. Test iteratively with users, refining until both clarity and delight are achieved.

    03

  • Deliver

    Launch with confidence—providing design specs, instructional assets, or marketing collateral as needed. Measure outcomes against user success and business goals to ensure lasting impact.

    04

Process

A clear, human-centered framework that blends rigor and creativity. I move from exploration to execution with equal parts empathy and precision—turning complex information into intuitive, engaging experiences that drive impact.

01

Discover

Brainstorming sessions in order to take their needs and company goals into account. Define the scope and objectives of the project and lays a fundamental foundation for everything that comes after.

Develop

Define the user experience, test and evaluate design concepts, and analyze how your designs will inform behavior and effect the experience of the user.

03

Define

Gather additional information about the ideal client, market opportunities and design sprint. Getting direct feedback from users themselves through user surveys and field activities.

02

Deliver

Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

04

Process

A clear, human-centered framework that blends rigor and creativity. I move from exploration to execution with equal parts empathy and precision—turning complex information into intuitive, engaging experiences that drive impact.

  • 01

    Discover

    Partner with stakeholders to align on goals and constraints. Conduct user interviews, content analysis, and market scans to uncover pain points and opportunities.

  • Define

    Synthesize insights into personas, journeys, and “How Might We” questions. Map information architecture and task flows to set a strong foundation for design.

    02

  • Develop

    Design wireframes, prototypes, and content that simplify complexity. Test iteratively with users, refining until both clarity and delight are achieved.

    03

  • Deliver

    Launch with confidence—providing design specs, instructional assets, or marketing collateral as needed. Measure outcomes against user success and business goals to ensure lasting impact.

    04

Skills

Skills

Learning Design

Learning Design

Learning Design

UX Design

UX Design

UX Design

UX Research

UX Research

UX Research

Product Marketing

Product Marketing

Product Marketing

Prototyping

Prototyping

Prototyping

Information Architecture

Information Architecture

Information Architecture

Content Strategy

Content Strategy

Content Strategy

Workshops

Workshops

Workshops

Usability Testing

Usability Testing

Usability Testing

AI Tools

AI Tools

AI Tools

Project Management

Project Management

Project Management

Stakeholder Collaboration

Stakeholder Collaboration

Stakeholder Collaboration

Storytelling

Storytelling

Storytelling

Content Development

Content Development

Content Development

+ More

+ More

+ More

Selected Experience

Selected Experience

Learning Experience Designer (Contract)

Learning Experience Designer (Contract)

Learning Experience Designer (Contract)

UCSF

UCSF

Apr 2024 - Oct 2024

Apr 2024 - Oct 2024

Founder, CMO & Product Designer

Founder, CMO & Product Designer

Founder, CMO & Product Designer

Cocoon Studios

Cocoon Studios

Feb 2024 - Present

Feb 2024 - Present

UX Designer (Freelance)

UX Designer (Freelance)

UX Designer (Freelance)

Avenue 8

Avenue 8

May 2024 - August 2024

May 2024 - August 2024

Product Designer (Freelance)

Product Designer (Freelance)

Product Designer (Freelance)

ScaleGrowth AI

ScaleGrowth AI

Aug 2021 - Jan 2024

Aug 2021 - Jan 2024

Frequently asked questions

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

Why did you switch from law to design?

How does your legal background strengthen your design work?

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

Why did you switch from law to design?

How does your legal background strengthen your design work?

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

Why did you switch from law to design?

How does your legal background strengthen your design work?

I design learning & digital experiences that make complexity simple.

© 2025 Ava Liang Zhao | UX & Learning Designer

I design learning & digital experiences that make complexity simple.

© 2025 Ava Liang Zhao | UX & Learning Designer