MIT: Provost
Homepage
The long homepage unfolds the Provost's office story as users scroll. A hero image featuring the Provost kicks things off with bold typography. Prominent "piano key" icons at the bottom highlight the four main focus areas.
The comps include placeholder text (Greek) in some areas. Following design approval, the work would undergo copywriting, active news stories and final image selection(s).
Updates
Lorem Ipsum...
Subpage navigation
Most of the interior pages used a jump menu, positioned along the right side of the page. The delicate line along the left held a title for the corresponding section along with a pop of magenta to act as a visual break as the user scrolled.
Search
The design detail extended through search with the use of smart, simple iconography, and magenta highlights as the user engaged with the predictive search.
Mobile screens
Mobile received the same amount of attention and offers a great user experience as well.