Master of Human-Computer Interaction and Design Website Development

About This Project

As a graduate assistant, I was responsible for maintaining and managing my graduate program's website. This included updating copy, SEO, and designing new layouts. In addition to creating webpages about my program, I also created webpages to showcase student work.

My Contribution 

In regularly updating the website, I:

  • Designed pages according to a theme and to fit specific types of content
  • Created interactive tables

For the student pages, I:

  •  Led and managed the project
  • Researched other graduate programs and student showcases and incorporated student feedback to inform my design
  • Created wireframes based on my research
  • Created the webpages using HTML, CSS, jQuery, and Wordpress

A table comparing graduate programs

A table comparing graduate programs

Wireframes for a gallery of student profiles

Wireframes for a gallery of student profiles

The student gallery with hover state shown

The student gallery with hover state shown

A QuickView version of a student's profile

A QuickView version of a student's profile

A student's individual profile page

A student's individual profile page

A lightbox of a student's project

A lightbox of a student's project

Code for the student gallery

Code for the student gallery