Users of the MIT brand guide website want to learn about the tools to create communication materials that are on brand and they want to be able to easily access them. To serve this user need, we designed the navigation to be focused on the brand assets so users can find information about the logo, color palette, and typography with one click.
The brand assets are conveniently located in a downloads section with filters where all assets are password-protected and available to the MIT community via the MIT login.
Motion Graphics
Website Design & Development
The design of the website is purposefully clean, like a gallery space, to keep the focus on the MIT brand assets and guidelines. The website was intentionally designed using only the MIT core colors and typefaces to maximize the minimal yet super branded look and feel.
To bring the brand to life and add style and excitement to the site, we created a dynamic brand animation for the homepage. This animation not only generates excitement about the refreshed brand but also effectively conveys the essence of MIT’s branding. Additionally, we also created a series of brief animations for content page headers, to add visual interest and enhance engagement.
One of the main goals of the site is to be flexible to accommodate the evolving MIT brand. One approach we used to address this goal is the vertical navigation. A vertical navigation is very easy to add on to and won’t run out of space like a horizontal navigation (on desktop) would. We also designed flexible content templates to accommodate varied content and formatting needs.
Proud to be a certified women-owned business
Proud to be a certified women-owned business
Proud to be a certified women-owned business
