My name is Joshua and I'm a product designer at Stack Overflow. First off, congratulations on your community moving out of beta!

Graduation and Your Site Design

Graduation comes with a few perks. One of those perks is community-specific design, reflecting your unique theme, topic, and culture. Many elements will be altered to help make your site unique, while retaining common elements with Stack Exchange communities. These common elements help show you are part of the Stack Exchange network.


Design Concept

Most Stack Exchange communities are formed around a topic. Magento Stack Exchange is unique in that it has formed around a product, which already has an established branding. Given that many users who might use and frequent this website will probably already have some familiarity with Magento, the product; we wanted to create a theme which acknowledged Magento's branding, but was still distinct from the product.

Building Blocks

enter image description here

Magento's brand approach, in our estimation, is to utilize colors and shapes to reinforce how the product gives users a foundation upon which to build on. Combining these primary shapes with a warm orange-red palette and a clean, no-nonsense look, we feel we've a look which gives a nod to Magento, but is still distinctly yours.


Color Scheme

The color scheme builds on Magento's use of orange, black, and white; adding in a few additional colors to help create enough variance.

enter image description here


Logo

This was a tough one. As we cannot use Magento's logo for copyright reasons. Yet we didn't want to strike out in a completely different direction. In the end we created logo which captures the essence of Magento's logo, but is still unique to the community. The style of the logo is minimal, clean, and utilizes simple shapes.

Magento Logo Lineup

We matched the sharp, angular glyph with a friendly, humanist typeface. We think this juxtaposition of these two elements work nicely together.

Single Color, Full Version


Swag

Branded Site Materials


Overall Site Design

To view the site designs at full-scale, click on the images.

Homepage

Questions Page


We believe this design captures the unique theme and topic of your community. We would love to hear your feedback. If there are no major design changes, we hope to launch the site design soon!

Thank you for for making this such a great community!

  • 15
    I personally love it and you really took the look of the Magento brand to heart here. I was hoping that you would follow this design direction from my post about it nearly 3 years ago and you've really done it. I think it looks splendid. Reinventing the Magento logo is a bit of a bold step; but I do like the use of the hexagon throughout the design. +100 from me. – philwinkle Jan 26 '16 at 22:27
  • 4
    Me people will be in touch with your people, I've stressed the importance of collaboration on our side of the house. Thanks for the work so far. – benmarks Jan 26 '16 at 23:32
  • 14
    This is awesome. We are finally getting out of anonymity. I love the hexagonal vote buttons and badges. On a side note... Is it just me, or the logo looks like magneto's helmet? Not that I'm complaining or something. – Marius Jan 27 '16 at 8:51
  • 4
    Looks totally cool! But yeah, the helmet can't be unseen :) – Sander Mangel Jan 27 '16 at 10:31
  • 2
    Fantastic. Absolutely nailed the design - and as above, the hexagon upvotes are an excellent touch. – Ben Lessani - Sonassi Jan 27 '16 at 11:06
  • 4
    @Marius Sigh. Unfortunately once it's seen, it cannot be unseen. – Hynes Jan 27 '16 at 13:55
  • 3
    @philwinkle Thanks for linking to this post. Before I started design explorations, I searched the Magento Meta community for posts tagged with design, but I couldn't find any. It's nice to know that we were of the same mind without even knowing it. :) – Hynes Jan 27 '16 at 13:56
  • 2
    @Bryan'BJ'Hoffpauir Thank you. Pitching a site design is an exciting moment in a community's life. And we love being a part of that. I should note that the swag mockup are just some quick ideas and we'll be soliciting ideas for swag ideas as well. – Hynes Jan 27 '16 at 14:26
  • 2
    @benmarks Any feedback you might have, I'd appreciate. Thanks! – Hynes Jan 27 '16 at 14:26
  • 3
    as @Marius pointed out, it just totally looks like Magneto's helmet, and will account for all the times people type Magneto instead of Magento :p – Julien Lachal Jan 27 '16 at 15:48
  • 5
    Awesome, where do we buy the shirts? We can also print them for Meet Magento attendees :). – Guido Jansen Jan 27 '16 at 17:13
  • 6
    Should totally have a Flush Cache button to make post edits visible :P #JustMagentoThings – Moose Jan 28 '16 at 7:00
  • 3
    @Bryan'BJ'Hoffpauir it's morning, barely had a cup of coffee and I start reading your comment. By the end I lost it :D – Sander Mangel Jan 28 '16 at 7:05
  • 4
    Love the design, looks great (especially the up/downvote buttons). And yes, I cannot unsee the helmet ever again ;) – Anna Völkl Jan 28 '16 at 10:01
  • 3
    So...when are we getting the new design with the awesome h̶e̶l̶m̶e̶t̶ logo? – Marius Feb 18 '16 at 10:19

You must log in to answer this question.

Browse other questions tagged .