image

The new Jive Software site is finally up and kicking. It was a fantastic effort from our entire team to get to birth this whale and I couldn’t be a prouder father. We completely pitched out our old site and started completely fresh. Chris Kalani and I started on the new designs about 4 or 5 months ago, with a lot of careful analysis and planning. We garnered feedback from the whole company as to what they liked and disliked about the old site and how we could improve. Then we set out to make the best site we could.

We had some very specific design goals and ideas in mind. These were all goals that we could not and would not compromise on. We could argue about colors, layout and content till our faces were blue, but if it didn’t meet these goals, it was out.

  • Be super easy to update, both content and presentation.
  • Use the minimum amount of HTML and CSS needed.
  • Keep the layout flexible using a solid grid system.
  • Make screenshots understandable at a glance.
  • Use minimum colors for the pages so that imagery, icons and screenshots really stand out.
  • Don’t make the user hunt.
  • Must be SEO-friendly.
  • Build it for an enterprise user. Treat them like a human being.
  • Our site must reflect our products commitment to cross-browser functionality

To start out we browsed the web to see who was doing it right. I believe strongly in the philosophy that, “Good designers borrow. Great designers steal.” You can see most of our influence in my Flickr set, Web Design Inspiration.

image

We actually printed all of them out and posted them up on our wall so that we could always see them and reference them quickly. Then we began the process of generating wireframes and mockups. I don’t believe there is ever a completely linear path for designing a website. We’d jump back and forth between sketching ideas on paper, scribbling something up on a marker board or editing something in photoshop. We were never really done with sketching or mocking something up. If something needed changing we would either discuss it and alter it or tear it apart and start from scratch. Fortunately we had the time to do so.

I long ago lost count of the number of mockups we did. Some of that could probably be attributed to the fact that Jive as a company was swiftly growing during this time period. It’s worth mentioning that we were also working on a new logo, a new community, a new version of Clearspace, aquiring Jotlet, creating a new booth and completely rethinking some of our strategies. We were challenged with the fact that at times we still didn’t know how we were positioning our product or building our messaging. We definitely ran into some chicken or the egg problems with the design and content. We designers wanted to know exactly what sort of content we should expect in order to best build a design around that specific message. Meanwhile everyone else wanted to know what things would look like and how they would lay out so they had an idea of what to write. That’s something I hope to fix with my process in the future.

Overall it worked out well. While we probably spun our wheels a few times, we definitely came up with some really solid designs. While I love what we finally decided on, I think there are a lot of really great designs in our mockup pool. You can check them out for yourself on Flickr.

In the end I think we came up with an incredibly stellar site. We have a modular, flexible site than is easy to navigate yet looks killer. We incorporated Clearspace seamlessly into our site, driving our blogs and news and running our communities. All in all I feel that our site accurately reflect who we are as a company and what we’re trying to accomplish.

I should of course shout out a huge thanks to all who worked on the site. Designers: Chris Kalani, David Carroll and Josh Pyles. Backend Codeninjas: Benjamin Sherman, Chris Bohnert and Tim Neuwerth. Project manager and wall of defense: David Greenberg. Our SEO and Lead Gen master, Paul Biggs. And last but not least, our steadfast leader who let us do our own thing and do it well, Sam Lawrence. We survived a new logo, a new product, explosive growth and being relegated to the Manstable to put out an incredible site.

Oh and lest I forget, a huge thanks to all our wives and lady friends for putting up with us throughout this process.

Sam Lawrence Mon Apr 14 2008 at 06:50 pm

I’m sorta over the new site now and ready to redesign for Q3.

We’re meeting for 5 hours tomorrow to talk about it. Oh wait, I’m busy. You guys meet without me.

Michael Sigler Mon Apr 14 2008 at 07:11 pm

So help me - Sam, I will murder you in your sleep.

Josh Pyles Mon Apr 14 2008 at 07:17 pm

Thanks for posting this Mike! I really like seeing all these designs that we came up with!

Ben Tremblay Mon Apr 14 2008 at 09:18 pm

I just posted a comment to Sam’s “Free Office” post. Or, rather, I wrote a comment ... remembering back to the days of WordPerfect 5.1 VS Word, waxing in reverie about productivity and commenting (somewhat bitterly?) on how spin and aesthetics has trumped through-put.

“System Error” ... that’s what I got when I clicked Submit.
And “Back” showed that my comment had disappeared.

*shrug*
And so it goes.

Michael Sigler Mon Apr 14 2008 at 09:39 pm

@ben You had trouble with my system here or with the Clearspace system on Jive Talks? Or perhaps on Go Big Always? Sorry - confused.

Ben Tremblay Tue Apr 15 2008 at 02:32 pm

Sorry Michael, I thought that post was the most recent on the blog in question when actually it is from early Dec ‘07. It’s on jivesoftware.com/ ... /blogs/jivetalks/
see http://tinyurl.com/2uggto

Ryan Williams Wed Apr 16 2008 at 08:37 pm

As someone who couldn’t design their way out of a box, I have to say thanks for a look into how it’s done. The design is great and I congratulate you and the team, well done!

Is the Jive site powered by anything, CMS-wise?  And if Sam is truly going to be the next Robert Scoble, where are the feeds?  Put an alternate link to the blog feed on the home page, and maybe add a feed for the “news & events” section?

Michael Sigler Thu Apr 17 2008 at 09:16 am

@Ryan Thanks. I feel like I just scratched the surface of four months of work. I tried to make it digestable.

Some sections of the site are powered by Clearspace where it makes sense. We built our own tools for some account functionality that we call the IMP.

One of our next goals is to see where else we would benefit from adding more connectivity via RSS or by powering something with Clearspace. I firmly believe that you shouldn’t add an RSS link just because. You are right that the news pages need feeds badly. smile

Add a Comment

Welcome

My ugly mugI am Michael Sigler and this is my blog. I am a designer, artist, art director, writer, dungeon master and all around geek. I live in Portland, OR with my wife Joleine. During the day I work for the fine folks at Jive Software.

On the interwebs

  • Flickr. A few of the photos I've posted online.
  • LinkedIn. My rarely used profile.
  • . Join my legion of followers.

Projects

These are the communities and projects that I proudly help lead and maintain.

  • Dragon Avenue Thumbnail

    Dragon Avenue

    A community and news site for fans of Dungeons and Dragons and other role-playing games.

  • Refresh Portland Thumbnail

    Refresh Portland

    A monthly gathering focused on spreading a little design knowledge to the dark corners of Portland, OR.

Friends

  • The Wife. The only broad crazy enough to marry me.
  • Jimbalaya. Best bronsky ever.
  • Vandersexy. Slightly less of a curmudgeon than he would like to be.
  • CK! Kirk Reeve's biggest fan.
  • Israel. To my Canaan. He will learn to rue the day he fired that first volley of air can.
  • Always Big. My boss likes the internet. A lot.
  • Geeky Girl Dawn. Werewolf master, village slayer.
  • Jusdrum. Manipulator in chief.
  • Techpaulogy. Be careful. Follows Siglers when drinking.
  • Chris Killian. Math genius extraordinaire.
  • Buck. Less like the shot, more like the Rogers.
  • Pixelmatrix. There is no spoon.
  • Kistner. Manipulator in chief.
  • Work. The wonderful world of Jive Software.