Fedora Developer Website Design

For the past few weeks I have been working on mockups and the HTML/CSS for a new Fedora website, the Fedora Developer portal (likely to eventually live at developers.fedoraproject.org.) The goal of the site is to provide resources and information to developers building things on Fedora (not primarily developers contributing to Fedora itself.) A bunch of folks have been contributing content to the site, and Adam Šamalík and Petr Hracek set up the initial first-cut prototype of the site, configuring jekyll to generate the site and building out the basic framework of the site. The prototype was shared with the Fedora Environment and Stacks Working Group mailing list, and after some feedback and iteration on the initial prototype, Petr asked me to take a look at the overall UX / design of the site. So that’s how I came to be involved here. 🙂 Competitive Analysis and Sitemap First, to better understand the space this site is in, I took a look at various developer sites for all sorts of OS platforms and took in the sorts of information they provided and how they organized it. I looked at: Red Hat Developers – main nav is streamlined – solutions, products, …

Fedora.next Branding Update

So we’ve gone through a lot of iterations of the Fedora.next logo design based on your feedback; here’s the full list of designs and mockups that Ryan, Sarup, and myself have posted: Fedora.next Brand Concept #1 Fedora.next Logo Ideas Iteration Iterating on the Fedora.next Brand Concept #1 Another Quick Idea Marinating My Brain on Fedora.next Logos Dreaming Up Fedora.next Logos Son of More Fedora.next Logos! First Shot At Inkscape – Moar Fedora.next logos! That’s a lot of work, a lot of feedback, and a lot of iteration. The dust has settled over the past 2 weeks and I think from the feedback we’ve gotten that there is a pretty clear winner that we should move forward with: Let’s walk through some points about this here: F/G and H I think should both be valid logo treatments. I think that F/G is good for contexts in which it’s clear we’re talking about Fedora (e.g., a Fedora website with a big Fedora logo in the corner), and H is good for contexts in which we need to promote Fedora as well (e.g., a conference T-shirt with other distro logos on it.) Single-color versions of F/G & H are of course completely fine …

Son of more Fedora.next logos!

Where we left off last time was basically a brain dump of some random ideas. Thank you again for all of the great feedback and commentary around the designs. It really seems that folks are digging the “C” series of logo designs the most – here’s a bunch of iterations of that concept: A lot of comments focused on the cloud logo not looking quite like a cloud, but the other logos worked pretty well. Other comments talk about how the cloud logo represented ‘scaling up,’ which is a good thing to represent. I poked around a bit with the cloud logo, keeping the vertical design for “scale up,” but varying the heights of the components to suggest a cloud a bit more: Here’s those shape variations in context with the other logo designs: Ryan and I talked a little bit about how these shapes are so simple, we could do a lot of cool treatments with them. One issue with making a logo design too ‘cool’ or ‘trendy’ is that the logo tends to get dated quickly. The basic shape of the C series logo designs, though, is that they are so simple they could have a timeless quality …

Iterating on Fedora.NEXT Brand Concept #1

Last week I shared a concept for the Fedora.next logos with you, and I received quite a lot of feedback. Thank you for that. 🙂 The feedback I received mostly clustered along these lines in some form or another: The server logomark doesn’t read as a server to everyone – it’s too rounded. The workstation logomark looks too much like a flip phone to read as a laptop. Okay. I thought I might take that feedback and fart around with the designs some more, and record a bit of a stream of consciousness of what the heck I did so you can follow along and see where it’s coming from. I opened up the SVG source of the original designs in Inkscape and poked around a bit. Making the server more… server-y? So the thing is, the initial stab at this concept here was made using minimally modified versions of the Fedora logo bubble. That’s why the rounding was so extreme. So for server, it was pretty simple to just tone down the rounding, and I think it reads better, if not as ideally as it should. More cowbell for the workstation This one required a bit more iteration. As …

Fedora.NEXT Brand Concept #1

A while back we talked about designing the branding for Fedora in a Fedora.NEXT world. We’ve kind of fallen behind on the design process. So I’ve been spending some time with the questionnaire answers from the Cloud working group and the Server working group, and I put together the following boards as sort of a design research exercise: Fedora Cloud Logo Research – items from the survey answers plus some other visualizations of cloudy stuff. Fedora Server Logo Research – items from the survey answers plus some other visualizations of servers and whatnot. Brand Systems – sample ‘brand systems’ of the sort we’ll need to make the Fedora.NEXT Fedora products hang together and look related. Photographic Pixels – just an attempt at putting together some samples of inspirational artwork for this particular concept and maybe some others – I wasn’t sure what else to call it. Spending so much time putting this together made me really antsy to design something – so I just threw this together this afternoon. It may and probably does suck, and it is something we can totally throw away if we want. But I thought it might be good to mock something up to start …

Get involved in the Fedora.next web efforts!

Lately I’ve been blogging about the proposal for new Fedora websites to account for the Fedora.next effort. So far, the proposal has been met with warm reception and excitement! (Yay!) We Really Would Love Your Help Two very important things that I’d like to make clear at this point: This plan is not set in stone. It’s very sketchy, and needs more refinement and ideas. There is most certainly room to join in and contribute to the plan! Things are still quite flexible; we’re still in the early stages! We would love your help! I know this usually goes without saying in FLOSS, but I still think it is worth saying. We would love more folks – with any skillset – to help us figure this out and make this new web presence for Fedora happen! Are you interested in helping out? Or perhaps you’d just like to play around with our assets – no strings attached – for fun, or follow along on the progress at a lower level than just reading these blog posts? Let’s talk about where the action is happening so you can get in on it! 🙂 How To Get Involved Up until this point, …

Design Hub Idea (Fedora.next website redesign)

So a couple of weeks ago we talked about a proposal for the new Fedora website that Ryan Lerch, Matthew Miller, and myself came up with. The feedback we’ve gotten thus far has been overwhelmingly positive, so I’ve put some time into coming up with less vague and hand-wavy ideas as to what a particular sub hub on the Fedora ‘Community Hub’ might look like. Remember, this thing we talked about: We’re talking about what one of those individual little hubs might look like. The theoretical examples above are very Fedora team-centric; I would like us to follow a model a little more flexible than that in the spirit of Reddit. E.g., it should be easy to break out a new subhub for a specific topic, or a cross-team collaboration / project, etc. So the sub-hubs won’t necessarily be along team lines. A Sub-hub for the Design Team Okay, okay, not that kind of sub. (I have a sandwich graphic too, just waiting for its opportunity. 🙂 ) I understand pretty deeply how the Fedora design team works, the workflows and processes we’re involved with, so I figured it’d make the most sense to mock up a subhub for that …

Fedora.next and Fedora's brand

I’d like to let you know about a little initiative the Fedora Design team is starting related to the Fedora.next effort. Fedora.next? Hopefully by now, you’re aware of the Fedora.next initiative. Among other things, Fedora.next involves splitting Fedora into three separate products: Fedora Workstation Fedora Server Fedora Cloud What each of these ‘products’ will be, exactly, who they are targeting, and their various features, etc. is up to working groups that have been formed for each product. Information about the working groups is available at their respective wiki pages (linked to above.) Those working groups will come up with product requirements by January 2014, at which point we’ll have more information about each product and what it will be like. Okay… what does that have to do with Fedora’s brand? Having more than one main ‘product’ for Fedora is going to result in our team – the main caretakers of the Fedora brand – having a lot of requests we aren’t quite equipped to handle right now. Here’s a few example questions, some of which we’ve gotten, to show what I mean: Can you design us a logo for our Fedora product? (What should each of the logos for these …