Timeline
Nov 7 - Nov 9 2025
(3 days)
Roles
UX Designer
Responsibilities
User research, User Flows, Wireframing, Prototyping,
Tools
Figma, Claude AI
Background
I partnered withThe Center for Independent Living (CIL)through the Tech for Good Basecamp initiative to address critical inefficiencies in their visitor management process. Following detailed discussions with the CIL representative, we identified that their entirely paper-based check-in system was slow, inaccessible for visitors using assistive technology, and generated a substantial administrative burden on staff due to mandatory manual data entry. The primary objective of this project was to design a cohesive, highly accessible, and efficient digital check-in system that would streamline operations and significantly improve the experience for both CIL staff and visitors.
How might we
design a kiosk interface that guarantees seamless, independent access for visitors using assistive technologies?
Research
The initial research phase was critical, focusing on discovery through stakeholder interviews and establishing a robust technical foundation centered on accessibility compliance. We prioritized adhering to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA standards to ensure independence for all CIL users. This thorough approach dictated the system's design, ensuring every need—whether visual (high-contrast color palettes, legible sans-serif fonts), motor (large touch targets, minimal steps), or auditory/language (screen reader compatibility, language toggles)—was fully integrated into the user experience, transforming the kiosk into a truly inclusive tool.
User Flow
The fundamental goal of the user flow design was to achieve maximum efficiency and minimize technological frustration for all users. We designed the flow to be as linear and simple as possible, ensuring users could navigate the entire check-in process in under a minute. This was accomplished by adopting a minimalist page design and utilizing large, clearly labeled touch targets. By breaking down the complex process of identification, intent selection, and staff alerting into quick, digestible steps, we ensured that every visitor could easily read, understand, and complete each necessary action before proceeding to the next, thereby accelerating their service journey.
Design System
The visual design system was developed to maintain brand cohesiveness by aligning the kiosk's color palette with the existing CIL website. Crucially, this system was built atop the research into optimal accessible fonts, prioritizing the highly legible Verdana family. Rigorous testing ensured that all chosen color combinations and contrast ratios adhered strictly to WCAG 2.1 Level AA standards, guaranteeing that the final interface is maximally readable and accessible to every visitor, regardless of visual impairment.
High-Fidelity Mockups
High-Fidelity Prototype
Checking in for an Appointment
Making an Appointment
Designed by Amulya Pennepalli