Welcome to the new AdamJohnsonDesign.com!

posted by adam johnson on February 5, 2011

I've finally gotten around to redesigning my portfolio website. The old saying holds true with designers: our own work gets put on the back-burner in lieu of paying projects.

For this design (version 2), I wanted to provide wider images of my work (bigger is better, right?) using a brighter, minimalistic approach. It also allows users to sort work by type, has a Twitter news feed, and is jam packed with other fun things. Everything is maintained by Concrete5 CMS. More on the redesign after the fold.

inspiration:

I originally fleshed out the initial design of this site waaay back in September of 2010 when I had a spot of free time. At that point, I knew that I wanted to redesign my site; however, just never had the time to devote towards such a critical project. Here is a list of some of the sites I used for inspiration:

http://www.visualboxsite.com

http://www.iconwerk.de

http://designfabrika.com

http://www.joeypfeifer.com

http://www.exclusivereels.com

http://herohousing.org/UBBT

http://www.established1986.com

http://www.themountaincompany.co.uk

http://kyee.co.uk

http://www.davidsalvatori.com

http://www.blogthefaith.com

http://www.smartdesignworldwide.com

http://www.teehanlax.com

http://www.lenm.cz

http://www.mattkursmark.com

http://seventytwo.nl

http://www.madeinhaus.com

http://tobiasahlin.com

http://www.clickfarminteractive.com

http://www.studiobreakfast.be

http://www.uber-london.com

http://joeypfeifer.com

implementation:

It took about two days to get the initial concept worked out. After that, I spent some time away from the design then came back with a fresh set of eyes. After some tweaks, I took my Blank 960 Starter Template for Concrete5 CMS and began to build the site with the goal of utilizing HTML5 & CSS3.

I'd been stewing over what the best way to implement the kind of functionality that I had designed for and found several blocks in the Concrete5 marketplace that suited me well. This site heavily uses the awesome Randomizer block, Tweetcrete, & the Dojo Page Filter.

The Dojo Page Filter allows me to update my portfolio easily. The hardest part is no longer adding it to the site, but creating the content to go with what I put up (whodathunkit). Before, I had to make several images and add straight HTML to several different pages. Now, I simply add one page, add text and images, & hit publish. The Dojo Page Filter automatically adds my work (ordered by most recent) to my homepage.

On top of that, Tweetcrete allows me to keep my site current with new content every time I post a tweet via Twitter (got a Twitter account? Check me out @adamj_design). Tweetcrete is a wonderful—and free—block in the Concrete5 marketplace. Big thanks to @JeremeClaussen.

The "Random Prose" column in the footer pulls a random quote every time a new page is loaded. I would love to have more quotes, so if you have a quote that you think is awesome, get in touch.

Other add ons used on this site include SI Browser Update, Nivo Slider, Disqus Comments (awesome!), Stickies, tnSpacer, Vimeo Player, & the Highlighted Code Block. This site also uses the wonderful Miser (Minify + Optimize) mod developed by ShaunR which concatenates, minifies, and moves CSS & JS in the document to optimize the page load experience.

before & after:

Here is what my original portfolio website looked like (what I will refer to as v1):

ajd_old_backpage1.jpg

And here is what it looks like now:

Backpage_AdamJohnsonDesign3.jpg

what to expect:

I aspire to write about design (inspiration & various techniques), the Concrete5 Content Management System, and other random, helpful bits of technology. If you have something you would like me to write about, feel free to leave a comment below or contact me directly.

what do you think?

I'd love to hear what you think about this redesign. If you are too timid or strapped for time, hit the thumbs up/thumbs down button for quick satisfaction.

blog comments powered by Disqus