31Three

Creative services for the design-challenged developer



Embrace Pet Community Process

Embrace Pet Community Process

It’s been a loooooong time since my last post, and I’ve been getting pretty eager to share some of the different projects I’ve been working on lately. The only problem is that many of the projects I want to share are still behind closed doors, and I’d have some upset clients if I posted about them now.

I did however, find out just a couple days ago that a project that I had worked on last summer has recently launched so I thought I’d post the process for all to see.

Embrace Pet Community Design Process

I’m going to hold off making too many comments about it right now, and instead save them for a full article in the near future… (I hope).

EDIT: Just wanted to note that the original sketch for the illustration was done by Drew Warkentin’s wife, Danielle Petak. Thanks again “Ms. Talent”.


I was so excited to see a post from you in my reader today ;)

The design is beautiful…very friendly and approachable. I always enjoy seeing your processes unfold—they’ve helped me a lot in my own work.

Jesse, you continue to inspire. Really enjoyed this peek into your process. Man, I’d love to work with you on something some day.

Love it. The colors are great and the illustration very nice and adds a lot of fun and personality.

Nice work Jesse (as usual), are you planning to start writing again regularly?

Nice work! Great to see the process. FYI Wire2B appears to have the wrong image link?

Reese: Good to hear that they’ve helped you… I’ll try to post more.
Simon: Let’s do it!
Derek: Your portfolio is amazing! Keep it up.
Cal: Define “regularly”
Kel: Good catch! I’ve updated the wireframes… Thanks.

It looks a wonderful design. You are so gifted. Can I ask with what package you draw up your wireframes?

Thanks Vicky, I use Adobe Illustrator for doing up the wireframes, but any application that you feel comfortable with would work just as well.

Jesse

Really an awesome job and thanks again for letting us have a little insight into another designer’s process.

After having browsed through it all, I am a bit shocked at some of the changes from Final Design to Coded Docs. Your use of horizontal bands of color to break up information was much stronger. The Coded design’s use of blue on all the links, while consistent, is very stark. The new footer is a bit odd and perhaps has a small coding error. The green column doesn’t seem to fit the flow of the document quite as well. I also miss the Deal of the Week imagery.

Sorry if I am coming off as too critical. I’m just curious what transpired to convert to what I see as a weaker design.

All in all though, top notch work!

Hey Michael,
I liked the “Design 1” over “Design 2” as well… but the client chose to go with version 2.

We changed the links to blue to make the design as user friendly as possible. I agree that it looks more aesthetically pleasing the original way it was, but sometimes usability trumps aesthetics.

I definitely understand what you mean. I’ve certainly been there before.

Hi,

First off all, let me tell you again that you have great feeling and good stuff :p

Again, the same question:

Can you explain in more deep way the process stage from the OU Wireframes (Main Concepts) to the Design Options (Main Concepts) ?
(The process stage from photoshop to Css Code)

Thanks ;o)

i know english bad, can you translate it to rus?

Your work is awesome, the process, the final design, everything
I manage a pet community and you give me ideas (and inspiration) for try to do a better design.
Thank you
I wish have some illustration skills, Im very bad in illustrator :)

great to have such a detailed insight from the pros, thanks for sharing!

Commenting is not available in this weblog entry.

me Hello, my name is…
Jesse Bennett-Chamberlain, a stay at home designer from Grimsby ON, Canada. To get in touch use the contact form.

The Globe and Mail are looking for a web designer… looks like it could be an interesting gig. View the post at Authentic Jobs

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.

View Archives →

Authentic Jobs

authentic jobs signHelp Wanted
Recent openings posted at Authentic Jobs.

Post your own job opening.


idologic hosting Idologic Hosting
I've been with Idologic since January 2006, and can vouch for their amazing support and reliablity.

ref_ee ExpressionEngine
A feature-rich content management system that allows PHP illiterate folks like myself to create dynamic sites.

ref_basecamp Basecamp Project Management
Basecamp is the smarter, easier, more elegant way to collaborate on your internal and client projects.