A Digital Platform for Art Scholarship





I partnered with the creators of Smarthistory to make impactful updates to their existing website. 
ROLE & DURATION
Lead UX Designer | C&G Partners; Information architecture, UX design, Visual design

Redesigned Menu


Many users reported having trouble finding the correct page in the websites mega nav. I redesigned the navigation to take out extensive nesting in the nav, and allowed people to narrow their selection within each landing page. 

           

BEFORE A sea of red with white text posed problems for WGAC accessibility. Nested content made it difficult to locate pages. The separate search bar pushed the tall menu down even further.


AFTER A warm dark gray behind white text provides excellect color contrast to meet AAA WGAC accessibility. Removing extensive nesting in the nav allows people to narrow their selection within broader landing pages. Search moved to the same bar as the other items menu items. 

Updated Textbook Chapter Templates


Smarthistory has a new Textbook initiative, that allows teachers and students open access to the first free art history textbook available online. I adjusted the layout of these long-scroll pages make them easier to digest and allow people to track their reading progress. 

           

BEFORE
1. Chapter header is congested and lacks typographic hierarchy, and has competing clickable links.
2. Sticky sidebar with guiding questions is positioned on the left and distracts from primary essay
3. Right-aligned essay text appears next to photos, and looks more like a photo caption than part of the essay
4. Modules with additional required readings feel like suggestions that take readers away from the essay



AFTER 1. Chapter header has a clear typographic hierarchy with streamlined colors and breathing room. All clickable links are styled in maroon.
2. Sticky sidebar with guiding questions is moved to the right where it no longer distracts readers from the essay
3. Essay text always occupys the full-width of the text block, photos stand on their own as a visual break from text
4. Modules with additional readings now have cookied check marks for readers to track their progress with required readings



Dynamic Search Results Page


By simply embedding a search bar into the search results page, I allowed users to quickly adjust or refine their search term.

           

BEFORE
Users said the search functionality was particularly frustrating. Search results pages were not dynamic, and there was no way to adjust your search input without retyping into the navigation search bar. 

AFTER
By simply embedding a search bar into the search results page, I allowed users to quickly adjust or refine their search term.

©2022