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: […]
Blog
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 […]
IL Design System Wireframe Library
The Problem I needed a wireframe system I could easily change over to the lo-fidelity and then paste in the hi-fidelity components to prototype. The Solution (in progress) Create a copy of the design system as a wireframe set My Roles Tools
User Flow Wireframe
Note – this project is a work in progress and will continue to evolve. Accessibly Community has a set of criteria they need users to select through a search process to help find the appropriate venue or service that accommodates their needs. Specifically, we are working on the path for users to select multiple disabilities […]
Website Progress Updates
Communicating to stakeholders doesn’t need to be boring or complicated. Details Since this web template project was going to span well over a year, I wanted to use a visual that stakeholders could use to see some progress, especially when there wouldn’t be much to show in the first few months. The project kick-off meeting […]
ACES Visit and Request Info Links
The Problem ACES recruiters are changing their process and changed some Slate forms to streamline the flow of recruitment efforts. The college and 7 department sites have links to old Slate forms that must be changed on multiple pages on each site. The Solution Update all links on each department site to direct to the […]
Site Architecture Changes for Inside.ACES Marcom Section
NOTE: Work in progress. The Problem Now that we have a full team in marcom, it’s time to rework the content on the staff intranet for our unit. A large team can lead to communication challenges and gaps. We want to reorganize and populate our section. The Solution (in progress) Wirefreme the new site content […]
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. […]