UMSI Career Development Office
|
UMSI Career Development Office |
Academic course project to independently design a mobile-first career resource website for the UMSI Career Development Office, focused on accessibility and clear resource discovery.
Client Brief
Designed a mobile-first layout using semantic HTML and CSS, aligning with UMICH’s brand guidelines and responsive design standards.
Implemented accessibility best practices including alt text, ARIA landmarks, reduced-motion media queries, and WCAG AA color contrast validation.
Created a scalable content structure to support future Career Development Office resources while maintaining consistency across pages and user flows.
Design Process
-
The color palette is derived from the University of Michigan’s brand guidelines, using a restrained mix of maize, blue, and neutral tones. High-contrast color pairings were intentionally selected to meet WCAG AA standards and support readability across devices. The palette reinforces institutional credibility while keeping the interface clean and approachable for students.
-
Typography choices prioritize clarity and accessibility, using system-friendly, highly legible typefaces for body text and navigation. Consistent type hierarchy helps guide users through dense career content while maintaining scannability on mobile screens. Overall, the typography supports usability, accessibility, and alignment with U-M’s digital identity.
