Category: UI Design

Developer Hand-off

Introduction: In our recent project, we redesigned the header for a prominent university website. Our challenge was to create an efficient handoff process for our developers, ensuring clarity and understanding of our designs and interactions. This case study outlines our method, from the initial sketches to the final handoff. Design Details: The header contains: Organization: […]

Focus State Upgrades

University of Illinois Design System Overview At Illinois, feedback to the Web Implementation Guidelines Group (WIGG) highlighted a key user concern regarding our theme‚Äôs focus states. A user had issues determining when they were on links using keyboard navigation. I, too, had recently experienced similar difficulties while taking an accessibility course, challenging myself to use […]

Housing Website – Accessibility & Design Feedback

The Problem Another campus unit installed a website with the Illinois Drupal template. They added custom code to make new content types and edited a few styles from the shared web components. They accidentally introduced a few accessibility and best-practice flaws. The Solution Provide clear and helpful feedback regarding accessibility violations and suggestions to implement. […]