College TV News
Individual Project | Information + Front-end Design

College TV News
Individual Project | Information + Front-end Design

Client: Carnegie Mellon University’s Heinz College
Tools: Illustrator, Photoshop, Paper53 on iPad
Time: Winter 2013 (design phase) + Spring 2014 (front-end development)

During my part-time job as a web application designer & developer at Heinz College’s web system office, I designed the information screen on the college public TV. There are three variations: the career services screen, the academic services screen, and the student activities screen. And I am currently working on developing these screens out using front-end engineering techniques such as Javascript, jQuery, HTML5/CSS3, XML/XSLT.

Sketches:

Designs:

In sequence: Career Service screen, Academic Service screen, Student Activities screen.


 

Among them, I designed 3 variations for the student activities screen to adapt to consumption of the content under various cases.