The Journey of My Portfolio

My online portfolio has gone through many versions and iterations since it’s first creation back in 2004. From my a fully built portolio in flash to the my current site that utilizes social media to present work, It has been a long journey. A portfolio is the most powerful tool in a designers arsenal and has always been a major part of where my design is.

As you can see in the first four versions I used my middle name as the title of my portfolio. This was to give it a little anonymity and to honor that which got me to where I am. I think by looking at the journey of a designer, you can see where he is going.

brenicor logo

Version 1: Portfolio in Flash - Circa 2004

My first online portfolio went live in 2004. This was around the time Macromedia Flash was very popular and everyone was building a complicated introduction with motion and music. I built my whole site in Flash with pop up windows for the portfolio pages. The site even featured three songs created by my friend, DJ Eric Ryan. And yes, that is papyrus.

Matthew James Shea portfolio version 1: Portfolio in Flash - Circa 2004 - Image 1
Matthew James Shea portfolio version 1: Portfolio in Flash - Circa 2004 - Image 2
James Shea Design vector logo

Version 2: Wordpress Portfolio - Circa 2009

My second portfolio site was created in WordPress. Content management systems were, and still are, a great way to build a website. I used an image slider on the main page to rotate featured pieces, and attempted to incorporate a blog. I tried to selected a WordPress template that would represent me while still focusing on my creative work.

Matthew James Shea portfolio version 2: Wordpress Portfolio - Circa 2009 - Image 1
Matthew James Shea portfolio version 2: Wordpress Portfolio - Circa 2009 - Image 2
JSD with shadow logo

Version 3: HTML Template - Circa 2012

My inspiration for the third iteration of my portfolio was the one page website design movement. I stumbled upon One Page Love that features many great websites on one page. I purchased an HTML template and greatly modified it to assembled all of my work. The site featured filtering and sorting, an animated scrolling effect and a sticky header.

Matthew James Shea portfolio version 3: HTML Template - Circa 2012 - Image 1
Matthew James Shea portfolio version 3: HTML Template - Circa 2012 - Image 2
JSD final logo

Version 4: Custom Responsive Design - Circa 2015

As people are accessing the web with smart phones and tablets, I knew I needed a site that was responsive. This was my biggest goal with this redesign. Also, with the growing popularity of flat, content-first design, I decided a refresh was in order. With my constantly expanding knowledge of web programming, I decided to created this website from scratch. The site featured a differenct parallax-scrolling header for each page, animated portfolio sorting, and a cool direction-aware hover effect.

View Portfolio

Matthew James Shea portfolio version 4: Custom Responsive Design - Circa 2015 - Image 1
Matthew James Shea portfolio version 4: Custom Responsive Design - Circa 2015 - Image 2