Academy of Art: Interactive Style Guide

CSS3GruntJavascriptJekyllJQuerySASS

Overview

This was the biggest project for 2013. Academy of Art had a desperate need of a new website. We looked at what other university had out there and create a design that goes beyond everything the industry ever made.

I managed a small team of three developper and we had the role of developing the frontend of the site. The backend use CQ5 and was developed by our friends at 42lines. The challenge was to develop a frontend code that can be easily used by the backend developer. We decided to develop an interactive style guide where the backend dev can grab our css and js and easily copy and paste the HTML structure.

Technology

The interactive style guide use jekyll, sass, jquery, and plenty of grunt task to create performant and compact code.

Visit to the Site