Erneut durfte ich für die Chairlines Medienagentur die Umsetzung eines Designs übernehmen. Auf www.kirchengucker.de finden Interessierte Informationen zu Kirchen in ihrer Umgebung (oder ihrem Urlaubsort), kunsthistorisches Hintergrundwissen zu Kirchengebäuden und Veranstaltungshinweise. Über die Seite KirchenEintragen ist es jedem Nutzer möglich selber Kircheneinträge vorzuschlagen, die nach einer administrativen Bearbeitung freigeschaltet werden.
Archiv für die Kategorie „cms_project_prog“
kirchengucker.de (Umsetzung)
Freitag, 8. Juli 2011bao-kurse.de
Montag, 18. April 2011Anfang letzer Woche ist die neue Seite von “Biblische Ausbildung am Ort” (Deutschland) ans Netz gegangen. Konzept, Design und Programmierung wurden dabei von Totalmedial umgesetzt.
Vorstellung
Die Kernleistung von Biblische Ausbildung am Ort (kurz BAO) ist das bereitstellen von Schulungsmaterial für christliche Gemeinden. BAO geht dabei auf verschiedene Zielgruppen ein. Die “Light-Kurse” z.B. vermitteln Basiswissen: Was heißt es Christ zu sein? Welche Hindernisse erwarten mich und wie gehe ich damit um? Wie gestalte ich meine Beziehungen zu anderen Christen? Welche Konsequenzen hat mein Glaube für die verschiedenen Bereiches meines Lebens? Andere Kurspaletten wie etwa die “Classic-Kurs Aufbaustufe” gehen auf Themen zur Leitung einer Gemeinde und Mitarbeiterschulung ein.
Analyse und Design
Vor der Neugestaltung einer jeden Website analysiere ich die bestehenden Inhalte und das Geschäftskonzept des Kunden. Daraufhin erhält der Kunde von mir ein Konzept zum Aufbau der neuen Seite, welche Elemente wo erscheinen und wie der Endnutzer durch die Seite geleitet werden soll.
Im Gespräch erfuhr ich, dass der News-Bereich weit zurückgestellt werden kann. Bei BAO liegt der vorrangige Schwerpunkt auf der Vorstellung des Schulungsmaterial, dass kommt vor allem auf der Startseite zum Tragen. Für sehr wichtig halte ich die Testamonials, die nun auf jeder Seite eingebunden werden, um von den Erfahrungen der Teilnehmer berichten. Sie bauen Vertrauen auf und helfen eine Beziehung zu einem Kurs herzustellen.
Bei der Gestaltung habe ich mich am vorhandenen Corporate Design orientiert und einige Designelemente aus den Kursheften übernommen, wie etwa den blauen Balken im Kopf der Seite. Im Unterschied zu den Heften wollte ich für die Website allerdings ein noch etwas moderneres, geradlinigeres Aussehen, mit mehr Platz zwischen den Elementen und einem einer “schlankeren” Erscheinung. Dies äußert sich z.B. bei den Überschriften durch die Wahl der Schriftart sowie deren Position. Als Farben kommen Blau- und Grautöne zum Einsatz, wobei das Blau genutzt wird, um Elemente besonders hervor zu heben, wie Überschriften und Links.
musikschule-spn.de (Umsetzung)
Montag, 14. März 2011Bereits Anfang 2011 wurde durch mich die Website der Musik- und Kunstschule Spree-Neiße umgesetzt, inzwischen ist die Seite auch recht gut mit Inhalten gefüllt. Das Design stammt von der Chairlines Medienagentur die mich mit der Umsetzung beauftragte.
ecjugend.gwbb.de
Mittwoch, 2. Februar 2011Seit fast 10 Jahren betreue ich die Internetseite des Kinder- und Jugenddienstes im GWBB. Das letzte Redesign der Seite liegt ziemlich genau 3 Jahre zurück. Inzwischen steht seit einiger Zeit vor dem “Kinder- und Jugenddienst” noch das “EC”, als Zeichen für die Zugehörigkeit zum christlichen Jugendverband Entschieden für Christus. Es wurde also Zeit die Seite gestalterisch und inhaltlich wieder etwas aufzuräumen.
Schwerpunkte bei der Erstellung des Designs und der Struktur
Das neue Design sollte der Corparate Identity des EC ähneln. Als verbindendes Element wurde dabei der Bogen mit den Farbbalken definiert mit dem die Seite oben beginnt. Farblich orientiert sich die Seite stark am Logo des EC-Kinder- und Jugenddienstes. Als Sekundäre Farbe wurde ein Gelb-Orange-Farbton gewählt um spezielle Bereiche betonen zu können (siehe Suche & aktive Tabs). Strukturell wurde darauf geachtet bereits auf der Startseite einen Einstieg für verschiedene Besuchergruppen zu ermöglichen. Als zentrales Element wurde die Slideshow gewählt die in verschiedene Bereiche der Seite einführt.
Schwerpunkte und Details der Programmierung
Um eine technisch saubere und gut bedienbar Seite zu erhalten reicht es nicht aus auf das bestehende System ein neues Layout aufgesetzt. Vor der Designumsetzung wurde ein intensiver Rafactoring Schritt eingeschoben. Dabei wurde z.B. die Anzeige der Jugendkreise einer Region von Seiten auf einen eigenen Eintragstyp (Custom-Post-Type) umgestellt. Durch diese Änderung erhöht sich die Übersichtlichkeit in der Administrationsoberfläche bei der Auflistung der Seiten.
Eine weitere Verbesserung betrifft die Anzeige der Veranstaltungen. Es wurde eine Möglichkeit geschaffen, die Freizeit-Einträge (die über ein separates System eingegeben werden) mit WordPress Custom-Post-Types zu mischen. So hat man ein flexibleres System zur Eingabe. Da die Freizeit-Einträge noch auf anderen Ausgabewegen genutzt werden war eine Komplettumstellung auf Custom-Post-Types leider (noch) nicht möglich.
Da mit der Umstellung auch gleich ein kleiner Domainwechsel (von www.jugend-gwbb.de nach www.ecjugend.gwbb.de) vollzogen werden sollte musste außerdem darauf geachtet werden das Verweise trotzdem die neue Seite finden, und dass Microsites die für Veranstaltungen (wie Chili und Brotfunk) erstellt wurden, weiterhin erreichbar bleiben.
ksc-asahi.de (Umsetzung)
Mittwoch, 2. Februar 2011Für kleine und mittelgroße Vereine kann eine Internetseite die perfekte Lösung sein um ihre Mitglieder über Neuigkeiten, Termine und Veranstaltungen zu informieren. So auch der Sportverein KSC-Asahi in Spremberg, der unter www.ksc-ashai.de mit einem modernen Design im Frontend und einem leicht zu bedienende Backend ins neue Jahr startete. Das Design stammt von der Chairlines Medienagentur, welche mich mit der Umsetzung als WordPress-Theme beauftragte.
Schwerpunkte der Programmierung
Wie viele Sportvereine legte auch Asahi Wert auf die Vorstellung ihrer Mannschaften und der Trainer in den verschiedenen Bereichen. Zu diesem Zweck habe ich einen separaten Beitragstyp erstellt, über den sich Mitglieder einer Mannschaft eingeben, mit einem Bild versehen und einer Kategorien (wie “Bundesliga-Team” oder “Trainer”) zuordnen lassen. [Beispielseite]
Ein weiterer Schwerpunkt ist die Anzeige von Neuigkeiten in den vier sportlichen Bereichen von Asahi. Dabei werden jeweils nur die für den Bereich notwendigen Neuigkeiten angezeigt.
