Directory of Paint.NET Tutorials Make Simple Screencasts without Software Shortcuts to End Processes and Programs Where to go when you’re bored Add/Remove Programs in the Open With Menu
Collapsed Today Collapsed CyberNotes
Collapsed Yesterday

Firefox 3 Website Redesign Mockups

December 20th, 2007
16 Comments Written by Ryan


John Slater, the Creative Director over at Mozilla, has given some early insight into the Firefox 3 website redesign process. Just like with Firefox 2, a new website will be accompanying the next big milestone release of the browser which is planned for early next year.

There four different design directions that they are considering: global, agile, open, and for the people by the people. The different designs can be viewed here, but instead of making you shuffle through several different pages we decided to thumbnail a bulk of the different designs below. Keep in mind that these are just concepts at this stage, and are likely to change before they hit final form.

Before we jump into all of the different mockups I wanted to point out a few general observations that I’ve made that is consistent throughout the designs:

  • One of the common issues I noticed in the designs is that the download button doesn’t pop out and slap you in the face. In the current design the download button is a bright green, and it’s nearly impossible to miss! It’s almost as if they are trying to make the download buttons blend in this time around.
  • An abundance of text! Almost all of the designs, with the exception of the “Agile” ones, could definitely turn people off who hate reading. I definitely think that they should have a “click here to read about more features” link somewhere, but don’t try and list out every feature on the main page.

If I had to pick a winner it would be the “Agile” set of designs. It’s got a classy look to it, the download button is semi-prominent, and it provides a nice screenshot of what users will see after installing the browser. What would be really cool is if they try to detect the user’s operating system, and display the screenshot that corresponds to the OS they’re running!

Okay, now it’s time to checkout the mockups. After you get done looking at them be sure to drop off a comment below with which designs you like the best.


–Global–

Firefox Site - Global 1 Firefox Site - Global 2 Firefox Site - Global 3 Firefox Site - Global 4
(Click to Enlarge) 

–Agile–

Firefox Site - Agile 1 Firefox Site - Agile 2 Firefox Site - Agile 3 Firefox Site - Agile 4
(Click to Enlarge)

–Open–

Firefox Site - Open 1 Firefox Site - Open 2 Firefox Site - Open 3
(Click to Enlarge)

–For the People, By the People–

Firefox Site - People 1 Firefox Site - People 2 Firefox Site - People 3
(Click to Enlarge)

RSS Icon Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!

Tags: Firefox, Software, Web Sites, ,

Learn Firefox
Previous ArticleNext Article
 

Related Posts:


16 Unread Comment Tracking CyberMark This Article
RSS Icon
16

  1. Avatar

    Agile seems to be the smoothest looking design. I help people all the time and I think all the other busy designs would confuse people and make it more difficult to download Firefox.

  2. Avatar

    Nice designs specially the ‘Open’ and ‘Agile’ designs but I think the [url=http://www.mozilla.com/en-US/firefox/]current design[/url] is the best :D

    btw, the version and size in 2nd and 4th pic is wrong ;)

  3. Avatar

    The ‘Open’ and ‘Agile’ designs are nice but I think the current design (for ff2) is the best :D

    btw, the size and version in ‘Agile’ and ‘For the People, By the People’ screenshots are wrong ;)

  4. Avatar

    I think the Open design is best. I love blue but I think the blue is too dark in Agile. I think the download button should be the one they use in Agile. Open’s download button blends in too much like it is. I think you have a good idea Ryan about detecting the user’s operating system and displaying the appropriate screen shot. That would be a nice touch.

  5. Avatar

    “Agile” is hands down the best theme for the new website.

  6. Avatar

    First two are OK I guess.

    3rd one is just ugly.

    4th one is a mess.

  7. Avatar

    Looking at all the options, I’ll take the “Agile” theme. The blue shade looks great.

    I like what Firefox is doing with their website designs.

    Regards,

    Omar.-

  8. Avatar

    I would have to say that ‘Agile’ is my favorite also.

  9. Avatar

    They’re still gonna tweaks these, right? Honestly, none of these would look good as the Firefox website. I do respect the people who took the time to give it a try though, I know how hard it can be to develop a website design. :)

  10. Avatar

    My favorite thing about this is that Mozilla is such a great open-source company. There’s nothing we can’t find out about what they’re doing, and not like we have to dig for information, but they’re very open about it. Like with this website redesign and the betas! So cool!

  11. Avatar

    Mozilla now has a Firefox support forum open to public though it is still being worked on.

    http://blog.mozilla.com/sumo/2.....goes-live/

  12. Avatar

    I like Open the most among those four but they should change the grey to some other colour..Agile also seems to require reading….People is okay…Global is horrible and unbearable.

  13. Avatar

    I’m glad to see that most of you agree with Agile being the best in the mix.

    Pieter wrote:
    They’re still gonna tweaks these, right? Honestly, none of these would look good as the Firefox website. I do respect the people who took the time to give it a try though, I know how hard it can be to develop a website design. :)

    Nah, I’m sure they will change quite a bit by the time they are released, and they’ll do a lot of usability testing before launching a new site I assume. I think they are primarily using these designs for layouts, and the color schemes will be worked on to intrigue the users.

:mrgreen: :| :twisted: :arrow: 8O :) :? 8) :evil: :D :idea: :oops: :P :roll: ;) :cry: :o :lol: :x :( :!: :?:

Note: All links posted in comments will automatically be hyperlinked.

↓ Expand Text Area  or  Decrease Text Area ↑

 Find out how to track new comments!


 

  1. Firefox Mastery » Firefox 3 Website Concepts
  2. Firefox 3 ???? Concept « Fred’s Blog
  3. Asroone » ????? ???? ???? ???????? 3