Designer for a day

I am horrible at design. horrible.

Every once in a while I get a wild hair and want to start to do something about it. And today is just one of those days.

I’ve had the chrisortman.com domain for several years now and have never done anything with it. So I figure while I’m exploring design concepts it is a good opportunity to kill 2 birds with one stone.

Right now I’m watching this video about typography by Robby Ingebretsen and reading through this tutorial about page layout.

My plan is to take what I learn and then apply to the design of my site will keeping things to an absolute bare minimum.

To start with I tried to sketch a rough idea of what I might want and wound up with this:

Photo Apr 16, 1 34 45 AM

The one thing I was pretty sure of was that I wanted to have my most recent tweet act as the main heading.

I then thought to incorporate pictures of my kids along the bottom but then started getting some creative ideas for how to position the pictures differently. I also seemed to be running out of realestate.

I really liked the three column and full screen picture layouts

websitelayout_threeboxes websitelayout_fullscreenphoto

The three column felt a bit simpler so decided to pursue that first. The design evolved to this

Photo Apr 16, 1 34 15 AM

Here I wound up with 2 sections 1 for work/technical stuff and one for life. This illustrates the whole work / life balance thing. The curly braces will also be part of the design as sort of a hat tip to my programming side. I also want a callout that will have my next speaking gig or conference. But may decide to put other stuff in there as well.

http://designshack.co.uk/articles/layouts/10-rock-solid-website-layout-examples
http://channel9.msdn.com/Events/MIX/MIX11/EXT02

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s