A fresh design was needed to showcase work on my site gocamille.com. The mobile-first version of Twitter Bootstrap is being used to build a future-proof, fluid design. I am also coding it with panels where I can easily insert new work. The site will be live at the beginning of September 2013*.
(*I've been extremely busy as Lead Web Developer at Visual Inclination -- my new site will be pushed live at the end of 2013.)
THE PROCESS
I quickly sketched wireframes to lay out the full semantic structure of the site and to understand the site flow. From here I can understand all structural elements and determine the show/hide rules for media queries.
The hand drawn wireframes were transferred to PSD files. To debug any issues with the responsive design, the wireframe elements were quickly coded locally with Wirefy and tested in Firefox.
The hand drawn wireframes were transferred to PSD files. To debug any issues with the responsive design, the wireframe elements were quickly coded locally with Wirefy and tested in Firefox.
The storyboards were built from the PSD wireframes to determine layout options and the site's look and feel.
Site Features
The new site includes interchangeable, well-commented panels that allow for easy swapping of old work for new work. The site is also retina-ready. Other features include: