Client
Portland General Electric
Snapshot
Role
Development, UX/UI Designer, Researcher
Duration
2 years
Type
Enterprise Client
Due to NDA, wireframes and Design process are omitted. Below is a high-level walkthrough of the design flow.
Overview
As the 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, the research 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
Client
Kaiser Permenente
Snapshot
Role
UX/UI Designer, Researcher
Duration
10 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
Healthcare Insurance – Agent Tools Design
Snapshot
Role
UX/UI , Researcher
Duration
4 months
Type
Enterprise Client
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
NFL Team – App Design and AR/VR Fan Engagement Platform
Overview
Built immersive fan engagement app and features using AR/VR for in-stadium and remote game-day experiences.
Summary
Redesigned the app experience to match the branding.
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
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 isability 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 framework, I conducted a structured UX research and evaluation process to identify usability, accessibility, and interaction issues across the experience. This included:
Heuristic evaluation across core user journeys, with findings categorized by principle and severity
Accessibility review across desktop and mobile, including navigation, hierarchy, interaction states, and responsive behaviour
Usability testing to identify friction points, recurring patterns, and breakdowns in task completion
Analysis of user control, system feedback, error prevention, consistency, and information clarity
Comparative scoring across usability dimensions to prioritize high-impact areas for redesign
Synthesis of findings into visual radar charts and research themes to communicate patterns and support design decisions
Evaluation of personalization, content effectiveness, performance, and overall user-system interaction quality
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
Client
Portland General Electric
Snapshot
Role
Development, UX/UI Designer, Researcher
Duration
2 years
Type
Enterprise Client
Due to NDA, wireframes and Design process are omitted. Below is a high-level walkthrough of the design flow.
Overview
As the 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, the research 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
Client
Kaiser Permenente
Snapshot
Role
UX/UI Designer, Researcher
Duration
10 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
Healthcare Insurance – Agent Tools Design
Snapshot
Role
UX/UI , Researcher
Duration
4 months
Type
Enterprise Client
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
NFL Team – App Design and AR/VR Fan Engagement Platform
Overview
Built immersive fan engagement app and features using AR/VR for in-stadium and remote game-day experiences.
Summary
Redesigned the app experience to match the branding.
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
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 isability 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 framework, I conducted a structured UX research and evaluation process to identify usability, accessibility, and interaction issues across the experience. This included:
Heuristic evaluation across core user journeys, with findings categorized by principle and severity
Accessibility review across desktop and mobile, including navigation, hierarchy, interaction states, and responsive behaviour
Usability testing to identify friction points, recurring patterns, and breakdowns in task completion
Analysis of user control, system feedback, error prevention, consistency, and information clarity
Comparative scoring across usability dimensions to prioritize high-impact areas for redesign
Synthesis of findings into visual radar charts and research themes to communicate patterns and support design decisions
Evaluation of personalization, content effectiveness, performance, and overall user-system interaction quality
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
Client
Portland General Electric
Snapshot
Role
Development, UX/UI Designer, Researcher
Duration
2 years
Type
Enterprise Client
Due to NDA, wireframes and Design process are omitted. Below is a high-level walkthrough of the design flow.
Overview
As the 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, the research 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
Client
Kaiser Permenente
Snapshot
Role
UX/UI Designer, Researcher
Duration
10 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
Healthcare Insurance – Agent Tools Design
Snapshot
Role
UX/UI , Researcher
Duration
4 months
Type
Enterprise Client
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
NFL Team – App Design and AR/VR Fan Engagement Platform
Overview
Built immersive fan engagement app and features using AR/VR for in-stadium and remote game-day experiences.
Summary
Redesigned the app experience to match the branding.
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
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 isability 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 framework, I conducted a structured UX research and evaluation process to identify usability, accessibility, and interaction issues across the experience. This included:
Heuristic evaluation across core user journeys, with findings categorized by principle and severity
Accessibility review across desktop and mobile, including navigation, hierarchy, interaction states, and responsive behaviour
Usability testing to identify friction points, recurring patterns, and breakdowns in task completion
Analysis of user control, system feedback, error prevention, consistency, and information clarity
Comparative scoring across usability dimensions to prioritize high-impact areas for redesign
Synthesis of findings into visual radar charts and research themes to communicate patterns and support design decisions
Evaluation of personalization, content effectiveness, performance, and overall user-system interaction quality
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