case
 

Salzwerk | Erscheinungsbild, Intranet und Website

Die ersten Ideen enstanden im Gründungszentrum Enigma. Heute ist Salzwerk ein Verein i.G. mit einer Website und einem funktionsbeladenen, überregionalen Community-Netzwerk für christliche Gemeinden.
Viele Köpfe und viele Hände haben zum Gelingen beigetragen – meist als Social Sponsoring.

 


 Ihr seid das Salz der Erde
 Häutungsprozesse beim Intranet
 Das Portal zum Netzwerk

     
 

....................................
Projekt
9465 Salzwerk
Erscheinungsbild
Intranet
Website
....................................
Auftraggeber
Salzwerk
Gunnar Wiegel
....................................
Brand Identity
Corporate Design
Usability
Web Design

kilde communications
Joerg Kilian
Jan Schliemann
....................................
Intranet
zapwerk
Thomas Vizthum
....................................
Programmierung
Dirk Wiesner
....................................
Providing
alternetive networks
Ove Sander
...................................
Projektstart
8. Mai 2000
....................................
Onlinestart
6. Dezember 2000

 

Ein Netzwerk für christliche Gemeinden

Das Ganze begann relativ unverfänglich mit der Anfrage von Gunnar Wiegel ob wir ein Signet für ein christliches Projekt im Rahmen von Social Sponsoring entwickeln könnten. Innerhalb kürzester Zeit wurde ein lebendiges Zeichen entwickelt, mit dem sich alle Projektteilnehmer identifizieren konnten.

Jetzt konnte der Projektleiter Gunnar Wiegel – mit einem Projekt-exposé unterm Arm losziehen, um Partner für die Idee zu gewinnen. Innerhalb weniger Monate reifte das Projekt, teilnehmende Gemeinden, aktive Partner und Sponsoren wurden gefunden, erste Pressemitteilungen verschickt. Wo auch immer das Projekt vorgezeigt wurde, fand es begeisterte Unterstützung.

Nachdem mit ucone von zapwerk die richtige Engine für die Umsetzung des Netzwerks-Servers gefunden war, begann die eigentliche Arbeit. Wir gingen zuerst davon aus, dass ein Reskinning ausreichen würde – also der Software eine neue Haut zu verpassen, entdeckten aber bald, dass ein umfassendes Redesign , sogar ein Reengineering von Nöten war.

In mehreren Phasen wurden existierende Grafikbausteine, Prozesse und Programmteile an die besonderen Erfordernisse von Salzwerk angepasst. Viele detaillierte Abstimmungen, etliche Extrarunden und lange Nächte später dann ein Ergebnis auf das alle stolz sein können.

Nachdem der wichtigste Meilenstein - das Intranet-Redesign hinter uns lag, begannen wir die Website umzusetzen. Auf Basis des von uns entwickelten Design-Prototypen wurden die vorliegenden Inhalte eingepflegt. Nach einem Crashcourse in Dreamweaver, kann Gunnar Wiegel jetzt die redaktionelle Betreuung der Site selbst übernehmen.

 

...........................................
Beratung Konzeption, Web Design und Usability
...........................................
Entwicklung von Signet und Erscheinungsbild
...........................................
Redesign einer Intranet-Engine (Screendesign)
...........................................
Gestaltung der Website
...........................................

Zentrales Element: Deutschlandkarte Zentrales Element in der Gestaltung der Website ist die Deutschlandkarte, mit der die überregionale Ausdehnung des Netzwerks deutlich wird.

   
 

....................................
Brand Identity
Corporate Design

 

Ihr seid das Salz der Erde

Ausgehend von einem Bibelzitat entstand der Name Salzwerk. Doch wie würde das Zeichen für ein überregionales, ökomenisches christliches Netzwerk aussehen? Ein mit lockerem Strich gezeichneter Salzstreuer sollte die Idee versinnbildlichen: Die Salzkörner werden bis in die letzten Gemeinden der Republik gestreut.

Die Farben des Erscheinungsbilds mussten einerseits zu einer dynamischen, jungen Zielgruppe passen, anderseits nicht durch christliches Brauchtum negativ belegt sein. Wir entschieden und für ein neutrales Grau, sowie ein leuchtendes Orange für die Akzente.

 



Salzstreuer Skizze

Erste Skizze für den Salzstreuer

   
 

....................................
Usability
Web Design









....................................
Rundgang durch die Funktionen des fertigen Salzwerk Intranet









....................................
ucone ist für das Intranet kleiner und mittlerer Unternehmen gedacht.

 

Häutungsprozesse beim Intranet

Im Entwurf konzentrierten wir uns auf eine neutrale, schlanke Optik mit eleganter Navigation. Anfangs gingen wir davon aus, dass ein einfaches Skinning – also ein Ersetzen der grafischen Elemente und Farben ausreichen würde um die Intranet-Engine ucone von zapwerk an die Erfordernisse von Salzwerk anzupassen.

Nach zahlreichen Meetings mit den beteiligten Experten wurde deutlich, dass eine optimierte Benutzerführung, inhaltliche Anpassungen, Neubenennungen, Beseitigung von Anglizismen nicht ohne starke Eingriffe in die Software möglich sein würden.

Wir begannen damit die gesamte Logik der Menüs und Strukturen neu zu ordnen. Die Details der Navigation, sowie die Umsetzung des Layouts mit Frames wurde nach zahlreichen Abstimmungsrunden als Design-Prototyp festgeschrieben.

Als nächstes wurden die interaktiven Abläufe in den Eingabemasken optimiert und als HTML-Templates kodiert. Auf dieser Basis konnte dann der Programmierer die Anpassung an die existierenden Masken vornehmen.

 



Layout-, Farb, und Schriftstudie

Eine erste Layout-, Farb- und Schriftstudie

komplettes Layout

Das komplette Layout mit Pulldown-Menüs

interaktiver Design-Prototyp

Der finale interaktive Design-Prototyp

   
 

....................................
Web Design
















....................................
Die aktuelle Website wird durch Salzwerk selbst gepflegt.

 

Das Portal zum Netzwerk

Die Website von Salzwerk hat die Aufgabe, das Intranet zu bewerben, neue Interessenten zu gewinnen und die breite Öffentlichkeit über das Projekt zu informieren. Dazu gehören, der Zugang zum Intranet, ein erklärender Rundgang, sowie Standards wie Über uns, News und Kontakt. Ein Newsletter rundet das Angebot ab.

Wir entschieden uns für ein ähnliches Layout wie beim Intranet, aber mit genug Differenzierungen um eine Verwechslung auszuschließen.
Im Kopf der Site ist, neben dem Zeichen, Raum für Werbung von Partnern und Sponsoren vorgesehen. In der rechten Marginalspalte stehen besondere Features, Bilder und Kommentare.

In den ersten Versionen wurde die Site mit Frames umgesetzt um flexibler mit den Elementen umgehen zu können. Am Ende entschieden wir uns für "glatte" Seiten um bessere Statistik- und Suchmaschinenergebnisse zu erhalten.

 



erste Version mit Frames

Die erste Version, noch mit Frames und Bannerdummy

finaler Prototyp

Der finale Prototyp der Website

     
 
 

In diesen Zusammenhang auch interessant: Usability

 

 Projektarchiv
zur Übersichtsseite