[ close ]
Help Upgrade the Web: Download Firefox 3.5

Mozilla Creative Collective Site Design: Round 2

Last week I posted the initial design direction for the Mozilla Creative Collective site for review. I was extremely pleased with Airbag’s work, but based on your feedback as well as our own internal thoughts, I asked them to make a few additional tweaks:
* fix the type treatment in the header (between the headline and the logo we had “Mozilla Creative Collective” written in two totally different fonts, which felt weird)
* make the top navigational elements more prominent, as they were getting a bit lost amidst all the designy coolness
* reduce reliance on graphic text to make it easier to localize someday

With that in mind, they sent us round two (posted below) today…check it out and let us know what you think. And, while you’re in a Creative Collective mood, don’t miss Tara’s post on building social capital through a system of badges, plus her design review of what those badges will look like. Good stuff!

Mozilla Creative Collective Homepage (Rough) - Round 2

(full-size image available on Flickr)


6 Responses to “Mozilla Creative Collective Site Design: Round 2”

  • Majken "Lucy" Connor Says:

    Interesting! I like different elements of Round 1 and Round 2 better.

    From Round 1 I like that the header is the name of the site. I also really like the little star in the nav indicating where you are.

    From Round 2 I like the better use of the header in terms of moving the intro text there. I also really like that “Post your design” is now part of the nav strip. I think that’ll really help emphasize that contributions are welcome.

    I’m not sure what to think about the search though. I think having it in the header made more sense in Round 1 when the nav was there. Maybe trade it with join/login and keep it to the right?

    Out of curiosity did you consider leaving the nav in the header and moving up the “post your design” button? Don’t mind me too much though, I like iterating on creative stuff. Both rounds are definitely cool as they are.

  • Gordon P. Hemsley Says:

    Ooh, this one is even better. You didn’t use any of my suggestions from Round 1, but I think that may be a good thing. Looking at it again, I’m not sure what I was thinking. It was probably so late that I shouldn’t have said anything at all.

    Anyway… It looks very good, and I’m hard-pressed to come up with any suggestions. Perhaps play with the placement of the three columns on the bottom? Maybe put the news on the left of the 9 boxes, or in between the two picture columns? I’m not sure.

    But tell Airbag to keep up the good work!

  • sturdy Says:

    Usually, the big striking colored type in the top of the sites are their names and not a salutation. I think this way brings more attention to the “Welcome” as being the name of the site, instead of the logo in the left side. Oh, and the text in the header was a good move.

    Menu and “Post your design” button are better placed as well as their design. The search and the “join us/log in” links are still poorly placed.

    I think the text “See more popular designs (…)” shouldn’t be bold.

    And in general, I expected more round and less square. Get it?

    Will you put the design page for review?

  • John Says:

    Thanks for the comments. To echo what Lucy & Gordon said, we could probably keep tweaking forever but I think we’re pretty close to having something we can start coding. We can always make additional refinements once its live…

    Sturdy, the design page is posted at http://musingt.com/?p=79 if you want to check it out. And personally, I like the squares fwiw.

  • Carlo 'Carcarlo' Carmagnini Says:

    I think the previous header, with “Mozilla Creative Collective”, is better. “Welcome” is too prominent and feel missplaced in that position, while it could be ok on the lower content area.

    The rest of the design is really clear and it’s very cool. A great work! :-)

  • Mozilla goodness Says:

    [...] the same concepts and ideals listed above. It’ll also coincide with the beta launch of the Creative Collective site, which will be another huge step forward for our growing community (much more info on that coming [...]

Leave a Reply