fedoraproject.org redesign update

So it’s been a while, a month really, since I’ve given you an update on the Fedora website redesign. Well, in the past month Fedora design ninja Jef van Schendel and I have been cranking out mockups and Sijis Aviles has been doing an awesome job making the mockups a reality and getting things into staging and building things out. So we’ve got quite a few things to go over here. 🙂 Too professional? One piece of feedback we heard from several of you about the last mockup for the front page of fedoraproject.org looked a little too professional. “This looks like it’s trying to sell me something,” one of my colleagues told me about it recently, “this doesn’t primarily say community or freedom to me at all first glance.” Well, crap. Freedom & friends are two main values of Fedora. If folks don’t get a feeling about community and freedom from looking at our website, we’ve got issues. How did this happen? Well, when designing the first mockup and even when iterating through the header designs, I was reviewing many application websites for general formatting & conventions for some inspiration and to make sure that our website didn’t violate …

fedoracommunity.org website design progressing

So a while back I talked a bit about the fedoracommunity.org website project that the Fedora Websites team has been working on, including the vision behind it and the work that had been done on it up to that point. We received some really great feedback from you on this project, including a really nice suggestion from Felix Kaechele to organize the areas of the world according to Fedora ambassador regions rather than continent groupings. This actually provided a bonus – you’ll see the design has been slightly changed so there is now an area above the individual country/region site listings to provide information & links on ambassador region-wide resources, something that wouldn’t have made as much logical sense outside of the scheme Felix suggested. Some other feedback we’ve gotten thus far was Remy Decausemaker and Tommy He’s suggestion to make the map highlight to the region currently-being viewed and perhaps serve as rollover navigation. If you are a javascript pro and want to try your hand at this, please let me know and I’d be happy to get you started (otherwise I’ll put this awesome idea on the backburner while I devote a lot more time to the www.fedoraproject.org …

Some www.fpo header mockups

I worked through these fedoraproject.org redesign header mockups today with Sijis’ feedback. I’m really liking the last one, #7. 🙂 Sometimes you just have to keep trying, keep experimenting, until you discover something that works. The problem we were trying to solve here was having two competing navigation bars, and placing the navbar in such a manner that I felt it wouldn’t necessitate an awkward non-front page layout. In #6 and #7 you can see the two navbars have been collapsed into one, and it’s above the main banner / slideshow area. Sijis suggested moving it above the banner and I think it works really well. The problem with it on the bottom is that if you have a subpage that doesn’t have a banner, it makes the nav bar move up and down the page making it much more complicated to move between pages via that navbar (when the navbar itself jumps around the page you have to refind your place on the page to click on a nav item.) Anyway, I hope these are at least nice eye candy, if not a more interesting study of how to solve a design problem through iteration. 🙂 #1 #2 #3 …

fedoraproject.org front page redesign mockup #1

So as part of the ongoing www.fedoraproject.org website redesign project, I’ve been working on mockups for a new www.fedoraproject.org front page. Here’s the rough sitemap I’ve drawn up for the work: As you can see, a lot of thought has been put into the home page and articles features on it (sections 1-5). I haven’t had much opportunity to flesh out the Get Help and Join Fedora sections yet, although I know Diana Harrelson’s anthropological study of the Fedora community is chock-full of useful data and recommendations, especially for the Join Fedora section. If you have any ideas or suggestions for either Join Fedora or Get Help please let me know, since we’re still in the process of fleshing out those sections. Now, before I type out those img tags for the mockups themselves, a few caveats: These are very rough mockups. I’ve been working out the navigation scheme with Sijis – I’m not happy with it right now so he’s been helping me figure out a better way – so it will probably change. So yeah, we know it kind of sucks, we’re working on it. 🙂 The position of individual elements on the screens will probably change. The …

get.fedoraproject.org redesign post-mortem

On Post-Mortems “Post-mortem!” you exclaim, “how ghoulish!” Well, yeah. The term is usually used for meetings and discussions about how well a software release went after it’s out the door, at least on som of the teams I’ve worked on (greets to my tacos!) So, anyway, here is a post-mortem examination of the new http://get.fedoraproject.org design. A little background on the Fedora website design So I’ve already given you the story behind why we decided to re-do the get.fedoraproject.org pages on fedoraproject.org. The get.fedoraproject.org redesign work was completed as part of Phase 2 and was released with Fedora 13 this past May. If you’re curious as to the why and how we got here, you can read up on it on another blog post. Run-down of the redesign The design is documented on the get.fpo design wiki page and was also shared several months before release on this blog. As mentioned in the history of this project, we decided to split get.fedoraproject.org out into two main sections: The first section, presented by default, would be aimed at fulfilling the Board’s requirements – a single simple download button prominently placed, a promo for spins.fedoraproject.org, and clear links to support & help. …

Fedora websites design status

While the Fedora Design team and Fedora Websites team along with the Fedora Board have been working towards a completely updated web presence for Fedora over the past couple of releases, I wanted to give a bit of a summary of what’s happened so far, provide you a bit of an update on our current status, and give you another avenue for providing feedback as well as solicit yet more feedback from you. 🙂 A little background on Fedora website design A long time ago, but not so long ago, http://fedoraproject.org was a simple splash page with just a bunch of links. Later on, it redirected straight to the wiki. After a release or two bringing the entire wiki down (and halting contributors from getting work done!) because of high-demand on the website for downloading releases, a very simple, lightweight set of static pages was put together to help alleviate the problem. It is the base of that lightweight static page set that we have been using for quite some time these days. After the initial launch of Fedora Community and its freshened-up template with the release of Fedora 11, the Fedora Project homepage appeared in severe need of some …

fedoracommunity.org Website Design

The vision for fedoracommunity.org Fedora has a lot of local community websites. A somewhat recent addition to the mix is Fedora’s local community domain program, whereby a local Fedora community can obtain a *.fedoracommunity.org domain to point to their self-hosted website. In the midst of a thread on the advisory-board mailing list, it became clear that it would be a good thing to have a single place where folks seeking out their particular local Fedora community could go to find it, rather than searching in multiple places for their community. In the thread, a Fedora Infrastructure ticket to this end was also referenced. The work so far Matt Domsch created the barebones portal page for this directory that is up on fedoracommunity.org now, asking for assistance in making it a nicer-looking site. I posted an initial mockup for feedback in reply, and since then have iterated a few times based on the feedback I’ve gotten. I’ve been working with Sijis Aviles, who very quickly took my early mockups and produced a first cut at an HTML/CSS version of them. A few design decisions have been made throughout this process that you might want to be aware of: Both national flags …