Community college students arrive carrying significant cognitive burdens before the first concept is introduced. When course structures add long scrolling pages, unclear navigation, and buried resources on top of that, the result is frustration and disengagement. This follows students forward through the course.
The problems in the original course were observable and consistent across semesters. Students did not scroll far enough to find resources, and went to YouTube for help despite instructor-created videos addressing exactly those questions being available in the module.
This redesign was guided by two frameworks (Quality Matters and Universal Design) developed in parallel rather than applied sequentially, and my 'special sauce': Visual design. I know, not everyone has access to a graphic designer. However, I hope to share some basic design principles that anyone can use.
I also want to note that accounting attracts neurodivergent students, and I believe we should be designing our courses to consider their needs. Accessibility is important in my work due to my experience with neurodivergent family members navigating the higher-ed realm and for my students.
👀 Keep an eye out in Faculty Focus for an upcoming article!
Each course has its own design origin story. What they share is structural consistency beneath the visual differences. Students moving between courses find the same organizational logic and navigation patterns. The brand of each course is distinct. The experience of being in one of these courses is recognizable.
Bold and high-energy. The banner tells the accounting story visually before a word is read: data, community, money, and reports connected by ribbons suggesting flow and relationship. Color palette developed with contrast and accessibility as the starting point.
A softer register that reflects managerial accounting's world: production, cost, and process. The gear motif was a content-driven choice. The teal and pink palette is warmer and less corporate, signaling a different kind of analytical work.
The most refined of the three. The banner photograph was taken by Micaela, and the color palette was built from that image using color theory principles. The editorial typography and restrained button style reflect a course with a synchronous lecture component requiring a different homepage hierarchy.
Micaela Coon is a professional graphic designer whose formal training included a capstone concentration in designing for dyslexia. Students with dyslexia represent a significant portion of learners.
Her contribution to this course redesign was not cosmetic. She created the visual identity system for each course, including color palettes, typography selections, and course banners, and provided ongoing consultation on layout decisions, visual hierarchy, and cognitive load.
She introduced the Z-pattern principle (the way a reader's eye naturally moves across a page) and made placement decisions based on it.
A pedagogically sound module that is visually overwhelming creates extraneous cognitive load that undermines the pedagogical work. A visually elegant module not aligned with learning objectives fails at the level of instruction. Neither problem is solvable by the other person alone.
If you would like to see more examples or a walkthrough of a course, contact me for a demo!