Bildungsprojekte in Togo · Verein aus Hamburg

Eine Marke mit Herkunft. Eine Website, die den Fernsehabend aushält.

Für Kossivi’s Hope haben wir Marke und Website entwickelt: dreisprachig, mit eigenem Spendenweg und so gebaut, dass sie den Ansturm nach einem Beitrag im NDR ohne Aussetzer trägt.

Website ansehen

Kunde: Kossivi’s Hope e.V.
Bereich: Bildung in Togo
Leistung: Website + Marke
Dauer: 6 Wochen
Sprachen: DE · EN · FR

Website von Kossivi’s Hope auf einem MacBook

Ausgangslage

Ein Verein mit einer sehr persönlichen Geschichte, aber noch ohne Gesicht nach außen.

Die Aufgabe

Eine Marke, die zeigt, woher die Gründer kommen und wofür der Verein steht. Dazu eine Website in drei Sprachen, über die Spenden direkt ankommen.

Unser Ansatz

Warme Farben aus der Landschaft Togos, eine Schrift mit Charakter und echte Fotos aus den Projekten. Gebaut mit Astro, gepflegt über ein einfaches Redaktionssystem.

Mobile Website von Kossivi’s Hope auf einem iPhone

Die Marke

Die Hügel der Heimat, darüber eine aufgehende Sonne: Herkunft der Gründer und Ziel des Vereins in einem Zeichen.

Kakao #3E2514
Erde #2B1A0E
Taupe #6B5446
Safran #FBAB04
Honig #F0AF3F
Creme #F6EBE4

Playfair Display · Lora

Eine Serifenschrift mit Wärme für Überschriften, eine ruhige Lesetype für die Geschichten aus den Projekten.

Plakat von Kossivi’s Hope an einer Brücke

Der Leitsatz des Vereins, groß im Hero der Startseite

Hoffnung weitergeben. Zukunft ermöglichen.

Die Website

Echte Gesichter statt Stockfotos, und der Weg zur Spende immer einen Klick entfernt.

Startseite von Kossivi’s Hope im Browser: „Hoffnung weitergeben. Zukunft ermöglichen.“ über einem Foto aus Togo

Der Fernsehabend

Ein Beitrag im NDR. Und jeder, der danach spenden wollte, konnte spenden.

Cloudflare liefert aus, der Server bleibt ruhig

01

Alles vorab im Cache

Die Seiten lagen fertig bei Cloudflare, bevor der Beitrag lief. Der eigene Server musste am Abend kaum etwas tun.
02

Spenden über einen Worker

Ein Cloudflare Worker nimmt die Anfragen an das Spendenformular an und reicht sie an Betterplace weiter. So bleibt es auch in der Spitze erreichbar.
03

Jede Spende kommt an

Wer nach der Sendung spenden wollte, konnte spenden. Ohne Warteschlange und ohne Fehlerseite.

So läuft eine Spende am Sendeabend

01 Zuschauer sieht den Beitrag und öffnet die Seite am Handy
02 Cloudflare liefert die Seite fertig aus dem Cache
03 Worker nimmt das Spendenformular an
04 Betterplace verbucht die Spende

Mobil

Spenden in drei Schritten, auf dem Handy.

Wer den Beitrag im Fernsehen sieht, greift zum Handy. Deshalb ist der Spendenweg für das kleine Display gebaut: Betrag wählen, weiter zu Betterplace, fertig.