Archiv für die Kategorie „cms_project_web“

bao-kurse.de

Montag, 18. April 2011

Anfang 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.



ecjugend.gwbb.de

Mittwoch, 2. Februar 2011

Seit 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.



“er-lebt.de” und “neustadtprojekt.de”

Mittwoch, 17. November 2010

Für die christliche Gemeinde Landau gestaltete ich die Seiten er-lebt.de. Ein angepasstes Design kam bei der Tochtergemeinde in Neustadt (neustadtprojekt.de) zum Einsatz, so dass verhältnismäßig kostengünstig zwei Seiten realisiert werden konnten.

Die Startseite ermöglicht einen einfachen Einstieg in die wichtigsten Bereiche der Website. Auf den Unterseiten werden die wichtigsten kommenden Termine sowie ein Mitschnitt der letzten Predigt in der Seitenleiste angeboten. Die mit fünf Bannern versehene Fußleiste lässt Platz um auf spezielle Angebote und Ereignisse hinzuweisen.

Auch die Umsetzung als WordPress-Theme wurde durch totalmedial durchgeführt. Die Einbindung der Predigtmitschnitte auf der Website war ein besonderes Anliegen. Hierbei wurde nicht eine vorgefertigte Plugins verwendet sondern eine eigene Lösung entwickelt. Die Vorteile: maßgeschneidert Funktionalität. Der Kunde bekommt das was er sich vorstellt, es wird so lange gefeilt bis alles passt.

Einige weitere spezielle Funktionalitäten und Leistungen:

  • Abspielen von Predigtmitschnitten direkt aus der Seite heraus
  • Angebot für einen Podcast mit den Predigten
  • Auslesen von Google-Kalender-Einträgen zur Darstellung der nächsten Gottesdienste und Termine
  • rudimentärer Schriftzug/Logo für die Seite neustadtprojekt.de
  • wie bei jedem Projekt: Suchmaschinenoptimierung, Schulung, Update, Support, Beratung


Podcast des GWBB: Jahr der Stille

Sonntag, 13. Dezember 2009

Manchmal sind es die kleinen Aufträge, die besonders Freude machen. So jedenfalls war es bei der Erweiterung der GWBB-Internetpräsenz um einen Podcast zum “Jahr der Stille”, die ich vor kurzem umgesetzt habe.

Das Projekt “Jahr der Stille” ist im gerade begonnenen Kirchenjahr angelaufen. Auf der Internetseite zum Jahr der Stille wird eine kleine Einleitung gegeben:

Das „Jahr der Stille 2010“ will helfen, Balance zu finden. Ein gesundes Gleichgewicht zwischen Arbeit und Ruhe. Gottes faszinierenden Lebensrhythmus entdecken, den er selbst in uns angelegt hat. Neue Impulse bekommen über das fruchtbare Wechselspiel von Aktion und Stille. Stille einbauen lernen in den ganz normalen Alltag von Beruf, Familie und Gemeinde.

Das GWBB will mit der Bereitstellung von, etwa wöchentlich erscheinenden Kurzgeschichten, das Angebot zum “Jahr der Stille” ergänzen und Besuchern der Seite eine einfache Möglichkeit geben, dabei zu sein.

Wer gern reinhören möchte, hier geht’s zur Seite.

Die technischen Aspekte: Die bestehende Umsetzung mit WordPress musste etwas angepasst werden, damit die MP3-Dateien auf redaktionell einfachem und gewohntem Wege eingebunden werden können. Jeder Podcast-Eintrag wird als WordPress-Artikel umgesetzt. Damit die Einträge nicht auf der Startseite erscheinen werden sie einer Podcast-Artikel-Kategorie hinzugefügt. Diese Kategorie wird auf der Startseite ausgeblendet. Durch die Möglichkeit Kategorien auch aus dem RSS-Feed herauszufiltern, lässt sich für den Podcast ein eigener Feed bereitstellen.



Frühjahrsputz auf mukiga.de

Donnerstag, 9. April 2009

Vor einigen Tagen habe ich die Überarbeitung der Internetpräsenz des Evangelischen Musikkinderkartens Spremberg fertiggestellt. Ein sehr angenehmer Auftrag, da bereits ein recht gutes Layout existierte, dass nur etwas herausgeputzt werden musste. Die größten technischen Neuerungen sind ein flexibleres und umfangreicheres CMS und die Überarbeitung zu standartkonformen XHTML.

Ausschnitt der Mukiga-Seite