First Responsive Site for Academic Client

PTI: Showcase, was a campaign focused on attracting attention for the Graphic Design and Multimedia Programs at Pittsburgh Technical College (then, Pittsburgh Technical Institute). This adaptive/responsive website design features the winning portfolio work of various students from recent portfolio exhibitions. The desktop version of this microsite will display portfolio images in a modal window, where the user can click through from one image to the next. The mobile version of the site presented portfolio images as a popup inside the box model of the document. The user could show or hide images or text using various UI elements in the site’s layout.

Work on this site occurred around 2011. At this point in the development of PTI’s web presence, there was no mobile or responsive layout on its main site. This project was the first example of PTI’s use of mobile first or responsive layout techniques in its digital marketing materials.



Sample microsite can be viewed here.