![](https://static.wixstatic.com/media/11062b_d1a646e8c3d54d97bc4f11fea4de5f78f000.jpg/v1/fill/w_1920,h_1080,al_c,q_90,enc_avif,quality_auto/11062b_d1a646e8c3d54d97bc4f11fea4de5f78f000.jpg)
certified
![UI.jpg](https://static.wixstatic.com/media/582e66_2ea577a7894247a18c10d4edda2e1b38~mv2.jpg/v1/fill/w_637,h_637,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/582e66_2ea577a7894247a18c10d4edda2e1b38~mv2.jpg)
project #1
![NBG3.png](https://static.wixstatic.com/media/582e66_3f0dc3406010481b87fe55ee864f9ae3~mv2.png/v1/fill/w_934,h_509,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/NBG3.png)
Mission
The Penn State Schreyer Honor's College sought to revitalize their outdated website, aiming for a modern yet traditional design that aligned with the university's brand standards. Working closely with the developer in Adobe XD, I crafted a design that could be easily implemented. To accommodate the ever-changing content, the use of Lorem Ipsum was requested to maintain generic pages.
vision
Embracing the Penn State Brand colors and fonts, I created distinct desktop and mobile versions, incorporating gradients, design elements, and interactive styles that established the Schreyer Honors College as a unique sub-brand within the broader Penn State University design system. Despite strict adherence to brand guidelines, I successfully crafted a website that stands on its own while remaining consistent with the overall Penn State look and feel.
![NBG4.png](https://static.wixstatic.com/media/582e66_d8727a07593b40c980be26c6d5f3fa2b~mv2.png/v1/fill/w_780,h_450,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/NBG4.png)
Content
The developer requested general template designs for one, two, and three-column pages, as well as a faculty contact page, interactive calendar page, and other various pages. Upon client approval, I provided the developer with downloadable components through XD's prototype links. Additionally, I developed a comprehensive design system and style guide, encompassing essential components, interactive elements, as well as font and color choices.
![PS StyleGuide.png](https://static.wixstatic.com/media/582e66_36fea3e833ca466895faa4309158ea1a~mv2.png/v1/fill/w_732,h_527,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/PS%20StyleGuide.png)
Templates
In line with the style guide and Penn State Brand Guide, I also designed templates for additional media, such as PowerPoint, Word, and InDesign flyers. These templates maintain consistency with the overall brand, enabling seamless integration across various communication materials.
![SITE Templates.png](https://static.wixstatic.com/media/582e66_e41fda8dc94f4a69beb77a553520f3ab~mv2.png/v1/fill/w_600,h_440,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/SITE%20Templates.png)