jQuery Site Redesign - The Community Speaks

As many of you have seen by now, the jQuery Project's site has been redesigned. It had been a long overdue task and it was important to put a fresh new spin on the main hub, and the face, of jQuery. One of the things about the jQuery Project is that we've never run with the crowd or accepted the norm. By pushing boundaries and sometimes being "in your face" we've not only grown tremendously in popularity but we've pushed most of the other JS library projects to rethink their own principles and make changes to improve their products. That's a good thing for everyone as competition is always good.

So, it should come as no surprise by the drastic change in the jQuery website. So far, the single biggest complaint has been associated with the new banner (ie: rockstar caricature & slogan). Again, we wanted to push the boundaries and come up with something that would generate a lot of buzz. Overall, we've succeeded in that goal with plenty of positive feedback but unfortunately, with some very negative comments as well. We actually value both types of feedback and want more as it's the only way to determine if we're on the right track. As with any site redesign, you can't please everyone and we understand that. But we also want everyone to realize that this is a first cut and it doesn't mean that it can't be tweaked.

We're actively reviewing all of the feedback and will certainly be looking at how to best handle some of the concerns of the community. After all, the community is what makes the jQuery Project so special and so different from other projects. In addition, the jQuery team has always listened to the needs of the community and this time is no exception. Again, I think the team is unique in that we *DO LISTEN* to the community and we're going to work on making the site an invaluable tool for everyone. So just give us some time to go through the messages and keep an eye on this blog for updates.

Thanks for your patience and we truly appreciate your feedback.

Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
Rowan's Gravatar The new website is awesome, Its definitely more flashy and shows right on the front page some of the stuff jQuery can do! Although I'll agree the rockstar thing is a little too much :)
# Posted By Rowan | 8/29/08 10:58 AM
Shaun Kester's Gravatar The redesign is going to make it harder to send managers and directors to jquery.com when they want to learn more about the JavaScript framework that powers their web apps.
# Posted By Shaun Kester | 8/29/08 11:11 AM
Rey Bango's Gravatar @Shaun: Which part of the re-design? If you could be specific, that would help out so we can determine which parts are of concern.
# Posted By Rey Bango | 8/29/08 11:13 AM
Ben Nadel's Gravatar Rey, looking very cool. I happen to like the old site a lot, but maybe that was just cause jQuery rocks so hard :) Overall, though, the site is very clean looking. Nice job.
# Posted By Ben Nadel | 8/29/08 11:40 AM
kemie's Gravatar My opinion: The site in general is good, much better, much clearer, much more professional. The home page is what I disagree with. While I can appreciate the thought behind the "rockstar" illustration, the style, to me, is not the right one for a development project. The graphic seems to be targeted to a 14 year old boy, as opposed to web-savvy people of all ages (and genders ;) ). I think a slightly more toned-down version of the graphic would do wonders. My initial reaction upon opening the site was not "jquery redesigned" but "I'm on the wrong page", because the prominent graphic did not match my expectations of an informative project page.
# Posted By kemie | 8/29/08 11:51 AM
Erik's Gravatar The "rockstar" caricature and slogan is quite lame. Sorry for being negative but it's shockingly juvenile and ill-fitting for the site. The rest of the redesign is pretty sweet though. The dark background really makes the white content area stand out. I dig it!
# Posted By Erik | 8/29/08 12:06 PM
Julian's Gravatar Totally agree that JQuery.com has been overdue for a redesign. The new colour scheme, layout and enhanced energy dome logo are a major improvement for the project.

The only serious issue seems to be with the home page illustration. While the intent was no doubt to deliver something edgy, provocative and differentiated to mirror those same qualities of JQuery, it seems to have missed the mark compared to the rest of the changes to the site. From my reading, it seems to fail in the following respects compared with the rest of the designs;

1. Professionalism: The new site would be extremely difficult to be taken seriously for those who need to "pitch" JQuery as a viable framework - either in the external sense (to a customer) or internally (to colleagues/managers/directors) as a serious contender for medium to large scale projects. Although first impressions shouldn't count as much as they do, for time pressed people in these roles who need to make quick decisions, JQuery in its current state would be far too easy to dismiss compared to other frameworks in many instances.
2. Usability: "Top heavy" design requires vertical scrolling requirement to get to meaningful information.
3. Message: No everybody working with JQuery has the same aspirations or motivations, so the "rock star" messaging will be lost on many people. In addition, the "horns" hand gesture used by the mascot on the homepage may be offensive to those with particular religious beliefs, which may seem far fetched but are a serious concern when it comes to the "pitching"/"recommendation" scenarios mentioned in #1 above where you can't determine whether it will be an issue or not.

In all, it seems that in terms of risk/reward, we seem to gain very little from the homepage illustration, whereas I think removing any other element of the new design would be a step backwards for Jquery. This is not to discredit the technical/design merit of the illustration - it's a great quality graphic.

I hope that is genuinely helpful feedback to assist you and the team. Keep up the good work.
# Posted By Julian | 8/29/08 12:07 PM
Rey Bango's Gravatar Thanks everyone for your comments and especially for being very professional in the way you convey your concerns. We're listening to your feedback.

Rey - jQuery Team
# Posted By Rey Bango | 8/29/08 12:09 PM
Jim Priest's Gravatar I could really see that page banner section (currently the rock star area) being a dynamic spot where you could highlight new stuff, project screenshots, jQuery UI stuff, case studies, etc.

In the past when putting together presentations, etc - I've always had to hunt for jQuery logos, etc. Is there an official download spot for jQuery artwork somewhere?
# Posted By Jim Priest | 8/29/08 12:34 PM
mmc's Gravatar I think you're not too far off with the design: just remove the rockstar and the "Be a javascript rockstar", while leaving the background untouched.
# Posted By mmc | 8/29/08 12:38 PM
Guy Fraser's Gravatar I agree with Shaun's comments - the rockstar thing makes jQuery look too gimmicky from a managers perspective and I believe it will start to hinder adoption in large stuffy corporates - which is a bad thing because many people worldwide are working their pants off to make such organisations less stuffy.
# Posted By Guy Fraser | 8/29/08 12:49 PM
Shaun Kester's Gravatar @Rey: Sorry, trying to comment while working/multi-tasking.

The rock star persona and hand gestures are going to be offensive and unprofessional to some. While *I* think it's cool, my director and CEO won't see it that way. I use jQuery very extensively in my apps and it is a strong selling point for all of the usual reasons (lightweight, cross-browser, etc.). Yet if the first impression that a person gets is the animated rock star, the message is going to be lost in discussions about professionalism, support, community, and future of the framework.
# Posted By Shaun Kester | 8/29/08 1:02 PM
Justin Carter's Gravatar Heh... It's 2008 and people still judge books by their covers? Classic.

The new site looks great, particularly the top half of the home page - very slick :)
# Posted By Justin Carter | 8/29/08 1:07 PM
Matt Williams's Gravatar To me it is kind of scary to think of developers having to sell their managers on a javascript library and having to send them to the web site to do so. It seems like the manager would only care about the end product and how it works. Managers should never be going to the jquery website. Instead, do a proof of concept for the task at hand and let them see the end result. Perhaps then they'll agree that you are now a javascript rockstar.
# Posted By Matt Williams | 8/29/08 2:08 PM
Jim Priest's Gravatar @Matt Williams - agree! This would be like if I was in construction I'd have to drag my foreman to Lowes to pick out a hammer...
# Posted By Jim Priest | 8/29/08 2:29 PM
Sean Corfield's Gravatar I like the redesign overall but that rockstar graphic is totally out of place. Apart from the "juvenile" and "unprofessional" message it sends - to use other commenters words - it takes up too much vertical space causing folks to have to scroll to get at the meat.
# Posted By Sean Corfield | 8/29/08 2:35 PM
kemie's Gravatar Never mind managers. As a designer/developer/enthusiast new to jquery, the page would not tell me "this is a useful, serious tool that will be helpful and reliable".
# Posted By kemie | 8/29/08 2:48 PM
Julian's Gravatar Hey, we are on the web!
There is not a single link in the article. A link to the jQuery website would have been more than convenient.
# Posted By Julian | 8/29/08 3:59 PM
Calvin's Gravatar I agree with Julian 100%

I believe the graphic and rockstar metaphor does more harm than good. Well executed, but out of context for the overall and potential audience, in my opinion.
# Posted By Calvin | 8/29/08 4:13 PM
dfguy's Gravatar http://digg.com/programming/New_jQuery_site_layout...

i honestly think this would look better and more professional. the site is a GREAT first draft and very easy to navigate and pleasing on the eyes. that not to say i like the whole "rockstar" thing.
# Posted By dfguy | 8/29/08 5:04 PM
Rey Bango's Gravatar Based on the extensive feedback we received, we've removed the caricature and slogan which constituted the bulk of the concerns for many in the community.

The thing that makes the jQuery project so special is our fantastic community. It's what drives the effort and the jQuery team makes every effort to listen and address the needs of jQuery developers. Today was just an example of our commitment to ensuring that we continue to provide the community with the tools that they need to be successful.

Thanks everyone for your feedback and patience.

http://jquery.com/blog/2008/08/29/death-to-javascr...
# Posted By Rey Bango | 8/29/08 11:15 PM
Julian's Gravatar Now *that* is an awesome site.

Congratulations team JQuery!

PS. If the decision is made to reintroduce a graphic in the middle section in future, it might be an idea to use a community-reviewed submission process to determine what artwork everybody wants there. That way we can be sure whatever is put there will line up with the community's tastes, attitudes and expectations. Though I personally believe the homepage is looking rather slick, concise and sharp without it - great work.
# Posted By Julian | 8/30/08 6:15 AM
John Whsih's Gravatar Whilst I liked the "fun" rock star theme, I agree with many commentators that it didn't appeal to managers. The update works much better, although I think that you can still remove some of the vertical blank space to reduce scrolling. To a manager the "Who's using jQuery" section is a real selling point. To potential developers the "run code" example is great but now appears below the fold line on my screen.
# Posted By John Whsih | 8/30/08 3:19 PM
Scott Fitchet's Gravatar Congrats on the new site. I think the overall color scheme is too "contrasty" (jet black and white). I wouldn't mind having a cookie that would remember a ThemeRoller selection (and/or ZenGarden-style showcase).

* The "Who's using jQuery" bar is great ... would love to see short blurbs about how those organizations are using the library in production.

* After clicking "Run Code", the "Learn jQuery Now!" applet might have a direct link to an easy-to-digest first tutorial instead of just pointing to the docs root.

* Would also like to see a more prominent link to why the MIT license might be the most appropriate choice for long-term success.

Keep up the great work ! Can't wait for the new selector engine and more widgets on the UI site.
# Posted By Scott Fitchet | 8/30/08 7:16 PM
ignite's Gravatar As they say, beauty is in the eye of the beholder. With that said, here are some of my initial impressions on the new design.

1) Still love the logo type which debuted on the ui site.
2) Background Gradients look poor to me.
3) Banner overall seems too Guitar Hero-ish.
4) I like that the homepage highlights the big names that use jQuery.
5) I like how it’s easy to see what’s the current release version.
5) In the primary nav… About and Donate links don’t highlight.
6) The secondary nav doesn’t show a clear highlight to indicate where you are.
7) Overall feel isn’t professional.

Personally I think the focus should not have been on flashiness to generate buzz but more on showing off the tools in the library and an innovative way to organize the site via solid and simple design. Simplicity and speed is what I love about jQuery but the site doesn’t reflect that to me quite yet.
# Posted By ignite | 8/30/08 10:23 PM
Justin Carter's Gravatar If you look at the blog comments on the jQuery site, before it was "the rock star image is childish, please remove it", and now its "the new site is a bit dark/dull". You give people what they want and they still complain :P

I hope you can bring something back in it's place, because the image was the glue that made the home page design attractive.
# Posted By Justin Carter | 8/31/08 12:42 PM
Rey Bango's Gravatar @Justin: Thx for the support. :)

We won't be changing the colors. We're done with the site redesign for now and need to focus on the library.
# Posted By Rey Bango | 8/31/08 6:27 PM
Scott Fitchet's Gravatar I'm viewing the site now on a new high-end Apple monitor and the contrastiness isn't an issue (these displays seem much, much brighter than average. Looks outstanding.
# Posted By Scott Fitchet | 9/1/08 1:58 PM
Tony Garcia's Gravatar Maybe it's because I do freelance work and don't have to deal with a manager, but I think people were a bit too uptight about the whole "rock star" thing. I guess I'm in the minority, though, and it's good that the jQ team listened and removed the graphic. Love the redesign anyway, though!
# Posted By Tony Garcia | 9/4/08 6:48 PM
Brinley Ang's Gravatar Is it just me or is the jquery site alot slower than before? Increase in web traffic perhaps?
# Posted By Brinley Ang | 10/20/08 5:02 AM
Rey Bango's Gravatar @brinley: Check it again. We finally migrated the project to new servers and the sites are coming up very quickly!
# Posted By Rey Bango | 10/20/08 7:08 PM
BlogCFC was created by Raymond Camden.