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