Posts Tagged ‘redesign’

by Brian Casel  ·  3.22.2010  ·  Bits

If you’ve been following my tweets, you may have noticed that last week I launched an overhaul of the CasJam Media site (my freelance web design business / portfolio).

Today I’d like to go over a few of the goals I set out to achieve in this redesign:

Simplify and trim the fat

I wanted (needed) to simplify the site on a number of fronts.

First and foremost, I wanted to scale down the overall site navigation and limit the total number of pages.  The new site is a total of six pages including the home page.  That’s down from 10+ with several sub-pages.  The new top navigation directs the user to the four most commonly sought after things in any web design portfolio site:

  • About - Who/what is this company?
  • Services – Do they offer what I need?
  • Projects – Let’s see some of their work.
  • Contact – Time to take action and get in touch.

Simplified maintenance

I also needed to simplify things behind the scenes as well.  My last site, despite being run on WordPress, took way too much time for me update each project.  I used to cut several images, different sizes, and make long write-ups for each project.  Then I’d manually swap in different project images and links for the home page slider.  After a while, I stopped updating my portfolio, simply because I didn’t have the time to do all that.

The new site utilizes WordPress 2.9+ post thumbnails, which makes handling images much easier.  Project thumbnails dynamically load on the home page and elsewhere, making for less repetitive updating.  I also slimmed down the project descriptions (supported by the redesigned layout).  It’s much easier for me to quickly update the site as new projects launch.

Simplified content

Catching on to the overall theme now?  Overall simplicity was the biggest goal and that went for the site content as well.

First, I decided to do away with the outdated blog on casjam.com.  I stopped writing in it months ago, and I knew that I’d never have the time to continue contributing quality content.  I plan to focus my blogging efforts here on briancasel.com and guest blogging elsewhere.  CasJam.com is now strictly my portfolio and freelance business site.

I also refreshed almost all of the copy for the About and Services pages.  Before, I used to list and describe in detail every service remotely related to the realm of web design.  That included design, development, marketing, consultation, copywriting, etc. etc. etc.  Of course, all of these things go into a freelance web worker’s job description.  But I decided on a different approach for this time around.

I boiled all of my services into a 3 categories:  WordPress, E-Commerce, and “Everything Else”.  For the last year or so, all my projects have been focused around WP or E-Commerce so I wanted to stress the specialization in these areas.  The “Everything Else” portion serves to fill in the areas in between, such as email marketing, consultation, etc.  Overall, I’m happy with the way all of this info fits nicely onto one page of the site.

Promote the Portfolio

The new site brings the portfolio straight to the forefront.  Right on the home page, we have a slider which features 18 projects.  This is what most visitors come to see, so it’s right there in front of you as you enter the site.

I must say I’ve been gaining a lot of confidence in my skills as a designer.  Before, whether I realized it or not, I seemed to have been tucking my portfolio away in the interior of the site, leaving it in the shadow of lots of copy and bloat.  Now, I feel much more comfortable and ready show my recent design work – especially my theme design work for ThemeJam – and I think this redesign reflects that.

What do you think?

I’d love to get some feedback about any aspect of the redesign.  Also, if you guys have any questions about how I did things, don’t hesitate to ask.  I’m considering a few posts covering the technical aspects of the site, if the interest is there.

by Brian Casel  ·  11.6.2009  ·  Bits

It’s that time of year again… preparing for another redesign of my personal blog.

This time around I’d like to go the “lifestream” route.  That basically means I want to incorporate more of my social media activity (Twitter, Flickr), but also tie in all of my other web activity – blog posts from my other two websites and my guest publications from around the web.

I’d also like to do more “quick posts”.  Call outs to things I find around the web (like the Gary V video I posted about yesterday), web design inspiration, iPhone photo snaps when I’m out and about, and maybe even some personal video posts (we’ll see about that).

Lots to consider as I prepare for this redesign.  The main things I’m shooting for are simplicity, cleanliness, and serving more (and different types of) content.

Here are a few sites that I’m drawing inspiration from (so far):

Jason Schuller (ca.1975)
Jason Schuller’s personal blog. Nice overall layout. I like the fixed positioned navigation and font treatments.

The SevenFive Theme | The SeveFive WordPress Theme Demo
This is the free WordPress theme based on Jason Shuller’s lifestream blog. I might look to this for some of the functionality – pulling in twitter, flickr, outside RSS feeds etc. Also really like the clean look and feel.

Adii Rockstar | Creator of Rockstar Awesomeness
Adii’s newly redesigned personal blog. I really liked his previous lifestream design, but this one is quite “Rockstar” as well. I particularly like the category icons and the way he divides up his content.

Antisocial | Designed by WooThemes
A lifestream theme by WooThemes. Another fantastic design by Woo. Like the left side navigation layout, cool color scheme. The main content is busier than what I’m going for, but nice details all around.