University of Texas McCombs Website

Telling prospective and current McCombs School of Business students how to Make It Here.

After updating their branding, McCombs wanted an updated website to accompany their new tone. Using a color and texture system that evokes a nostalgic Texas, I created a complex UI design system to scale throughout their site.

With interchangeable components, alternate background colors, and a variety of content modules, I created an exhaustive system to be used across page templates, one-off pages and future pages to come.

Client

McCombs School of Business

Role

UI Design, UX Design

Industry

Higher Education

view site

I took special care to organize the menu system of this robust site. The utility menu with low priority but ever-present items lives at the top of the screen with a larger main menu of high impact pages beneath it. On hover, each of the main menu items reveals secondary relevant pages on the left and detail cards to the right to add context or extra insight to a given section. In addition, on graduate and undergraduate pages, I designed an interactive breadcrumb to help users navigate within those specific ecosystems.

After the initial phase was completed, I versioned the Ui system for the Executive Education site offshoot. Using the majority of the same components from the original business site, I created a new visual tone using McCombs’ secondary bluebonnet and charcoal colors to differentiate the two sites in darker, more sophisticated tones.

For both phases of the McCombs site ecosystem I completed a complex style guide for client handoff (in addition to a standard devpack for internal development use). This style guide explained the overarching Ui system and demonstrated use-cases for different components and variations.