Evolve is the portfolio show for MCTC Design students graduating in the spring of 2015. As a member of the web team I led the devlopment of the website, both on the front-end and back-end. A highly customized WordPress site was created to efficiently gather information from all of the students.
The challenge with this project was how to get information and images from all 49 of the graduating students. Using my familiarity with WordPress I quickly created user accounts for all students, created a custom post for each of them, and minimized the admin panel to avoid confusion.
This was acheived using Adminimize, as well as extensive custom php in the functions file. Each individual post then had custom fields applied to it, with character limits and image size restrictions.
All of this was done as the design for the site was still in its early stages. The design process was a collaboration, but the majority of the work was done by the extremely talented Melanie Rodriguez. As her designs reached a more refined stage I began front-end development on the site. The Foundation framework was used as a starting point for the CSS.
The front page was designed as a one-page scroll. I used fullPage.js for that functionality.
On the creatives page, hover effects are color-coded with the student's major. This is acheived by using CSS blend modes to produce a duotone-type effect. Browser support is lacking for Internet Explorer, so there is an IE-specific stylesheet that uses opacity to create a similar effect.