Process

The Making Of…

the-making-of-wide

The design & development of this site was one of the most fun experiences I’ve ever had designing & developing a site. I researched new techniques I’ve never used before and implemented them to enhance the overall functionality and experience of the site. From learning how to implement an icon font to display UI icons, to learning new CSS3 techniques to build an on hover tooltip for the font icons.

One of the more exciting aspects of building this site was finally using Zurb’s Foundation Framework more in-depth. I briefly used it last year when I built the first version of this site, but only as a one pager. Luckily this time around, I had just finished designing this site when Foundation v4 had just been released so I decided to give it another go.

Foundation is great in that it gives you so much flexibility to prototype and lay things out very quickly. I was able to get the core HTML framework of the site done very quickly since the framework is made up of a grid. After I got everything styled and looking how I wanted it, I then converted the site to a WordPress theme.

What came next was a slow but steady progression of editing, revising & optimizing aspects of the site as I went along. It’s a rather unconventional way to go about building a site but it worked for me since I had every intention of adding in new features as I saw fit.

When you get down to the very core of the site and how it was built, it really isn’t all that complicated. There’s pretty much only 4 page templates at most and since WordPress does a great job of making everything look seamless, it turned out to be one of my very best looking and functioning sites I’ve built.