Illinois commencement website
ui design
wireframing & prototyping
responsive design
The University of Illinois Urbana-Champaign's commencement website required a complete overhaul to better serve its key audiences—students, faculty, and families attending the event.
Our goals were to modernize the design, improve usability across devices, and mitigate questions posed to our special events team.
Illinois commencement website
ui design
wireframing & prototyping
responsive design
The University of Illinois Urbana-Champaign's commencement website required a complete overhaul to better serve its key audiences—students, faculty, and families attending the event.
Our goals were to modernize the design, improve usability across devices, and mitigate questions posed to our special events team.
Illinois commencement website
ui design
wireframing & prototyping
responsive design
The University of Illinois Urbana-Champaign's commencement website required a complete overhaul to better serve its key audiences—students, faculty, and families attending the event.
Our goals were to modernize the design, improve usability across devices, and mitigate questions posed to our special events team.
Illinois commencement website
ui design
wireframing & prototyping
responsive design
The University of Illinois Urbana-Champaign's commencement website required a complete overhaul to better serve its key audiences—students, faculty, and families attending the event.
Our goals were to modernize the design, improve usability across devices, and mitigate questions posed to our special events team.
process
I was one of two designers tackling this project. We started by designing the homepage independently and then merging our designs together, making use of the best components from each of our designs.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Version 1
Our university has two commencement ceremonies - one in December and one in May. The initial design would account for both ceremonies.
Version 2
I removed one countdown, opting for a cleaner look and featuring the coming ceremony's date.
Version 3
I adjusted the background colors to ensure white text was always accessible and legible.
Final
This is the final iteration that is live on the site.
Original:
My focus was on adding engaging and functional components to the homepage. I independently worked with our developers to ensure the flip clock and horizontal scroller were accessible.
Redesign:
Original:
My focus was on adding engaging and functional components to the homepage. I independently worked with our developers to ensure the flip clock and horizontal scroller were accessible.
Redesign:
