Esc

↑↓ navigeren↵ openenesc sluiten

Studio'sLettertypesInsturenSponsorMCP

MDN Web Docs

Rebrand · april 2022

MDN Web Docs kreeg zijn eerste grote ontwerpronde in vijf jaar en een M-monogram met een underscore, door de community gekozen uit acht opties.

MDN Web Docs-logo voor en na

VoorTot april 2022

MDN Web Docs logo via Wikimedia Commons (MDN Web Docs.svg). Bron: commons.wikimedia.org

DownloadLichtSVGPNG

NaSinds april 2022

MDN Web Docs logo via Wikimedia Commons (MDN Web Docs logo.svg). Bron: commons.wikimedia.org

DownloadLichtSVGPNGDonkerSVGPNG

Feiten op een rij

MDN Web Docs lanceerde in april 2022 een nieuw logo, ontworpen door Luc Doucedame.

Merk
MDN Web Docs
Gelanceerd
Bron: underconsideration.com
Studio
Luc DoucedameAlle rebrands van Luc Doucedame
Wat er veranderde
Nieuw logo.
Waarom
MDN vernieuwde zijn merk omdat zestien jaar organische groei de ervaring inconsistent had gemaakt.
Bronnen
xda-developers.com, hacks.mozilla.org

Zo citeer je deze pagina Merklog, "Nieuw MDN Web Docs-logo (2022)", https://merklog.nl/rebrand/mdn-web-docs-2022/, laatst bijgewerkt .

Het verhaal achter de rebrand van MDN Web Docs

In maart 2022 lanceerde MDN Web Docs, de ontwikkelaarsdocumentatie van Mozilla, een herontwerp. Mozilla Hacks legde uit dat het werk halverwege 2021 begon, met als doel een schone, uitnodigende site waarop je zo makkelijk mogelijk door de 44.000 artikelen navigeert. Vijf jaar lang was de presentatie van de kerncontent niet grondig herzien. In die tijd groeide de site organisch, met meer dan 45.000 bijdragers, en was de gebruikerservaring inconsistent geworden.

XDA Developers beschreef het resultaat: consistentere kleuren en thema's, betere lay-outs, een schakelaar voor dark mode, navigatie binnen de pagina die bij het scrollen bereikbaar blijft en duidelijkere tabellen voor browsercompatibiliteit. Ook meldde het een nieuw logo, een van acht opties in een stemronde onder de community: een M-monogram met een underscore aan het eind, een hint dat dit een site is die helpt bij programmeren. Het logo is ontworpen door Luc Doucedame.

De underscore is het slimme detail. Hij leest als een knipperende cursor, die ontwikkelaars precies vertelt waar de site voor is zonder het uit te spellen, en hij geeft een kaal monogram een kleine, karaktervolle draai.

De schrijver van XDA gaf toe dat hij de oude Mozilla-dinosaurus miste, en die nostalgie is begrijpelijk. Maar MDN bedient ontwikkelaars op elke browser, niet alleen Firefox-gebruikers, en een neutrale M laat het voelen als gedeelde infrastructuur in plaats van Mozilla-bezit.

De post op Mozilla Hacks legde het logotraject uit. In zestien jaar, van wiki tot statische site op GitHub, was MDN organisch gegroeid en was de ervaring inconsistent geworden. Toen het team besloot dat een nieuw logo nodig was, bracht het de opties terug tot acht en liet het de community stemmen. In drie dagen kwamen er meer dan 10.000 stemmen binnen voor wat het team de MDN people's choice noemde. Ontwikkelaars het teken van hun eigen naslagwerk laten kiezen past bij een site die door meer dan 45.000 bijdragers is gebouwd, en het levert goodwill op die geen presentatie van een bureau ooit kan kopen.

De community laten stemmen past bij een bron die door tienduizenden bijdragers is gebouwd. Het verhoogt ook de inzet: als de gebruikers het logo kiezen, hebben ze minder reden om erover te klagen.

Kortom: Een M met een cursor.

Door de redactie van Merklog · Bijgewerkt · feiten uit de bronnen hieronder

Pers

Bronnen

  1. 1. underconsideration.com · achter betaalmuurhttps://www.underconsideration.com/brandnew/archives/new_logo_for_mdn_web_docs_by_luc_doucedame.php
  2. 2. hacks.mozilla.orghttps://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/
  3. 3. xda-developers.comhttps://www.xda-developers.com/mdn-web-docs-redesign/