Honors Website
Honors Website
I was the Graphic/Web Designer for the DePaul Honors Office, and one of my tasks was to improve their website's user experience design. The DePaul Honors program is a liberal arts curriculum at DePaul University that teaches students about current topics and critical thinking skills (I was also in the program and graduated with Honors :) ).
I was the Graphic/Web Designer for the DePaul Honors Office, and one of my tasks was to improve their website's user experience design. The DePaul Honors program is a liberal arts curriculum at DePaul University that teaches students about current topics and critical thinking skills (I was also in the program and graduated with Honors :) ).
Goal
Increase the usability and visual appeal of the DePaul Honors website
Goal
Increase the usability and visual appeal of the DePaul Honors website
Tool(s)
Figma, SharePoint
Tool(s)
Figma, SharePoint
Timeline
1.5 years (student position as their web/graphic designer, working intermittently on the website)
Timeline
1.5 years (student position as their web/graphic designer, working intermittently on the website)
01
01
SharePoint Work
SharePoint Work
The final implementations of my designs for the Honors Website in SharePoint using HTML code.
The final implementations of my designs for the Honors Website in SharePoint using HTML code.
02
02
Lo-Fi Wireframes
Lo-Fi Wireframes
My first step in redesigning the website was to create several low-fidelity wireframes of pages that currently exist on the site, altering them based on critiques I had for them.
As a desk worker at the Honors Office as well, I understood that a main concern for users was that they couldn't find the answers they were looking for on the site.
Based on this, I brainstormed ways to help users obtain answers to their questions in the least amount of clicks on the site.
My solutions were:
My first step in redesigning the website was to create several low-fidelity wireframes of pages that currently exist on the site, altering them based on critiques I had for them.
As a desk worker at the Honors Office as well, I understood that a main concern for users was that they couldn't find the answers they were looking for on the site.
Based on this, I brainstormed ways to help users obtain answers to their questions in the least amount of clicks on the site.
My solutions were:
Adding a navigation system at the end of each page, allowing users to go to different pages without scrolling back up to the nav bar
Adding a navigation system at the end of each page, allowing users to go to different pages without scrolling back up to the nav bar
Altering the containers on the DePaul Honors website to include links on certain phrases that will take users to more information on the topic of those phrases
Altering the containers on the DePaul Honors website to include links on certain phrases that will take users to more information on the topic of those phrases
I also considered the ways the banner on the hero image for each page could be stylized, putting it at the top of the image in my wireframe to give the user the name of the page they just clicked on right away. I gave the banner a ribbon effect to call back to the concepts of ribbons and awards associated with the Honors office.
In addition, based on studying the FAQs of various DePaul websites, I created a wireframe for the expandable FAQ seen on all those sites.
I also considered the ways the banner on the hero image for each page could be stylized, putting it at the top of the image in my wireframe to give the user the name of the page they just clicked on right away. I gave the banner a ribbon effect to call back to the concepts of ribbons and awards associated with the Honors office.
In addition, based on studying the FAQs of various DePaul websites, I created a wireframe for one for the Honors Office.
03
03
Stylistic Changes
Stylistic Changes
In addition, I created redesigns for the containers that exist on the DePaul Honors Website using the DePaul branding color scheme which uses the colors BLUE and RED.
In addition, I created redesigns for the containers that exist on the DePaul Honors Website using the DePaul branding color scheme which uses the colors BLUE and RED.
