Professional Portfolio Microsite

The latest phase of my online portfolio
  • wireframe layout
  • wireframe layout
  • wireframe layout
  • wireframe layout
  • wireframe layout
  • wireframe layout
  • wireframe layout
  • wireframe layout
  • screen grab
  • Max-width 499px @Media Breakpoint
  • screen grab
  • screen grab
  • screen grab
  • Max-width 767px Min-width 500px @Media Breakpoint
  • screen grab
  • screen grab
  • screen grab
  • Max-width 850px Min-width 768px @Media Breakpoint
  • screen grab
  • screen grab

About This Project

In 2015 I decided that my online portfolio really needed a new look, I began the task of designing a new microsite that would showcase both my work and my talents. I wanted this work to be modest, inviting and straight-forward without being over-the-top.

  • Client

    Personal

  • Date

    Summer 2015

Project Details

I started with UX wireframe layouts to determine the way the content would be displayed. The critical part was how it would relate to the responsive design when HTML5 @ media breakpoints were added. I only did this for the home page of the website, since I did not have a client that needed to be walked though each screen and navigation.

The wireframe only took about a day or two, and the original build was two days. Of course slight adaptions were added and tweaked along the way, and will no doubt continue as evolution is constant. The screen shots are how the site looks at the breakpoints.

Services/Software

Illustrator, Photoshop, Dreamweaver