When I had to design a site from scratch using HTML5 and CSS for the General Assembly Circuit course, I decided to go with content I was familiar with, and envisioned if my personal brand was an agency for the purposes of this project.
Tools used: Photoshop, Sublime Text, Github
First site wireframe for desktop
Updated desktop wireframe, after finalizing content and identifying HTML5 elements.
Left: responsive wireframe for mobile; right: responsive wireframe for tablet
Final responsive site on desktop.
Final responsive site on tablet (left), on mobile (right).