UI Design

project #1

UI.jpg

Mission

The Penn State Schreyer Honor's College was looking for a refresh to their outdated website. They requested a modern yet traditional feel that also met university brand standards. I worked closely with the developer using Adobe XD to come up with a design that could be easily recreated by the developer. The client requested the use of Lorem Ipsum to keep the pages generic since the content would change quite often.

vision

While utilizing the Penn State Brand colors and fonts, I created the desktop and mobile versions with specific gradients, design elements, and interactive styles that made the Schreyer Honors College their own sub-brand within the overarching Penn State University design system. The university maintains a very strict adherence to their brand guidelines, but I was still able to design a unique website that successfully stands on it's own while also maintaining the look and feel of Penn State.

NBG4.png
NBG3.png

Content

General template designs for one, two, and three column pages plus a faculty contact page, an interactive calendar page, and various other pages were requested by the developer. Once the designs were approved by the client, I also provided the developer with downloadable components via the prototype links created within XD. A design system and style guide were also created with the main components and interactive elements as well as fonts and color choices.

PS StyleGuide.png

Templates

Following the style guide and Penn State Brand Guide, more design templates were also created for the following media:

  • PowerPoint

  • Word

  • InDesign Flyers

SITE Templates.png