Professionelles Webdesign für eine NGO

Amref Health Africa: eine Website für Gesundheit und Entwicklungshilfe

Wie schafft man es, globale Gesundheitsprojekte digital greifbar zu machen? – Mit der neuen Website für Amref in Deutschland haben wir ein Angebot geschaffen, mit dem die NGO Spenden für ihre Hilfsprojekte sammeln und ihre Ziele sowie erreichte Milestones transparent und interessant präsentieren kann. Durch einen modernen Tech Stack und unser professionelles Webdesign konnten wir die Mission von Amref in den digitalen Raum transferieren.

Dank unserer langjährigen Erfahrung in der Konzeption und im Development für Non-Profit- und nichtstaatliche Organisationen (NGO) erzielte die Site schon kurz nach dem Launch im Lighthouse-Test von Google optimale Ergebnisse. Sie überzeugt mit exzellenter Ladegeschwindigkeit, hoher Sicherheit und optimaler Benutzerfreundlichkeit. Steigende Zugriffszahlen, wachsendes Spendenaufkommen und neue Mitgliedschaften sind erfreuliche Ergebnisse dieser Arbeit.

Interactive-StudioProfessionelles WebdesignSEO

Freisteller eines Laptops und eines Smartphones die die Amref Webseite zeigen.

Das Projekt

Amref in Deutschland ist die deutsche Vertretung von Amref Health Africa, einer international tätigen NGO. Ihre Hauptmission liegt darin, das Gesundheitssystem in Afrika zu stärken, mit besonderem Fokus auf Prävention, Ausbildung und den Aufbau lokaler Kapazitäten.

Eine digitale Stimme für globale Gesundheit

Unser Kunde beauftragte uns mit der Entwicklung einer Website, die Amref dabei unterstützt, gezielt Spenden zu sammeln und das gemeinnützige Engagement wirkungsvoll zu präsentieren. Dafür musste unsere Digitalagentur nicht nur Informationen übersichtlich darstellen, sondern auch Spender und Interessierte emotional ansprechen.

Die Anforderungen waren dementsprechend hoch: Neben einer klaren Darstellung von Amref als Organisation galt es, den News-Bereich, Spendenbericht und die Newsletter-Anmeldung genauso nahtlos zu integrieren wie alle anderen Features und Themen. Die einzelnen Elemente sollten dafür modern und klar definiert und zugleich intuitiv zugänglich und barrierefrei umgesetzt werden.

Eine spezielle Herausforderung bestand in der Auswahl und Einbindung eines Spendentools, das selbstverständlich hohen Sicherheitsstandards entsprechen sollte, um persönliche und sensible Daten von Spenderinnen und Spendern zu schützen.

Das Konzept

Vom Kick-off zur Umsetzung

Unser Team aus Designern, Entwicklern und Strategen arbeitete ab dem Kick-off eng mit Amref zusammen, um die Website perfekt auf die Bedürfnisse der Organisation abzustimmen. Dafür wurden die Anforderungen an die Website zunächst analysiert und anschließend in agilen Prozessen mit dem Kunden ein digitales Konzept erarbeitet.

Basierend auf Amrefs visueller Identität entwickelte unser Full-Stack-Webdesigner in Figma ein hochwertiges und ansprechendes Design für alle Devices. Klare Strukturen und eine intuitive Navigation sind dabei unsere Kennzeichen, denn die Nutzerfreundlichkeit ist das oberste Qualitätskriterium für eine wirklich hochwertige Website.

Für die technische Umsetzung wählte unsere Full-Stack-Webentwicklung einen modernen Technologie-Stack, der Leistung und Flexibilität optimal kombiniert. Im Frontend setzen wir auf Next.js und React, um schnelle Ladezeiten und eine dynamische Benutzererfahrung zu gewährleisten. Besonders die serverseitige Rendering-Funktion von Next.js sorgt heute dafür, dass Inhalte effizient bereitgestellt werden, was bei hohem Traffic entscheidend ist.

Das Backend basiert auf einem Headless-Ansatz mit einem ‚API first‘-WordPress-Klon, der Daten über flexible Schnittstellen bereitstellt. Dieser Mix ist die absolute Technologiespitze und wird von unserem Team in monatlichen Retro-Meetings immer wieder überprüft und optimiert.

Amref health Africa claim " Make Africas Heartbeat stronger"

Das Ergebnis

Funktionalität trifft auf Nutzerfreundlichkeit

Die Amref-Website wurde als Multipage-Website gestaltet, die sich nahtlos an die Bedürfnisse der Nutzer anpasst. Ein emotionaler Einstieg gelang in der Hero Area durch eine eindrucksvolle Fotografie einer jungen afrikanischen Mutter mit ihrem Kind und integriertem Claim ‚Gemeinsam Afrikas Gesundheit stärken‘.

Die weiteren Inhalte sind, übersichtlich geordnet, über mehrere Unterseiten aufrufbar. Unser Team der Full-Stack-Webentwicklung nutzte dafür ein Menü, das Informationen zu den einzelnen Unterpunkten bereitstellt.

Die einzelnen Themen-Bereiche sind mit einheitlich gestalteten Artikeln und Fotos optisch ansprechend aufbereitet worden. User kommen mit einem Klick auf ein Foto zu weiteren Informationen wie bspw. Presseartikel.

Die Nutzererfahrung unterstützen wir auch durch eine eigene Bildsprache und Scroll-Effekte, die für fließende Übergänge sorgen. So wird das Navigieren durch die Seite dynamisch und angenehm.
Eine Karte zur Projektübersicht gibt mit detailreichen Projektseiten einen Über- und Einblick in die Arbeit von Amref vor Ort und zeigt, wie ihre Spendengelder sinnvoll genutzt werden.

Im Blogbereich werden Interessierte mit Themen aus der Gesundheitswelt und Berichten von Amref-Projekten stets auf dem Laufenden gehalten. Die gesamte Präsenz wurde im barrierefreien Webdesign gestaltet, sodass sie auch von Menschen mit Beeinträchtigungen umfassend genutzt werden kann.

Nachhaltig und zukunftssicher

Die neue Website für Amref in Deutschland ist ein Tool, das mit der Organisation wachsen kann. Dank der modularen Struktur können neue Kampagnen oder Projekte einfach und effizient integriert werden. Zudem erfüllt der Internetauftritt alle aktuellen Anforderungen der professionellen Suchmaschinenoptimierung, um möglichst viele Menschen zu erreichen. Dafür haben wir bestimmte Keywords genutzt, die ein hohes und spezifisches Suchvolumen besitzen.

Freisteller von 2 Smartphones die die Amref Healt Africa Seite zeigen.

Freisteller von einem Browserfenster was die Amref Health Africa Spendenseite zeigt.

Spendentool-Integration mit Fundraise Up

Manchmal sind es die kleinen Dinge, die den Unterschied machen – wie die Integration des Spendentools von Fundraise Up. Es ließ sich per Skript optimal einfügen. Hierbei lag unser Fokus auf der geschickten Implementierung verschiedener Widgets und Kampagnen auf der Startseite und auf Unterseiten – fein abgestimmt auf eine bestmögliche User Experience.

Freisteller von einem Browserfenster was die Amref Health Africa footer zeigt.

Das Fazit

Erfolg auf ganzer Linie

Mit der neuen Website hat Amref in Deutschland ein kraftvolles Werkzeug erhalten, um seine Botschaft in die Welt zu tragen. Die Plattform verbindet Benutzerfreundlichkeit, technische Exzellenz und emotionale Ansprache – und schafft so eine digitale Heimat für eine globale Mission. Wir sind stolz darauf, unseren Kunden auf diesem Weg begleiten zu dürfen und eine überzeugende und performante Site entwickelt zu haben, die nutzerorientiert, sicher und durch ihren modularen Aufbau jederzeit erweiterbar ist.

Melde dich!

Entwicklungshilfe mal anders: mit professionellem Webdesign, Full-Stack-Development und SEO-Expertise. Responsiv und barrierefrei, versteht sich.

Nimm Kontakt zu uns auf!

Tel.: +49 30 40045775

Schreib mir!