Creative services for the design-challenged developer
This site has been looooong overdue for a redesign. I gave it a small refresh back in October of 2005, but the basic design has remained unchanged for the last three years. Three. Years. My business has changed a lot in that time, and my previous site just wasn’t keeping up.
The largest change I’ve made with my business has been shifting my focus from web development to web design. As a result, the vast majority of my clients are now developers. In order to reflect those changes on my site, I’ve dropped all mention of logo, print, and full website work, and have instead given much more room to showcase my web designs. I’ve also tweaked the copy quite a bit to better target the market that I would like to work with.
I designed the work page on this site first, because I really felt it was the most important. Most of my clients will make their decision based on my previous work, so I wanted to showcase it as large as I could. This helped me decide early on to go with a wide layout. If my work was going to span the width of the page, that meant the navigation would have to run horizontally as well. Design elements tend to look better grouped in odd numbers rather than even, so I stacked the portfolio navigation 3 high, and 5 across. This gave me the basic column structure to work from on the rest of the site.
After I had the work page done, I moved onto the home page. I actually went into the design of this site with every intention of losing the butterfly. It’s been around since version 1 and I’m not quite sure why. It doesn’t have any real meaning or function other than just sitting there and looking nice. I had the home page pretty much complete and was trying all sorts of different things to fill the large gaping hole on the top right hand side… but nothing else was working. Butterfly 4, Jesse 0.
The weblog section got a decent overhaul as well. The text is much more legible and inviting, and the sidebar gives me much more room to showcase stuff like creative job listings, links of interest, and a “font of the month”.
Am I 100% happy with this design? No. Will I ever be 100% happy with one of my own designs? Probably not. But I’m learning that progress is a much better goal than perfection. Especially when playing the role of designer and client.
There are still many tweaks and refinements to come. I prematurely launched the site today before checking it in IE, and well… you know the story. Many thanks to Drew Warkentin for helping me squash some of those nasty bugs.
Hello, my name is…
Jesse Bennett-Chamberlain, a stay at home designer from Grimsby ON, Canada. To get in touch use the contact form.
Lovely work from 10am.
Terminal method to disable shadows in os x screen window captures.
Thanks for the interview Geof! Man I need haircut.
A New Day for Jason Santa Maria. Very very nice redesign rethinking.
Authentic Jobs has been donating 1% of their revenue to help entrepreneures throughout the world through Kiva. When the loans get paid back, they are re-invested back into more loans. Check out the Authentic Jobs overview page at Kiva... very inspiring.
Help Wanted
Recent openings posted at Authentic Jobs.
Idologic Hosting
I've been with Idologic since January 2006, and can vouch for their amazing support and reliablity.
ExpressionEngine
A feature-rich content management system that allows PHP illiterate folks like myself to create dynamic sites.
Basecamp Project Management
Basecamp is the smarter, easier, more elegant way to collaborate on your internal and client projects.
Kevin
May 23, 2007
Very nice work, although the colors in the header tend to remind me of Windows Vista. ;)
Andrew
May 23, 2007
Absolutely gorgeous. Brilliant design as always!
Shawn Grimes
May 23, 2007
Very nicely done Jesse. I love what you’ve done with this redesign. One little bug I noticed however is when trying to click the “Comments” link on the front Weblog page, it just redirects to the same page instead of going to the comments. Just thought I’d let you know. Take care.
Rob
May 23, 2007
Looks amazing! Great job Jesse.
Cal
May 23, 2007
Ah, brilliant as usual.
Jesse Bennett-Chamberlain
May 23, 2007
Vista?!? Dem’s fightin words! ;)
Thanks for the kind words guys, (and the bug fixes). If you see any more please let me know.
Jeff Croft
May 23, 2007
Wow—it’s really, really great Jesse. Is that a 12-column grid I spot? Awesome work.
Island
May 23, 2007
Clean, simple, brilliant – Congratulations! (Vista? Leopard!)
Stephen Coley
May 23, 2007
I have stopped by 31three on many occasions, and I must say that I’m quite impressed. Especially now that I see the Comment Preview mirroring what I type. Great work. Keep it up, Jesse.
Bryan Veloso
May 23, 2007
I hate you, and I say that only because I love you and this design. It’s just my way to cope. :) Great job JB-C!
Yannick
May 23, 2007
Very nice redesign Jesse. I love it.
James Findow
May 24, 2007
Had a bit of an odd moment there. I kept on clicking my bookmark to 31three thinking I was going to the wrong website, twelve at night and no glasses on. I have to say, it looks beautiful even when they’re off. :) The butterflies prevail! :P
Ben Otero
May 24, 2007
Queue drool now. Gorgeous
Ryan Berg
May 24, 2007
Absolutely gorgeous. Great work. It’s sites like yours that inspire me to keep pushing my work to get stronger and deeper.
David Hemphill
May 24, 2007
Wow Jesse, very nice man! You are a giant among men. Keep pounding out the good work.
Interesting to hear that you’re changing focus to more design-oriented work. It definitely seems like a step in the right direction.
Again, great redesign. I do miss the little logo thing though.
Jon Livingston
May 24, 2007
As usual, nice work Jesse. If I were a butterfly I would want to be on your home page. Reminds me of a song my daughter likes to sing at church (http://www.butterflysong.com/) ;)
Sean Sperte
May 24, 2007
You make the web a better place to visit. I absolutely love this design! Congrats, man!
Noah Stokes
May 24, 2007
Brilliant, very well done. Congrats!
Matthew Pennell
May 24, 2007
Really, really nice, Jesse. Beautifully balanced design.
David Horn
May 24, 2007
congratulations – that’s a great looking design!
nathan
May 24, 2007
love the style and the butterfly song :-)
peace
Marko Mihecic
May 24, 2007
O this is a great , love it . Well done mate!
Adam
May 24, 2007
Very nice Jesse
You have a few bugs on the contact page where ’ has been replaced with ’ e.g. don’t
Matt
May 24, 2007
Looking really stylish Jesse!
Very inspiring little design.
R.Bhavesh
May 24, 2007
Yups. Feel vista background a bit. but who cares? another great work from u jesse. Congrats.
I donno why, but i miss whe white color in here.
Tim Gluth
May 24, 2007
Beautiful…simply beautiful. Congratulations on the redesign and for raising the bar yet again.
David Yeiser
May 24, 2007
Jesse, your work is very inspiring. The fact that those blue bars at the top of the site look like nothing else I’ve seen on the web is astounding to me. It’s like you’ve invented a new color. Great work!
Mark
May 24, 2007
So. Freaking. Awesome.
Bence Kucsan
May 24, 2007
Congrats Jesse, nice realign.
Great move to the optimal scenario I chose my clients.
Lorissa
May 24, 2007
Beautiful work as always. I always leave your site feeling inspired!
Shane
May 24, 2007
The new site looks great, I’ve never been too thrilled with the butterfly, but it does add a little feminem touch to it.
The site looks nice, it’s clean, crisp, with a little flare, navigation is easy, colors work well together, and it has a lot of subtle qualities.
Rolf Johansson
May 24, 2007
Once again… amazing work! You’re always a fantastic source of inspiration.
Colly
May 24, 2007
If you raise the bar any more it’ll be in space. Always inspiring, Jesse. This is the perfect work/play site.
Biscuitrat
May 24, 2007
Beautiful! I love your work! It’s always fresh :D
Casey
May 24, 2007
Very amazing work. I’ll be ditching my RSS reader anytime you post a new article and instead will just come straight to your site.
Mark Priestap
May 24, 2007
Beautiful work as usual.
Marcus
May 24, 2007
Nicely done Jesse. Inspiring as usual!
Phil
May 24, 2007
Very nice Jesse! I love the color palette.
Arik
May 24, 2007
Your change of focus is quite similar to my own.
I’ve become weary of running a full web development operation and since UI design is my biggest strength I am moving toward designer/developer collaboration as opposed to developer/client collaboration.
Great design and I just picked up the EE Control Panel theme and it is also drop dead gorgeous. EllisLabs should think about using that as the default theme for EE.
Drew Warkentin
May 24, 2007
It’s a classic & beautiful design Jess. Outstanding!
GOOOOOOOAAAAAAAAAAALLLLLLLLLLL!
D
Jesse Bennett-Chamberlain
May 24, 2007
Thanks again for the feedback guys… it’s much appreciated. The transition to more of a design focus has pretty much already taken place, it’s just that my site is now catching up with me. I will still do xhtml/css coding, and a logo here and there, but they are no longer part of my core services.
Oh… and nice shot Drew… totally didn’t see that coming.
Drew Warkentin
May 24, 2007
lol!
Matthew Ausonio
May 24, 2007
The site looks great Jesse. I understand the 100% satisfaction thing, but you’ve got to be around 98% or so.
Lukas Bugla
May 24, 2007
Well done! I like the new portfolio section! Much better than the previous version.
Robbin
May 24, 2007
I came around yesterday, confused, but nice suprise, looked at it for about a minute or 30, then all I could do was go to sleep and feel bad about my own redesign effort. Now you got me back to the drawing board. Thanks :(
;) very well done, and stick with the butterfly!
PS, hovering the comment-people-links, makes the border dissapear and reappear.. is that a peekaboo-feature?
Reese
May 24, 2007
Your design inspires me, but this line inspires me even more:
But Im learning that progress is a much better goal than perfection.
that helps give me the kick in the rear I need ;)
Nathan Smith
May 24, 2007
Dangit Jesse. You make me envious every time you post about a new design on your blog, and this one is no different. Great job.
Inflicted
May 24, 2007
Amazing work…and very inspiring.
Was already impressed with the EE designs.
Do you have any plans in the future for a book or maybe presentations?
louis w
May 24, 2007
Love the new design.
But I must say i do not favor the butterfly. Personally I like the laptop you used to use as the prominent image on the homepage.
Benjamin
May 24, 2007
I love it!
I will say, my first thought of the header graphic was Vista as well :).
I love your use of Avenir- it is Avenir Black/Heavy right?
Do you render your fonts in Photoshop in Sharp, Crisp, Strong, or Smooth?
Eoghan McCabe
May 24, 2007
Stunning!
Michael
May 24, 2007
Really wonderful design, and I echo the comments above about raising the bar, etc. Your site and your work are always inspirations for me.
Blake Haswell
May 25, 2007
Wow. I am officially impressed. You raise the bar with every design you do. I love the blue bars at the top of the page, that is amazing.
Do you still have the ‘View Process’ pages? They were often very interesting to look at.
Again, great job Jesse.
Simon Clayson
May 25, 2007
Really nice – great homepage with great type. Use of colour outstanding.
Kim Gunnarsson
May 25, 2007
Awsome.. really awsome!
Reinier
May 25, 2007
Fanastic!
Daniel
May 25, 2007
Beautiful Redesign! Awesome as the rest of your folio…
Adrian
May 25, 2007
Gorgeous redesign, well done!
Jesse Bennett-Chamberlain
May 25, 2007
Benjamin: The font is actually called Gotham. Very close to Avenir though.
Oh… and yes… now that it’s been pointed out, I see the Vista references as well. :/
davey
May 25, 2007
Nice work.
Suggestion: put in url links to the live websites in each project.
jan
May 25, 2007
nice layout and design! (and thanks for the mention on your sidelinks!)
abduzeedo
May 25, 2007
Very beautiful… Congratulations!
Jon Buda
May 25, 2007
Very Nice Indeed! Kudos.
Andrew Rintjema
May 25, 2007
When I first saw this redesign in your office, instantaniously I was taken by how fluid the design is. Just a great feeling over all. I think the butterfly has become your unintended trademark. Not a bad one if you think about it.
Ic you are developing quite a fan base :)
Chris Mattingly
May 26, 2007
Hey Jesse,
I love the new design! Looks fantastic! I’m a Mac-Man but quickly browsed the site in IE6 on Parallels as I had it open – just a minor thing (which you may already be away of) but the 3rd client example box on the homepage drops off and something funky’s going on with the right hand nav on your Weblog. May just be on my computer but thought I’d let you know.
Besides that, absolutely top-notch job :)
Chris
Frederick Townes
May 26, 2007
Hi Jesse, I’ve liked your work for quite some time and this redesign and your other recent work all look great. Well done.
Cheers!
dp@femwerk.de
May 26, 2007
Nice overall look and feel! Like the use of “whitespace”, so everything seems to breath.
Tyson Tate
May 26, 2007
To say I’m jealous of your typographic work would be an understatement.
Richard B
May 26, 2007
I wouldn’t expect anything other than sublime work from a gentleman such as yourself.
Congratulations on the redesign, Jesse.
Shay
May 27, 2007
Hi Jesse, I’ve followed your website for years. However I’m little dissapointed that your new website doesn’t work in Windows IE6. The right nav column sits below the main content and just to the right.
Guðmundur Bjarni Sigurðsson
May 27, 2007
Hello Jesse, Ive seen your old site around various design galleries and always thought it looked very good. I saw your blog entries on the expression engine site, and I must say that I am becoming a big fan of your work. Its always very professional and beautiful. Its also inspiring to hear that your are a “work from home” dad so to speak.
Heres hoping the best for you and your families future, and also for the rest of us.
Gumundur
Martijn
May 27, 2007
Really nice – well done!
Joost
May 27, 2007
AWESOME! I’m going to redesign my website.
Jesse Bennett-Chamberlain
May 27, 2007
Benjamin: I failed to mention earlier that I render my text as “smooth” in photoshop.
Davey: I had thought of putting links in my portfolio to the actual projects, however this time around I wanted the user to focus on my design work, not so much on my coding and development work. Many of the projects that I do now are 1 or 2 page templates, which means that the rest of the site may not reflect design decisions that I would have made.
Blake: The process pages can still be found in their respective weblog posts.
Shay & Others:
I think I have most of the IE bugs sorted out now. If you see any others please let me know. Thanks!
Mubashar Iqbal
May 27, 2007
Awesome work, love it.
I added it to my Grid based design showcase ( designbygrid.com ), as it looks like you used a 12 column grid, as mentioned above.
Let me know if I’m wrong.
Thanks!
Squawk
May 27, 2007
Awesome work, once again.
I must say, that I feel slightly stupid after putting in lots of energy into my own redesign: But hey, as you say, process makes a better goal than perfection. I find myself agreeing for my own sake;-)
Oh, and one more question: Where is the font of the month that you mentioned?
Shashwat Nagpal
May 28, 2007
Very nice work and very inspiring…
Great work mate!
Nick
May 28, 2007
Jesse, very nice redesign! If you could add some content or design elements to the footer, it will be perfect. I find the footer area is missing something.
Anyway, congrats on the redesign!
Osvaldo Osorio
May 28, 2007
Wow, tambien me impacto muchsimo el cambio en el diseo. Te felicito grandemente Jesse, tu trabajo te delata como un gran maestro.
Tu trabajo es muy inspirador.
Soyuz
May 28, 2007
Man..this is very nice work! Great work!
Anindya
May 29, 2007
This is really awesome work and selling concept. Congrats!
But the top bg is very close to previous ms vista homepage.
nepalsites
May 29, 2007
looks clean and good. cheers to the new design!
Steve Tucker
May 29, 2007
Beautiful design, Jesse. I particularly like the vertical blue/green columns of colour at the top of the page. Well done :)
Paul Rogers
May 29, 2007
Love the colour scheme Jesse. Great redesign!
Sam
May 29, 2007
Jesse! Jesse, that is an amazing redesign! and the comment preview thing is so cool. I have never seen it before on anyones blog. This is SO exciting. Oh my GOD, your my hero. WOW. My dad is impressed too. He says your talented.
Webdesign Leiden
May 29, 2007
Great design! Looks smooth.
curtis allen
May 29, 2007
Love your new site
Chris Robinson
May 29, 2007
Love the redesign!
One thing that might be a nice add would be a larger image of the subpage when clicked on. Maybe throw a little Lightbox in the mix.
Chris Robinson
May 29, 2007
One more thing I just noticed “quesion” is miss-spelled on the contact page under “Or just say hello.”
Michel
May 29, 2007
Very nice Design from Site the colors and Navi is good. Perfect
Birgit
May 30, 2007
Although the old design was timeless and I liked it very much, the new one looks great, too! Congratulations!
Dan
May 30, 2007
Very nice design. Very clean and very simple. I love the subtle shadowed lines you use to break up sections.
Jamie Kehoe
May 30, 2007
I immediately thought that it looked like a vista header, which in all honesty as a fellow designer – http://www.keydesignz.com – I love the clean lines in this site, but the mere mention of Vista makes my stomach churn. Nice way to add comments, see them as you type. My site is due for a serious redesign, as well as doing away with events and moving them to another site altogether. I am finding that you need to specialise in business otherwise it can get too much to be constantly chasing all different forms of work. This site uses less clicks and is more simplistic, but I still liked the look of the old site. As a heads up, the butterfly to me symbolises change and beauty – which is what you do, you make clients websites beautiful after they go through the cocoon of development. And they are definately in for a change. I think you should use it in some form of a logo for yourself on your site. I think it is a powerful reminder and very symbolic of what you do. Which in your subconscious is probably why you left it on the site all this time. :-)
Roman
May 30, 2007
I like it, but I did not like the part where you show your work. Small thing, I like a link to the actual site, so that I can see it live.
Design seems good across browsers. See here. http://www.browsercam.com/public.aspx?proj_id=351566
Great work in general, but you already gathered that from the first hundred comments. :-)
Naomi
May 31, 2007
Very nice! I’m probably in the minority by saying that I liked the last design more, but it might just be that I was just attached to it. The Work section is really improved though.
What I like most about your work is all the attention you put into detail. I always get amazed about how much care you put as if you never let anything slip by.
Myo Kyaw Htun
June 02, 2007
So Impressive
5ibolo
June 02, 2007
A great design!!!
I love it!
Hyun Lee
June 05, 2007
I love the wider layout. This version looks much better on my monitor than the last one! Inspired to re-do mine as well now! Congrats! :-)
budowa domów
June 05, 2007
Very nice
brandon
June 05, 2007
Nicely done.
Keith Donegan
June 05, 2007
Top notch design Jesse, well done.
Dave Lowe
June 06, 2007
Great design, Jesse! This is my first time here and I have the feeling I’ll be back quite a bit. Thanks for the inspiration!
Mark Bult
June 06, 2007
Jesse, the old site wasn’t all that moldy at all; I still liked it. But this redesign is certainly fresh and very clean.
Fantastic work, you’re one of my favorite designers these days.
Alex Ciobica
June 11, 2007
Absolutely gorgeous! But what about adding a favicon ?
Alex Ciobica
June 11, 2007
Oh, and some links to the sites in your work library.
Ludwig Wendzich
June 13, 2007
Very sexy :) I love it, the attention to the typography is great to see. Every thing is so clean and well polished off, good job!
I’m viewing this in “Safari on Windows”, slap, and the type looks amazing.
Roneel Prakash
June 18, 2007
Far out!! This is an excellent piece of work! Very nicely done…clean, crisp, and clear :-) Am loving it
Francis Hogue
June 19, 2007
Awesome job!
Can’t say I didn’t like the previous one tho!
Shane
June 20, 2007
I can’t help but wonder, are you refraining from making any other posts because you want to see just how many comments you can rack up on one entry, or are you just too busy????
Jesse Bennett-Chamberlain
June 21, 2007
I am indeed a tad busy right now :)
I’ve been working on a post, but it will still be a few more days at least. I’m a slower writer than I am a designer. :/
Jenna
June 21, 2007
Fantastic as always Jesse! Love it!
ashok
June 22, 2007
really nice work… i like header.
shazia mistry
June 22, 2007
very nice! and pretty… am I allowed to say it’s pretty? :)
Harry Roberts
June 24, 2007
Very nice ;), it was worth the wait…
Paul Montwill
June 26, 2007
Nice and clean design. Like it a lot!
And a great sentence: “progress is a much better goal than perfection”. I wish I remembered this when frustraction comes.
Regards
Fred K
June 28, 2007
Great job as always Jesse, even if I think the previous version looked better… might be the Vista-y-ness of this one… ;)
Keep the butterfly!
wanders off to redo own site redecorating sketches—again
Matthew
June 29, 2007
I think this looks great! Nice job on the colours and that butterfly looks really cool. Yeah I agree with Kevin, the header does remind me of the Vista look, but it’s still good =)
HOMEICE
July 05, 2007
大家好朋友,Iam from china 嘿嘿
Martin
August 08, 2007
Good work! :o) Simple, with nice coulors :)
Martin Berglund
August 11, 2007
Great redesign Jesse! I am a fan of your work ;o)
Here is just one suggestion I have for improvements:
Set an ID on Sidelist Archives and let the View Archives in the Side Links jump directly to that ID.
Your article in Digital Web Magazine opened my eyes to ExpressionEngine. Thanks for a good read!
Daniel
August 14, 2007
Looking good :)
Balendu Sharma Dadhich
August 20, 2007
Last design was good too, but as they say new products are always better than the old ones as you add bits of your newely acquired skills, knowledge and innovation to them.