Client

Portland General Electric

Snapshot

Role

Development, UX/UI Designer, Researcher

Duration

1.5 years

Type

Enterprise Client

Due to NDA, wireframes and Designs are omitted. Below is a high-level walkthrough of the design flow instead.

Overview

As the lead UI/UX Designer at PGE, I was responsible for enhancing the user experience and accessibility across their core platforms, including the authenticated experience, dashboard, mobile app, and public website. This work supported both day-to-day users and the internal team, as well as energy engagement goals.


My contributions spanned UX research, accessibility auditing, interface redesign, motion design, and hands-on implementation in Ceros CMS and Figma.

UX Research and Auditing

Before redesigning any user flows, I conducted a full UX audit and WCAG accessibility review across all digital platforms and documented findings in detail to present to the client.

To ground our redesigns in user needs, I worked with our PM to conduct research that included:

  • Heuristic analysis of the existing dashboard and billing flows

  • Complete UX and WCAG audit of authenticated and Marketing wbesite.

  • Stakeholder interviews with internal teams (customer support, energy advisors)

  • Gathering customer data through support tickets and live feedback tools

  • Mapped user flows end-to-end and identified redundant paths and drop-off points using flow diagrams and behavior data

  • Built a prioritization matrix for UX fixes based on user impact, technical feasibility, and business alignment

Design for PGE

The visual interaction process included:

  • Created a clean, mobile-first app UI that streamlined common tasks like payment, outage reporting, and usage tracking.

  • Built animated prototypes and product demos using Figma and Ceros, helping stakeholders visualize design flows and transitions.

  • Used Figma’s advanced features like auto layout, variables, and components to deliver developer-friendly files.

  • Created a Full component library and UX documentation

  • Integrated content models and APIs into reusable front-end components

Outcomes & Impact

  • Reduced support ticket volume related to account navigation and outage reporting by 25%

  • Improved accessibility scores by 30% across all platforms in WCAG 2.1 AA testing

  • Boosted user satisfaction by 40% based on usability testing feedback

  • Enabled 2x faster development with well-structured Figma files and shared design tokens

Snapshot

Role

UX/UI Designer, Researcher

Duration

8 months

Type

Enterprise Client - Healthcare

Overview

Designed and delivered AI-enhanced chatbot interfaces to support patient care and virtual health guidance. Integrated emotion-aware flows and micro-interactions to support user clarity and comfort during sensitive tasks.


Led end-to-end UX design for an AI-driven chatbot focused on appointment support and symptom checking.

  • Developed interactive designs and onboarding flows that increased task success and patient confidence.

  • Designed AR-based training views for patient education and provider onboarding.

  • Integrated accessibility best practices into layouts and content.

Outcomes & Impact

  • Improved patient onboarding completion rates by 35% through conversational UI and visual cues

  • Reduced user confusion by 40% during symptom entry via streamlined, empathetic flows

  • Enabled HIPAA-aligned design system handoff, reducing dev QA cycles

  • Boosted patient trust and engagement by integrating emotion-aware microinteractions

Client

AI-Driven Healthcare Interface

Client

Healthcare Insurance – Agent Tools Design

Snapshot

Role

UX/UI , Researcher

Duration

4 months

Type

Internal Tools

Overview

Designed internal tools used by call center agents handling claims, billing, and coverage inquiries. The goal was to simplify workflows and support faster resolution during high-stress service calls.

Process Highlights

  • Conducted user flow audits and pain point mapping with internal agents

  • Identified key blockers in task switching and navigation between tools

  • Designed wireframes for an optimized interface supporting call efficiency

  • Prioritized accessibility and information hierarchy to reduce cognitive load

  • Worked closely with engineering to ensure scalable components and fast response times

Outcomes & Impact

  • Improved first-call resolution rates by reducing steps in core user flows

  • Shortened average call times through clearer UI and fewer input errors

  • Enabled better agent onboarding with intuitive layouts and help affordance

Client

NBA Franchise – AR/VR Fan Engagement Platform

Snapshot

Role

Product Designer

Duration

3 months

Type

Sports and Entertainment

Overview

Built immersive fan engagement features using AR/VR for in-stadium and remote game-day experiences.


Summary

  • Designed AR overlays for seating views, live stats, and merchandise promotions.

  • Used geolocation and personalization to surface food, shopping, and wayfinding experiences based on seat and behavior.

  • Delivered modular UI for web and in-app use with clear developer handoff documentation.

Outcomes & Impact

  • Created modular AR components that were reused across 3+ digital platforms

  • Increased fan interaction time by an estimated 50% with immersive features

  • Streamlined geolocation experience, reducing app navigation friction on game day

  • Delivered AR flows that aligned with brand goals while ensuring accessibility and onboarding clarity

Client

Metrolinx – Presto Experience Research

Snapshot

Role

UX Researcher

Duration

1 months

Type

Public Sector

Overview

Conducted a UX research project aimed at improving the user journey across the Presto transit app and website, with a focus on clarity, accessibility, and ease of fare management.

Research

  • Performed heuristic evaluation and walkthroughs of key user flows

  • Benchmarked existing experience against public sector and transit app standards

  • Identified friction in fare loading, account setup, and mobile card management

  • Developed design suggestions and presented actionable improvements for both platforms

Outcomes & Recommendation

  • Delivered a comprehensive report highlighting key UX issues with annotated screenshots

  • Proposed simplified flows for fare management and balance checks

  • Identified accessibility gaps in color contrast and navigation structure

Client

Ontario Government – Hunting & Fishing Portal

Snapshot

Role

UX Researcher and Front-end UI Design

Duration

2 months

Type

Public Sector

Overview

Collaborated with government stakeholders to improve digital licensing processes.


Summary

  • Conducted heuristic evaluations and stakeholder interviews to identify friction points in the current license portal.

  • Created wireframes and content flows that simplified license selection and payment.

  • Developed a static prototype using HTML, CSS, and JavaScript to demonstrate the redesigned portal experience.

  • Provided accessibility recommendations to align with AODA and WCAG 2.1.

Outcomes & Impact

  • Reduced licensing task time by 25% through simplified flow and content hierarchy

  • Improved accessibility score to meet WCAG 2.1 AA compliance

  • Increased mobile usability based on heuristic testing with 20% fewer tap errors

  • Delivered wireframes and UI updates that were development-ready in 1 sprint

Client

Dryer's Ice Cream - Hueristic Evaluation

Snapshot

Role

UX Researcher

Duration

1 month

Type

In-depth Heuristic Evaluation

Overview

I conducted an in-depth heuristic evaluation and usability test for Dreyer’s Ice Cream website (icecream.com) to identify usability issues, assess accessibility compliance, and provide strategic recommendations to enhance user engagement and interface consistency.

Research and Evaluation

  • Using Nielsen Norman’s heuristic principles, I evaluated the site across key dimensions including system visibility, error prevention, and user control. My process included:

    • Heuristic evaluation and accessibility testing across desktop and mobile viewports

    • Usability testing focusing on navigation, consistency, and responsiveness

    • Creation of visual charts (radar graphs) to highlight areas for improvement across usability, user-system interaction, and social components

    • Assessment of personalization, performance, and content communication clarity

Outcomes & Impact

  • Summarized usability gaps using data visualizations

  • Delivered prioritized recommendations aligned with core heuristics

  • Proposed layout consistency and responsive design improvements

  • Suggested strategies for increasing engagement through reviews and social content

Rabecca

Let's get started on a design journey together!

(437) 453-7507

Client

Portland General Electric

Snapshot

Role

Development, UX/UI Designer, Researcher

Duration

1.5 years

Type

Enterprise Client

Due to NDA, wireframes and Designs are omitted. Below is a high-level walkthrough of the design flow instead.

Overview

As the lead UI/UX Designer at PGE, I was responsible for enhancing the user experience and accessibility across their core platforms, including the authenticated experience, dashboard, mobile app, and public website. This work supported both day-to-day users and the internal team, as well as energy engagement goals.


My contributions spanned UX research, accessibility auditing, interface redesign, motion design, and hands-on implementation in Ceros CMS and Figma.

UX Research and Auditing

Before redesigning any user flows, I conducted a full UX audit and WCAG accessibility review across all digital platforms and documented findings in detail to present to the client.

To ground our redesigns in user needs, I worked with our PM to conduct research that included:

  • Heuristic analysis of the existing dashboard and billing flows

  • Complete UX and WCAG audit of authenticated and Marketing wbesite.

  • Stakeholder interviews with internal teams (customer support, energy advisors)

  • Gathering customer data through support tickets and live feedback tools

  • Mapped user flows end-to-end and identified redundant paths and drop-off points using flow diagrams and behavior data

  • Built a prioritization matrix for UX fixes based on user impact, technical feasibility, and business alignment

Design for PGE

The visual interaction process included:

  • Created a clean, mobile-first app UI that streamlined common tasks like payment, outage reporting, and usage tracking.

  • Built animated prototypes and product demos using Figma and Ceros, helping stakeholders visualize design flows and transitions.

  • Used Figma’s advanced features like auto layout, variables, and components to deliver developer-friendly files.

  • Created a Full component library and UX documentation

  • Integrated content models and APIs into reusable front-end components

Outcomes & Impact

  • Reduced support ticket volume related to account navigation and outage reporting by 25%

  • Improved accessibility scores by 30% across all platforms in WCAG 2.1 AA testing

  • Boosted user satisfaction by 40% based on usability testing feedback

  • Enabled 2x faster development with well-structured Figma files and shared design tokens

Snapshot

Role

UX/UI Designer, Researcher

Duration

8 months

Type

Enterprise Client - Healthcare

Overview

Designed and delivered AI-enhanced chatbot interfaces to support patient care and virtual health guidance. Integrated emotion-aware flows and micro-interactions to support user clarity and comfort during sensitive tasks.


Led end-to-end UX design for an AI-driven chatbot focused on appointment support and symptom checking.

  • Developed interactive designs and onboarding flows that increased task success and patient confidence.

  • Designed AR-based training views for patient education and provider onboarding.

  • Integrated accessibility best practices into layouts and content.

Outcomes & Impact

  • Improved patient onboarding completion rates by 35% through conversational UI and visual cues

  • Reduced user confusion by 40% during symptom entry via streamlined, empathetic flows

  • Enabled HIPAA-aligned design system handoff, reducing dev QA cycles

  • Boosted patient trust and engagement by integrating emotion-aware microinteractions

Client

AI-Driven Healthcare Interface

Client

Healthcare Insurance – Agent Tools Design

Snapshot

Role

UX/UI , Researcher

Duration

4 months

Type

Internal Tools

Overview

Designed internal tools used by call center agents handling claims, billing, and coverage inquiries. The goal was to simplify workflows and support faster resolution during high-stress service calls.

Process Highlights

  • Conducted user flow audits and pain point mapping with internal agents

  • Identified key blockers in task switching and navigation between tools

  • Designed wireframes for an optimized interface supporting call efficiency

  • Prioritized accessibility and information hierarchy to reduce cognitive load

  • Worked closely with engineering to ensure scalable components and fast response times

Outcomes & Impact

  • Improved first-call resolution rates by reducing steps in core user flows

  • Shortened average call times through clearer UI and fewer input errors

  • Enabled better agent onboarding with intuitive layouts and help affordance

Client

NBA Franchise – AR/VR Fan Engagement Platform

Snapshot

Role

Product Designer

Duration

3 months

Type

Sports and Entertainment

Overview

Built immersive fan engagement features using AR/VR for in-stadium and remote game-day experiences.


Summary

  • Designed AR overlays for seating views, live stats, and merchandise promotions.

  • Used geolocation and personalization to surface food, shopping, and wayfinding experiences based on seat and behavior.

  • Delivered modular UI for web and in-app use with clear developer handoff documentation.

Outcomes & Impact

  • Created modular AR components that were reused across 3+ digital platforms

  • Increased fan interaction time by an estimated 50% with immersive features

  • Streamlined geolocation experience, reducing app navigation friction on game day

  • Delivered AR flows that aligned with brand goals while ensuring accessibility and onboarding clarity

Client

Metrolinx – Presto Experience Research

Snapshot

Role

UX Researcher

Duration

1 months

Type

Public Sector

Overview

Conducted a UX research project aimed at improving the user journey across the Presto transit app and website, with a focus on clarity, accessibility, and ease of fare management.

Research

  • Performed heuristic evaluation and walkthroughs of key user flows

  • Benchmarked existing experience against public sector and transit app standards

  • Identified friction in fare loading, account setup, and mobile card management

  • Developed design suggestions and presented actionable improvements for both platforms

Outcomes & Recommendation

  • Delivered a comprehensive report highlighting key UX issues with annotated screenshots

  • Proposed simplified flows for fare management and balance checks

  • Identified accessibility gaps in color contrast and navigation structure

Client

Ontario Government – Hunting & Fishing Portal

Snapshot

Role

UX Researcher and Front-end UI Design

Duration

2 months

Type

Public Sector

Overview

Collaborated with government stakeholders to improve digital licensing processes.


Summary

  • Conducted heuristic evaluations and stakeholder interviews to identify friction points in the current license portal.

  • Created wireframes and content flows that simplified license selection and payment.

  • Developed a static prototype using HTML, CSS, and JavaScript to demonstrate the redesigned portal experience.

  • Provided accessibility recommendations to align with AODA and WCAG 2.1.

Outcomes & Impact

  • Reduced licensing task time by 25% through simplified flow and content hierarchy

  • Improved accessibility score to meet WCAG 2.1 AA compliance

  • Increased mobile usability based on heuristic testing with 20% fewer tap errors

  • Delivered wireframes and UI updates that were development-ready in 1 sprint

Client

Dryer's Ice Cream - Hueristic Evaluation

Snapshot

Role

UX Researcher

Duration

1 month

Type

In-depth Heuristic Evaluation

Overview

I conducted an in-depth heuristic evaluation and usability test for Dreyer’s Ice Cream website (icecream.com) to identify usability issues, assess accessibility compliance, and provide strategic recommendations to enhance user engagement and interface consistency.

Research and Evaluation

  • Using Nielsen Norman’s heuristic principles, I evaluated the site across key dimensions including system visibility, error prevention, and user control. My process included:

    • Heuristic evaluation and accessibility testing across desktop and mobile viewports

    • Usability testing focusing on navigation, consistency, and responsiveness

    • Creation of visual charts (radar graphs) to highlight areas for improvement across usability, user-system interaction, and social components

    • Assessment of personalization, performance, and content communication clarity

Outcomes & Impact

  • Summarized usability gaps using data visualizations

  • Delivered prioritized recommendations aligned with core heuristics

  • Proposed layout consistency and responsive design improvements

  • Suggested strategies for increasing engagement through reviews and social content

Rabecca

Let's get started on a design journey together!

(437) 453-7507

Client

Portland General Electric

Snapshot

Role

Development, UX/UI Designer, Researcher

Duration

1.5 years

Type

Enterprise Client

Due to NDA, wireframes and Designs are omitted. Below is a high-level walkthrough of the design flow instead.

Overview

As the lead UI/UX Designer at PGE, I was responsible for enhancing the user experience and accessibility across their core platforms, including the authenticated experience, dashboard, mobile app, and public website. This work supported both day-to-day users and the internal team, as well as energy engagement goals.


My contributions spanned UX research, accessibility auditing, interface redesign, motion design, and hands-on implementation in Ceros CMS and Figma.

UX Research and Auditing

Before redesigning any user flows, I conducted a full UX audit and WCAG accessibility review across all digital platforms and documented findings in detail to present to the client.

To ground our redesigns in user needs, I worked with our PM to conduct research that included:

  • Heuristic analysis of the existing dashboard and billing flows

  • Complete UX and WCAG audit of authenticated and Marketing wbesite.

  • Stakeholder interviews with internal teams (customer support, energy advisors)

  • Gathering customer data through support tickets and live feedback tools

  • Mapped user flows end-to-end and identified redundant paths and drop-off points using flow diagrams and behavior data

  • Built a prioritization matrix for UX fixes based on user impact, technical feasibility, and business alignment

Design for PGE

The visual interaction process included:

  • Created a clean, mobile-first app UI that streamlined common tasks like payment, outage reporting, and usage tracking.

  • Built animated prototypes and product demos using Figma and Ceros, helping stakeholders visualize design flows and transitions.

  • Used Figma’s advanced features like auto layout, variables, and components to deliver developer-friendly files.

  • Created a Full component library and UX documentation

  • Integrated content models and APIs into reusable front-end components

Outcomes & Impact

  • Reduced support ticket volume related to account navigation and outage reporting by 25%

  • Improved accessibility scores by 30% across all platforms in WCAG 2.1 AA testing

  • Boosted user satisfaction by 40% based on usability testing feedback

  • Enabled 2x faster development with well-structured Figma files and shared design tokens

Snapshot

Role

UX/UI Designer, Researcher

Duration

8 months

Type

Enterprise Client - Healthcare

Overview

Designed and delivered AI-enhanced chatbot interfaces to support patient care and virtual health guidance. Integrated emotion-aware flows and micro-interactions to support user clarity and comfort during sensitive tasks.


Led end-to-end UX design for an AI-driven chatbot focused on appointment support and symptom checking.

  • Developed interactive designs and onboarding flows that increased task success and patient confidence.

  • Designed AR-based training views for patient education and provider onboarding.

  • Integrated accessibility best practices into layouts and content.

Outcomes & Impact

  • Improved patient onboarding completion rates by 35% through conversational UI and visual cues

  • Reduced user confusion by 40% during symptom entry via streamlined, empathetic flows

  • Enabled HIPAA-aligned design system handoff, reducing dev QA cycles

  • Boosted patient trust and engagement by integrating emotion-aware microinteractions

Client

AI-Driven Healthcare Interface

Client

Healthcare Insurance – Agent Tools Design

Snapshot

Role

UX/UI , Researcher

Duration

4 months

Type

Internal Tools

Overview

Designed internal tools used by call center agents handling claims, billing, and coverage inquiries. The goal was to simplify workflows and support faster resolution during high-stress service calls.

Process Highlights

  • Conducted user flow audits and pain point mapping with internal agents

  • Identified key blockers in task switching and navigation between tools

  • Designed wireframes for an optimized interface supporting call efficiency

  • Prioritized accessibility and information hierarchy to reduce cognitive load

  • Worked closely with engineering to ensure scalable components and fast response times

Outcomes & Impact

  • Improved first-call resolution rates by reducing steps in core user flows

  • Shortened average call times through clearer UI and fewer input errors

  • Enabled better agent onboarding with intuitive layouts and help affordance

Client

NBA Franchise – AR/VR Fan Engagement Platform

Snapshot

Role

Product Designer

Duration

3 months

Type

Sports and Entertainment

Overview

Built immersive fan engagement features using AR/VR for in-stadium and remote game-day experiences.


Summary

  • Designed AR overlays for seating views, live stats, and merchandise promotions.

  • Used geolocation and personalization to surface food, shopping, and wayfinding experiences based on seat and behavior.

  • Delivered modular UI for web and in-app use with clear developer handoff documentation.

Outcomes & Impact

  • Created modular AR components that were reused across 3+ digital platforms

  • Increased fan interaction time by an estimated 50% with immersive features

  • Streamlined geolocation experience, reducing app navigation friction on game day

  • Delivered AR flows that aligned with brand goals while ensuring accessibility and onboarding clarity

Client

Metrolinx – Presto Experience Research

Snapshot

Role

UX Researcher

Duration

1 months

Type

Public Sector

Overview

Conducted a UX research project aimed at improving the user journey across the Presto transit app and website, with a focus on clarity, accessibility, and ease of fare management.

Research

  • Performed heuristic evaluation and walkthroughs of key user flows

  • Benchmarked existing experience against public sector and transit app standards

  • Identified friction in fare loading, account setup, and mobile card management

  • Developed design suggestions and presented actionable improvements for both platforms

Outcomes & Recommendation

  • Delivered a comprehensive report highlighting key UX issues with annotated screenshots

  • Proposed simplified flows for fare management and balance checks

  • Identified accessibility gaps in color contrast and navigation structure

Client

Ontario Government – Hunting & Fishing Portal

Snapshot

Role

UX Researcher and Front-end UI Design

Duration

2 months

Type

Public Sector

Overview

Collaborated with government stakeholders to improve digital licensing processes.


Summary

  • Conducted heuristic evaluations and stakeholder interviews to identify friction points in the current license portal.

  • Created wireframes and content flows that simplified license selection and payment.

  • Developed a static prototype using HTML, CSS, and JavaScript to demonstrate the redesigned portal experience.

  • Provided accessibility recommendations to align with AODA and WCAG 2.1.

Outcomes & Impact

  • Reduced licensing task time by 25% through simplified flow and content hierarchy

  • Improved accessibility score to meet WCAG 2.1 AA compliance

  • Increased mobile usability based on heuristic testing with 20% fewer tap errors

  • Delivered wireframes and UI updates that were development-ready in 1 sprint

Client

Dryer's Ice Cream - Hueristic Evaluation

Snapshot

Role

UX Researcher

Duration

1 month

Type

In-depth Heuristic Evaluation

Overview

I conducted an in-depth heuristic evaluation and usability test for Dreyer’s Ice Cream website (icecream.com) to identify usability issues, assess accessibility compliance, and provide strategic recommendations to enhance user engagement and interface consistency.

Research and Evaluation

  • Using Nielsen Norman’s heuristic principles, I evaluated the site across key dimensions including system visibility, error prevention, and user control. My process included:

    • Heuristic evaluation and accessibility testing across desktop and mobile viewports

    • Usability testing focusing on navigation, consistency, and responsiveness

    • Creation of visual charts (radar graphs) to highlight areas for improvement across usability, user-system interaction, and social components

    • Assessment of personalization, performance, and content communication clarity

Outcomes & Impact

  • Summarized usability gaps using data visualizations

  • Delivered prioritized recommendations aligned with core heuristics

  • Proposed layout consistency and responsive design improvements

  • Suggested strategies for increasing engagement through reviews and social content

Rabecca

Let's get started on a design journey together!

(437) 453-7507

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