Direkt zur Hauptnavigation dem Inhalt oder zum Seitenfuß.

Informationsfreiheit weltweit

Relaunch der Website von Reporter ohne Grenzen

Reporter ohne Grenzen dokumentiert Verstöße gegen die Presse- und Informationsfreiheit weltweit und alarmiert die Öffentlichkeit, wenn Journalisten und deren MitarbeiterInnen in Gefahr sind. Seit dem Website-Relaunch im Mai 2014 geschieht dies aktueller, informativer und umfassender als je zuvor. Die komplett neu strukturierte und im "flat design" angelegte Seite zeichnet sich durch ein übersichtliches Informationsangebot aus, welches sich in die verschiedenen Themenbereiche von Reporter ohne Grenzen auffächert.

Auf der Startseite finden sich - prominent platziert - die aktuellen Arbeitsschwerpunkte der NGO mit ausdrucksstarken Bildern in einem großen Slider sowie die tagesaktuellen Meldungen und Veranstaltungstermine. Großflächige bebilderte Teaser führen die Besucher zu weiteren zentralen Inhalten der Seite wie dem animierten Barometer, das quantitative Daten zur Pressefreiheit anzeigt, oder dem Online-Shop, über den u.a. der stark nachgefragte Bildband "Fotos für die Pressefreiheit 2014" bezogen werden kann.

Ein technisches Unikat der Seite stellt die frei zoombare, interaktive Karte dar, die nicht auf GoogleMaps aufbaut, sondern auf Javascript basierend erstellt wurde. Über die Karte lassen sich verschiedene Themen wie der "Zustand der Pressefreiheit" oder die "Feinde der Pressefreiheit" auf Länderebene visualisieren und die entsprechenden Detailinfomationen per Klick auf ein Land aus der sich öffnenden Infowolke einsehen.

Diese statistischen Informationen, die von Reporter ohne Grenzen zentral in einer Datenbank gepflegt werden, werden auch auf den jeweiligen Länderseiten als Angaben zum Zustand der Pressefreiheit automatisiert dargestellt. Auf diesen Länderseiten werden zudem weitere Meldungen präsentiert, so u.a. die aktuellen Twitter-Feeds. Da Twitter für Reporter ohne Grenzen ein zentrales Handwerkzeug darstellt, wurde für das Backend der Website ein extra PlugIn entwickelt, mithilfe dessen die MitarbeiterInnen eigenständig die Ausspielung von Twitter-Meldungen auf den einzelnen Seiten der Webpage modifizieren können.

Die Website wurde von uns in TYPO3 CMS realisiert, und mit einem responsive Frontend ausgestattet, sodass die Seite auch mit mobilen Geräten ohne Probleme nutzbar ist. Das Spenden-Tool wie auch der Online-Shop wurden an gängige Zahlungssysteme wie Paypal, Kreditkarte, SEPA-Lastschrift oder "sofortüberweisung.de" angeschlossen. Zum Spenden aufgerufen wird der User während seines Webseitenbesuches u.a. fortwährend über die an das untere Ende der Website angeheftete StickyBar, aus der heraus direkt im Spendenformular gespendet werden kann. Im Spendenformular kann über einen Schieberegel der gewünschte Betrag ausgewählt werden. Die je nach Betrag unterschiedlichen Leistungen, die ROG mit der gespendeten Summe umsetzen kann, werden parallel in Bild und Text impressiv aufgezeigt. Das für NGOs wichtige E-Mail-Marketing wurde über eine Schnittstelle zum leistungsfähigen Dienstleister CleverReach umgesetzt, sodass die Kommunikations-Kampagnen der Organisation ab sofort schneller und zielgerichteter umsetzbar sind.

Die zum 20-jährigen Bestehen veröffentlichte interaktive Chronik zeigt auf einer elegant animierten Scrolling-Page mit Paralax-Effekt den Werdegang der NGO von der Gründung im Jahre 1974 bis heute.

Kunde
Reporter ohne Grenzen e.V.
Leistungen
Konzept, Gestaltung, Programmierung
Launch
Mai 2014
Website
www.reporter-ohne-grenzen.de
Responsive Design gibt dem Besucher die Freiheit Desktop, Tablet oder Smartphone zu nutzen

Responsive Design gibt dem Besucher die Freiheit Desktop, Tablet oder Smartphone zu nutzen

Startseite mit großem Head-Bereich

Startseite mit großem Head-Bereich und Slider. Hier im Bild: die interaktive Weltkarte zur Pressefreiheit

Barometer zur Pressefreiheit

ROG führt für alle Länder Statistik, welche die örtliche Situation widerspiegelt - auf einer interaktiven Weltkarte werden die Daten optisch aufbereitet dargestellt

Großflächige bebilderte Teaser führen die Besucher zu weiteren wichtigen Inhalten.

Großflächige bebilderte Teaser führen die Besucher zu weiteren wichtigen Inhalten

Themenportalseite: grozügig gestaltet, klar strukturiert. Ausdrucksstarke Teaser-Bilder machen die Besucher neugierig

Themenportalseite: grozügig gestaltet, klar strukturiert. Ausdrucksstarke Teaser-Bilder machen die Besucher neugierig

Per Schieberegler können Spender dern Betrag wählen - je nach Höhe wird gezeigt welche Hilfe mit dem Geld möglich ist

Per Schieberegler können Spender den gewünschten Betrag wählen. Impressiv wird gezeigt, für welche Zwecke ROG das Geld einsetzen möchte

Onlineshop

Fotobücher, Whistles für Whistleblower oder Comics. Materialien rund ums Thema Pressefreiheit gewünscht? Mit wenigen Klicks sind diese einfach per Bestellsystem angefordert

Responsive Design

Auch unterwegs schnell und ansprechend informiert - Responsive Design macht's möglich

Interaktive Chronik

Interaktiv in der Geschichte von Reporter ohne Grenzen unterwegs. Zum 20-jährigen Bestehen der NGO wurde ein weiteres Feature integriert: eine interaktive Chronik mit Parallax-Effekt,...

Interaktive Chronik II

...Timeline und integrierter Bildergalerie

IconographieIkonografie

Ikonografie - für ROG wurden eingängige Icons zur besseren Gliederung der Inhalte illustriert