Ludex
A mobile accessibility enhancement project for a leading AI-driven sports and TCG card scanning app. This work focused on making Ludex’s fast-paced, visually rich experience fully inclusive, ensuring that all collectors, regardless of ability, can scan, value, and manage their collections with ease.
Accessibility
Redesigning core app interactions to meet WCAG 2.1 AA standards, improving readability, navigation, and usability for all users.
Mobile UX
Streamlining scanning, listing, and value-check workflows to ensure smooth, intuitive interactions on any device.
Performance & Feedback
Enhancing visual and auditory feedback, touch targets, and focus states to support quick, confident decision-making.
Scalable Design Systems
Creating a reusable accessibility framework and updated style guide to ensure future features launch with inclusive design baked in.
How Might We...
Ensure seamless accessibility for all users in a fast-paced scanning app
Ludex offers a powerful, AI-driven experience that helps collectors instantly scan, identify, value, and manage sports and TCG cards. Despite its popularity and robust features like “List-It” and a trending dashboard, users with visual or motor impairments may face challenges, especially during quick-scanning sessions and complex navigation. We needed to make Ludex’s fast-paced, visually intense experience more inclusive by optimizing screen reader workflows, touch targets, contrast, and platform navigation.
Additional goals included:
-
Improve screen reader friendliness during scan workflows
-
Increase visibility and clarity of notifications and confirmation states
-
Enhance contrast and adaptable layouts for low-vision users
-
Ensure touch targets and list controls are easily identifiable and tap-ready
An inclusive UX framework for instant scanning and collection management
What We Designed
We redesigned Ludex’s core user flows to be more accessible, especially focusing on scan, value lookup, and “List-It” features. Through expert accessibility reviews and user testing with assistive technology, we refined visual feedback, layered ARIA labels, improved layout adaptability, and enhanced contrast for readability. The result: a sleek user interface that works just as fast, but is also inclusive.
Key wins included:
-
Screen reader optimized: announced scan progress, results, and “List-It” confirmations
-
Enhanced contrast ratio for key buttons and labels (WCAG 2.1 AA compliant)
-
Larger, spaced touch targets in scanning and listing flows
-
Alternate text and focus states added to dashboard widgets (e.g., trending players, price reports)
-
Customizable UI scaling and dynamic layout adaptation for accessibility needs
Tools, Tech, and Methods
Approach in Action
Strategy & Research
-
Heuristic review focused on mobile accessibility (screen readers, touch targets, readability)
-
User testing sessions with individuals using VoiceOver and TalkBack
-
Workflow mapping for scanning and listing flows to spot barriers
Design & Prototyping
-
Figma prototyping with accessibility plugins (Contrast Checker, ARIA annotations)
-
Customizable UI templates for different visual needs (e.g., large font, high contrast)
-
Micro-interactions refined for screen reader feedback and haptic/tactile confirmation
Content & Platform
-
Enhanced ARIA labeling on interactive elements (scan, value, list buttons)
-
Semantic UI structure to improve gesture and keyboard navigation
-
Accessible documentation for future features (e.g., Price Report filtering options)
-
Style guide updates to maintain accessible patterns across new screens