Die aktuelle Website der Stiftung „casayohana“

Ich gestaltete Website der Stiftung „casayohana“ als Abschlussprojekt des Kurses „Digitale Typografie“ neu. Ich möchte mit meinem Vorschlag eines neuen Designs die Stiftung unterstützen. Ich habe einen persönlichen Bezug zu den Projekten in Peru. „casayohana“ macht eine sehr gute Arbeit in Peru und hilft Frauen, Familien und Kindern nachhaltig. Da die Stiftung erst 2018 gegründet wurde, die finanziellen Mittel begrenzt sind und es aktuell noch keine Mitarbeiter gibt, die weitreichende Kompetenzen im Hinblick auf Corporate Design einbringen können, konnte ein stimmiges und ansprechendes Auftreten der Stiftung bisher nicht ermöglicht werden.

Ich entschied mich für ein Redesign der Startseite, einer Artikelseite und des Spendenformulars - ein Redesign der gesamten Website würde den Rahmen sprengen.

Die Artikelseite „Peru“ wählte ich aus, da dies die einzige Seite auf der Website ist, die viel Fließtext hat.

Die Website ist unübersichtlich und unstrukturiert. Die Navigation ist irreführend. Die wichtigsten Infos sind schwer zu finden wie beispielsweise die Übernahme einer Patenschaft für ein Kind - dieser Punkt befindet sich weit unten auf der Startseite. Es gibt zu viele Unterseiten, die teilweise nur aus zwei Zeilen Text bestehen oder leer sind. Aus der Website wird nicht ersichtlich, welche Arbeit die Stiftung in Peru macht. Unkonkrete, missverständliche Sätze reihen sich aneinander.

Den Content der Website, kann ich nun nicht beeinflussen, das wäre der nächste Schritt. Dies kann ich nun im Rahmen des Kurses nicht beeinflussen. 

Ich konzentrierte mich auf die Typografie, sowie die Gestaltung der Website.

Das Redesign

Startseite 

Ich beantwortete zunächst folgende Fragen: Was soll der User zuerst erfahren, wenn er auf die Website kommt? Was soll der User tun, und wie lässt sich dies durch die Gestaltung beeinflussen? Welche Zielgruppe soll mit der Website angesprochen werden und wie fließt dies mit in die Gestaltung der Website ein?

Ich kam zu folgenden Schlüssen:

Die Website sollte schlicht und deutlich für jeden Menschen vermitteln, ob jung oder alt, wie sich die Stiftung „casayohana“ unterstützen lässt. Die Hauptinteraktion der Seite sollte „Spenden“ sein. Außerdem „Botschafter werden“ und eine „Patenschaft übernehmen“. Ich ordnete diese wichtigen Informationen neu an sowie schaffte mehr Weißraum. Durch Verwenden verschiedene Schriftschnitte brachte ich eine Hierarchie in die Informationen Ich setze Farbe nur ein, um Betonungen zu setzen wie die Hervorhebung des Spendenbuttons. Ich setze Farbe nur ein, um Betonungen zu setzen, wie die Hervorhebung des Spendenbuttons.

Artikelseite

Bei der Artikelseite konzentrierte ich mich auf Schriftgröße, Zeilenlänge sowie Zeilenabstand. Außerdem ordnete ich Text und Bild in der Mitte der Seite an. Diese Entscheidungen dienen der besseren Erfassung und Lesbarkeit des Textes.

Ich habe die „Museo Sans“ für die Überschriften, und die „Vollkorn“ für den Fließtext verwendet. Für die Navigationsleiste verwendete ich die „Grafik“. Ich entschied mich für diese Schriften, da sie gut lesbar sind, und aufgrund des entstehenden Kontrastes zwischen Sans-Serif Schrift und einer Serifen Schrift für den Fließtext.

Spendenseite

„casayohana“ bietet dem User zwei Möglichkeiten, um zu spenden: Über den Spendenpartner Givio oder als Überweisung auf das Spendenkonto.

Der User soll möglichst über den Spendenpartner spenden, denn dies bietet der Stiftung und dem User Vorteile. Somit ist diese Möglichkeit schon ausgewählt und das Spendenformular geöffnet.

Somit wird der Großteil der User auch bei dieser Möglichkeit bleiben.

Schlusswort

Ich habe bei der Stiftung angefragt und werde das Redesign der Stiftung in den nächsten Wochen vorstellen.

Der Kurs „Digitale Typografie„ hat mir einen guten Einblick in die Welt des Interfacedesigns gegeben. Ich konnte die Programme „Sketch“ und „Figma“ im Rahmen des Kurses erlernen. 

Frank gab uns hilfreiche Typografie Tipps. Ich würde den Kurs auch Kommunikationsdesignern unbedingt empfehlen.