284
WCAG standards
284
WCAG standards
2
Flows re-imagined
2
Flows re-imagined
2
Languages served
2
Languages served
X2O Media
CHALLENGE:
A hybrid conferencing product had software with poor usability.
Clients opted to use Zoom and Teams post-purchase because software was too hard to use.
SOLUTIONS:
Design System - A component library based on best practices. Designed for responsive web, light and dark mode were included.
Accessibility - Full audit for VPAT of product
UX / UI design - (NDA UI refresh of key user flows.
X2O Media
CHALLENGE:
A hybrid conferencing product had software with poor usability.
Clients opted to use Zoom and Teams post-purchase because software was too hard to use.
SOLUTIONS:
Design System - A component library based on best practices. Designed for responsive web, light and dark mode were included.
Accessibility - Full audit for VPAT of product
UX / UI design - (NDA UI refresh of key user flows.
X2O Media
CHALLENGE:
A hybrid conferencing product had software with poor usability.
Clients opted to use Zoom and Teams post-purchase because software was too hard to use.
SOLUTIONS:
Design System - A component library based on best practices. Designed for responsive web, light and dark mode were included.
Accessibility - Full audit for VPAT of product
UX / UI design - (NDA UI refresh of key user flows.
Consistency first
Created style guide in Figma. Worked with FE architect to build Storybook.
Consistency first
Created style guide in Figma. Worked with FE architect to build Storybook.
Consistency first
Created style guide in Figma. Worked with FE architect to build Storybook.
Accessibility initiative
Worked with Product and Engineering to write accessibility protocol.
Accessibility initiative
Worked with Product and Engineering to write accessibility protocol.
Accessibility initiative
Worked with Product and Engineering to write accessibility protocol.
Working prototypes
Fully-interactive prototypes of improved UI for stakeholders and Trade Shows
Working prototypes
Fully-interactive prototypes of improved UI for stakeholders and Trade Shows
Working prototypes
Fully-interactive prototypes of improved UI for stakeholders and Trade Shows
Location
Montréal
Industry
Media / Edtech
Services
UX / UI Design
Tools
Figma, Wix
Link:
--
Location
Montréal
Industry
Media / Edtech
Services
UX / UI Design
Tools
Figma, Wix
Link:
--
Design system:
Style guide
Components WCAG 2.1 compliant
Light and Dark mode
Multiple device layouts
Native android behavior
Components WCAG 2.1 compliant
Light and Dark mode
Multiple device layouts
Native android behavior
Components WCAG 2.1 compliant
Light and Dark mode
Multiple device layouts
Native android behavior
Accessibility initiative:
VPAT 2.5INT audit results:
WCAG (Web): 56 criteria investigated
ADA Section 508: 101 criteria investigated
EN 301 549: 127 criteria investigated
Focus: visible states for all components
WCAG (Web): 56 criteria investigated
ADA Section 508: 101 criteria investigated
EN 301 549: 127 criteria investigated
Focus: visible states for all components
WCAG (Web): 56 criteria investigated
ADA Section 508: 101 criteria investigated
EN 301 549: 127 criteria investigated
Focus: visible states for all components
UX / UI Work (NDA)
Work highlights:
Defined 3 separate user personas
Responsive design of 2 key user flows
Interactive prototypes for Trade Shows
Defined 3 separate user personas
Responsive design of 2 key user flows
Interactive prototypes for Trade Shows
Defined 3 separate user personas
Responsive design of 2 key user flows
Interactive prototypes for Trade Shows
Justin Penney
ADP List mentor
Services
Strategic product design
Growth web design
Connect on LinkedIn
Justin Penney
ADP List mentor
Services
Strategic product design
Growth web design
Connect on LinkedIn
Justin Penney
ADP List mentor
Services
Strategic product design
Growth web design
Connect on LinkedIn