Dafür, dass es kostenlose npage-Seiten sind, sind die beiden Websites eigentlich ganz OK. Ich weiß ja nicht, wie flexibel npage in der Gestaltung ist, aber diese Tipps lassen sich bestimmt umsetzen:
- Reduziere die Navigationsspalte auf nicht mehr als sechs Links, momentan ist die Liste vollkommen unübersichtlich
- Um die Links so drastisch zu reduzieren, musst Du ähnliche Seiten zusammenfügen. Beispielsweise braucht "Anfahrt" weiß Gott keine eigene Unterseite. Stattdessen kann die Karte auch direkt in die Kontakt-Seite integriert werden.
- Die Links in der Navigationsspalte müssen größer sein
- Entferne die Punkte vor den Navigationslinks und entferne auch die Unterstreichung. Für den Nutzer sollten es keine normalen Links sein, sondern klar erkennbare "Orientierungspunkte".
- Lass den blauen Hintergrund weg, der einfach gar nicht zu der grünen Kopfleiste passt. Um die Navigationsspalte auch ohne Hintergrund optisch abzuheben, kannst Du die Links farbig (aber dezent!) hinterlegen und/oder umrahmen.
- Der Hintergrund der Seite sollte weiß sein. Schwarz ist nur ein guter Kontrast für Fotos. Bei Text allerdings strengt es die Augen mit der Zeit an.
- Das Bild in der Kopfleiste kann weg, da es erstens belanglos ist und zweitens aufgrund der Tatsache, dass es ein Foto ist, nicht als Gestaltungselement dienen kann; dazu fällt es zu sehr ins Auge. Mein Tipp: wenn Du das Bild behalten willst, dann mache es mit einem Bildbearbeitungsprogramm absichtlich unscharf. Das ist zum einen ein schöner Effekt und zum anderen hebt es die Überschrift hervor, die eigentlich anstatt des Fotos dem Besucher ins Auge fallen sollte.
- Das Vereinswappen ist rund, nicht wahr? Es hat aber einen sehr unschönen weißen Rand. Bei einem schwarzen Hintergrund musst Du die rechteckige Umrandung des Wappens entfernen und transparent machen, sodass es auch wirklich rund aussieht. Die leichtere Variante wäre, wie schon vorher vorgeschlagen, den gesamten Hintergrund der Seite weiß zu machen, was Du sowieso tun solltest. Dadurch wirkt das Wappen rund und das hässliche weiße Rechteck stört nicht mehr
- Das Wappen muss in die Kopfleiste neben die Überschrift, da es den Verein symbolisiert und deswegen besonders wichtig ist (sein sollte).
- "Klicken Sie auf das Vereinswappen und gelangen Sie direkt auf die Facebookseite des Vereins!" - niemand kommt von allein auf die Idee, auf ein Wappen zu klicken, um auf eine Facebook-Seite zu gelangen. Statt des Hinweises, auf das Wappen zu klicken, füge einfach einen Link, am besten mit Facebook-Logo, ein. Dadurch weiß der Nutzer sofort, was gemeint ist. Noch besser ist es natürlich, gleich den Facebook Gefällt mir-Knopf einzubinden.
- Oh je... die Vereinsgeschichte. Bestimmt ganz interessant, wenn man denn Lust hätte, sie zu lesen! Besonders bei der Schriftart fehlen mir die Worte (das gilt auch für alle anderen Unterseiten, die in dieser Schriftart gehalten sind). Es tun einem regelrecht die Augen weh, wenn man auch nur versucht, diesen viel zu langen Text zu lesen. Ein weiteres Problem ist, dass man erwartet unter dem Punkt Vereinsgeschichte eine Zusammenfassung wichtiger und interessanter Ereignisse in der Geschichte des Vereins zu finden. Stattdessen ist der Text aber so lang, dass einem schon im Voraus die Lust vergeht. Mein Tipp wäre, wie schon geschrieben, eine kurze, prägnante Zusammenfassung wichtiger Ereignisse anzuzeigen und den langen Text zwar nicht ganz zu entfernen, aber am Ende der Seite zu verlinken für Besucher, die mehr über den Verein erfahren wollen.
- Nun zur Sitemap: erschlagend! Abgesehen davon, dass die Seite sowieso viel zu viele Unterseiten hat, bietet die Sitemap absolut keine Orientierung, was sie eigentlich sollte. Auch ist keine Hierarchie der Seiten erkennbar. Und ganz ehrlich: die Spalte "Anzahl Wörter" - wen interessiert´s?!
- Das Impressum kann übrigens zu einer Abmahnung führen. Zwar ist es vorhanden und auch vollkommen korrekt (dank Impressumgenerator, wie mir scheint), allerdings sind Haftungsausschluss und Datenschutzerklärung auf ein und derselben Seite und genau das ist der Fehler. Laut aktueller Rechtsprechung müssen Impressum, Hauftungsausschluss und Datenschutzerklärung auf separaten Seiten aufzufinden sein. Desweiteren ist die Datenschutzerklärung unvollständig, da nicht alle Komponenten der Seite, die Nutzerdaten sammlen, aufgezählt sind, wie z.B. das Kontaktformular. Eine nach EU-Recht geltende Datenschutzerklärung bekommt man hier: https://www.iubenda.com/
Alle Tipps gelten im Großen und Ganzen für beide Websites.
Ich hoffe, geholfen zu haben und würde mich freuen, wenn meine Ratschläge umgesetzt werden.
Ich habe meiner Antwort zwei Bilder angehängt, um zu zeigen, wie die Vereinswebsite aussehen könnte.