View Demo
Case Study Banner

Project Summary

Working as a contractor, I was tasked with updating the look and feel of the Syracuse University website. This work included making a component library for all site components, and updating each block used on the site for a bold and boundless feeling.

Designer
Information Architecture
Prototyping
Project Management
Accessibility

Project Details

Role :

UI/UX Designer

Duration :

March 2024 - November 2024 (9 months)

Tools :

Figma, Adobe Suite, Github

Problem Icon

Problem:

Organization Need for Better Accessibility

Due to stringent laws covering accessibility, there was a need for an overhaul of components that did not meet accessibility standards such as WCAG.

Solution Image
Problem Icon

Solution:

Updated Components with Better SEO and Accessibility.

Adding larger text and a better contrast was the goal, along with an overhaul of the brand. This was accomplished with a new style guide referring to the brand mission of being bold and boundless.

Solution Image

Sub-Site Hero & Navigation Design

Providing special treatment to the landing pages of the smaller Syracuse colleges, I developed a design that integrated more of the school’s “Syracuse Orange” to help the sites stand out, meanwhile staying cohesive with the design system in place for main site. Click below to view my design decisions along with the original layout.

Application Dashboard

Search Update

UX research found that searching was the most used form of navigation for the site, which resulted in an overhaul of the search functionality, including an easier to use interface and a newly developed search function with more accurate search results.

Application Dashboard

Faculty Update

Along with the search update came a revamp of the faculty listing and search. Students expressed their frustration with finding their professors and admission representatives, so I led the initiative to create a new way to search and filter all Syracuse faculty.

Application Dashboard

Component Library

With a new design system, we needed a way to convey the best use case for each element. This was accomplished by creating documentation showcasing the new fonts, colors, and elements in a best-use-case library of components.

Component Library Highlights

Thanks for looking

Continue viewing below

My Portfolio