This series just keeps getting better!

It goes to show how important open communication is between designers and clients.  Great design!

Cheers,
Cameron

This is really interesting. I’m wondering if you thought of doing an a/b test with these versions or a small portion to make decisions? eg on your primary call to action you have explored various phrases: Sign up for free, Sign up, it’s free, Create an account. Create a free account…

Excellent article. Good to see the progression in the design ideas… and the final website is looking great!

Excellent design process you all have going…It shows that you care alot about your product.

I love all the designs especially how you added simple UI elements with each progression.

LIM Less is more!!!  Best of Luck to you.

Fantastic to see Jesse’s overview of the process, even for us here at the Campaign Monitor team!

@Harsh - we are actually already running A/B tests on various components of the website, nice one.

Looks Sweet! I don’t want to sound like a dumb-know-it-all, but isn’t email dead?
I seriously havn’t checked my email in weeks, whereas I check my social media connections hourly.
The concept is still excellent, keep up the good work

It would be interesting to know how much consideration of how the build would be accomplished during the design phase. I always find that having the front end developer on hand to work with a designer always adds value and smoothes the development process.

I think the new design is outstanding by the way.

As I begin to work on larger projects, I always find it incredibly insightful to have pieces of a process like this revealed. It builds up the industry. Well done. Thanks Jesse. Great product and great design.

Beautiful design and beautiful write-up! Very interesting about the a/b testing. It’s something we’re digging into more at work. The guys over at 37signals have been exploring this as well. You can read more about it here: http://is.gd/fJ8Y. Keep up the good work!

Jesse’s projects always blow me away and this one is no exception. Thanks for showing us your process… I’ve gotten so much out of reading about your process for Campaign Monitor and ExpressionEngine. Keep up the great work!

@Jesse: I’ve been combing through pieces of the Campaign Monitor redesign ever since it was launched. It truly is an inspirational piece of work, and there is a lot to learn there. From the way you composed the graphics to the semantic markup, it’s a true font of information. I love how the main H1 on the page takes up the entire top section, including the “100% rebrandable”…remarkable.

I’m curious about what Jesse completed on the site vs. Newism. Did Jesse do the design, as well as the html/css markup? Or did Newism do that part?

Jesse, your designs are fabulous. You have a way of putting a lot of information on the page, without it looking too cluttered… and they end up looking very pretty too.

I know this series is supposed to be all about EE, but it might be nice to have some css tips too. In my opinion, EE is a breeze compared to css. But, that may be because EE is really fairly easy to work with once you get the idea and css is made more difficult by browser compatibility.

Also, I’d argue that email is far from dead. I’m actually surprised at that comment. But, I suppose Twitter marketing will be the next greatest thing…. “Sign up for our Twitter campaign and we’ll send you annoying little tweets all day about the products and services we offer”. Won’t work for me though. I’m staying away from Twitter for as long as possible… something I should have done with facebook.

Don’t bet the farm on these social networking sites. Most of my friends have tried out facebook and barely interact on it anymore. Mind you, they are mostly all over 30, but I have noticed a decline even amongst my teenage relations.

@Matt Bee: Jesse designed most of the site before Newism was involved so we didn’t have any input about how it was going to be built until we got the majority of the screens. That said Jesse also codes so I’m sure he kept the build in mind as he was designs developed.

There were a few minor changes to the design as the site was developed but the end product is 97.65% reflective of Jesse’s design.

@Shannon: Jesse worked with Dave and the team at Freshview to complete the designs. We (Newism) then took the Photoshop layouts, built the HTML / CSS and implemented ExpressionEngine.

All three parties worked closely during this phase to make everything perfect.

@Shannon:  Wayde is planning to post some of the gold CSS techniques we used during the build so stay tuned.

jesse is a gifted, talented hero. The best web designer out there in my opinion. Thank you very much guys for this detailed post.

Its always nice to take a look at the process of such complicated and famous site. It inspires

Great series guys! I’ve really enjoyed reading these articles, and learning from them.  You guys rock!

Thats a fantastic insight into your design process - everyone can learn something here for sure - keep it coming.

Thanks for posting these - I always enjoy learning about the details behind design decisions. I must say, there is just something special about those earlier case study focused mockups that we here at Needmore Designs just adore!

I love to see process oriented posts…makes me feel better about where I start.  :)

Great stuff - thanks for sharing!

Contest or not, this series is just GREAT! Keeps getting better! Thanks!

Jesse, you know you’re single-handedly making Gotham & the Classic Icon Drawer icons ubiquitous? Double edged sword: Both are great tools, but both are also popping up everywhere…

another fantastic look at Jesse’s design process.

Great to see his revisions also, very refreshing.

Thanks for all the kind words! I’ve had my head buried in my latest project, and forgot to come back here and check for comments.

@Hasnain Thanks for the Gotham & Icons comment… I needed to hear that. I promise my next project will have neither. :)

@jesse - oh I’m intrigued at what the next project will be. How’s your own church site getting on? We’re just about ready to launch ours - waiting on that final content.

Back again! Just coming back to the article to read again.

Just wondering how communications, reviews etc were managed between @jesse, Newism and freshview?

I usually subcontract the design of sites to a 3rd party designer, and would like to hear more about the organisation of the project with a similar distributed model as I usually have.

Might be a bit of a red herring kind of question, but thought I’d ask!

Perhaps an idea for another article in the series?

Cheers!

It is amazing how much detail and how many iterations went into this design!

Whoa! Nice to see all those different mockups. The final result is looking extraordinary! Nice to read this article!

Great job on this design Jesse. As always, you’re designs are beautiful and thoughtful. Glad to hear that the conversion rates are so high with this redesign.

Nice redesign. What icon set did you use for the sidebar navigation on the live site? I’m referring to the ones in the screenshots above under the section “An end in sight” (before the Classic Icons start showing up.) Those are slick!

Thanks for sharing with us Jesse. Getting a glimpse behind the curtain at the process is always a treat. I’ve learned a lot about layout and wire-framing from getting to see this process; the push and pull, and ultimately the realization of these wonderfully usable and graphically beautiful layouts.

This whole series has been impressive, but I think this article interests me the most. I always love seeing complete design processes. As a designer myself, I see great designs online and you always default to thinking that it was designed that way initially. We all know that’s rarely the case, but it’s nice seeing the proof in stepped out fashion.

“A couple of weeks before the site was due to go live however, Dave IM‘d me and mentioned that he had some new ideas for the home page. “

I love this line. I do this all the time with my designs and the the change is for the better. It’s great to hear that even 3 weeks before the launch you were willing to make a drastic change. The homepage came a long way from the first comp. Thanks for sharing.

Thanks for sharing your design process with us.  The final site looks brilliant, and really does a great job introducing and explaining their product.  Fascinating story behind the final design as well.  Will you be writing any more about this?

I love jesse’s desings, He is such an amazing designer

Very Interesting!
Thank You<a >!</a>

Hi, very good post, thx<a >!</a>

Willkommen und Hallo im Erotikchat.

Der Erotikchat bietet ihnen eine Möglichkeit erotic kontakt und jedemenge andere Sachen,wie erotische Rollenspiele
Hier in unsrem Erotikchat erwarten dich erotic kontakt Blind Date
Suchst du Heiße Live Chats , dann bist du hier genau richtig.Ok,los gehts,stellt sich die Frage,worauf wartest du?
Heiße Live Chats schöne girls ,einfach anmelden .
Du suchst jemand in Freiburg, in Lübeck, vieleicht von Essen , vieleicht in Basel-Landschaft, oder von LaTour-de-Peilz? Mit Sicherheit kein Problem.!

a “journey of design,” as quilt artist, teacher, and author, Gloria Loughman, pass4sure N10-004, pass4sure EX0-101, pass4sure 350-030 shares the process and methods she uses to capture the natural beauty of her native Australia in her amazing, dreamlike quilts.

Great job on this design Jesse. As always, you’re designs are beautiful and thoughtful. Glad to hear that the conversion rates are so high with this redesign.
MB2-633|70-089|70-235|70-237

Hi everyone, it’s a nice place :-) I’m really happy to be here. I’m new on the net and I hope I’m here with you for a long time. <a >gorge profonde</a> Few words in french for my friends ;-) And happy new year !

This whole series has 000-968 been impressive, but I think this article interests me the most. I always love seeing complete design processes. As a designer myself, I see great designs online and you JN0-332 always default to thinking that it was designed that way initially. We all know that’s rarely the 70-516 case, but it’s nice seeing the proof in stepped out fashion.
Aaron Martin said on Wednesday 6th May, 5:20am: 29This whole series has been impressive, but I think this article interests me the most. I always love seeing complete design processes. As a designer myself, I see great designs online and you always default to thinking that it was designed that way initially. We all know 70-682 that’s rarely the case, but it’s nice seeing the proof in stepped out fashion.

This whole series has been impressive, but I think this article interests me the most. I always love seeing complete design processes. As a designer myself, I see great designs online and you always default to thinking that it was designed that way initially. We all know that’s rarely the case, but it’s nice seeing the proof in stepped out fashion000-106 - 642-973 - 642-691 - 000-977 - 312-50

The designs posted here are really goodlooking , if only all designs were like this