With this redesign, I took a Mobile First Responsive Design approach. It means I started with a mobile design and progressively enhance the experience as screens get bigger. By designing for Mobile First, I'm able to focus on important content and optimize the experience first. Other than making the layout responsive with CSS media queries, I also added JavaScript swipe gestures to supported mobile devices.

I also created three custom widgets: a Google+ Feed widget that is loading my latest post from Google+, a Dribbble shots widget that shows my work on the portfolio page and a Social widget which list my social profiles.

Oh and a few more surprises, go find them!