Die Ausgangslage
Vom Anwender zum Partner
Wie kommt eine Agentur mit Schwerpunkten in Marketing und TYPO3 dazu, an einem Open-Source-Projekt im Bereich Groupware mitzuarbeiten? Ganz einfach: Wir waren selbst Anwender. Rund sieben Jahre steuerten wir bei pixelegg alle Abläufe und Projekte mit EGroupware, bis wir 2012 von der Community-Variante auf die EPL-Version wechselten – die kostenlose Version genügte unseren Ansprüchen nicht mehr.
Im Frühjahr 2012 kamen wir mit Andre Keller in Kontakt, dem CEO der Firma Stylite, den Entwicklern der EGroupware. Da wir fast Nachbarn sind – von Lorsch nach Viernheim sind es etwa zehn Kilometer – trafen wir uns zu einem Arbeitsmeeting. Das war der Anfang. Allen Beteiligten war klar: Die Software war ein Rohdiamant, der in puncto Klarheit in der Kommunikation mit den Nutzern noch geschliffen werden musste.

Der neue Markenauftritt der EGroupware
Die Umsetzung
Erst die Marke, dann die Oberfläche
Code Management Prozess
Am Anfang stand die Analyse: IST- und SOLL-Zustand von Firma, Produkt und Mitbewerbern, betrachtet über emotionale und unterbewusste Codes. In einem Workshop wurde der Emotionsbereich bestimmt – Schwerpunkt Sicherheit, mit Ausschlägen Richtung Stimulanz.
Neues Logo und CI
Auf Basis des markt.machen.SYSTEMs entstand ein komplett neuer Farbcode, eine neue Bilderwelt und ein unverwechselbares Logo. Der Leitfaden legte visuelle, auditive und weitere Sinnes-Codes fest, um die Marke im passenden emotionalen Bereich zu positionieren.
Benutzeroberfläche neu gedacht
Mit der Erfahrung aus der Software-Entwicklung seit 1998 planten wir eine neue Oberfläche, die Funktionalität mit hochwertigem Design verbindet. Auf bunte Farben wurde bewusst verzichtet, damit nichts von den wichtigen Informationen ablenkt – Seriosität und Balance prägen das Erscheinungsbild. Mit dem Release 2014 wurden die ersten Schritte sichtbar.
Wallpaper parrallax
Logo-Entwicklung
Details
Ein Ampelsystem für die Buttons
Ein Kernstück der neuen Nutzerführung: das Ampelsystem. Positive Aktionen sind grün, negative wie Löschen rot, Abbrechen gelb. So ist nicht nur über den Text, sondern auch über die Farbe sofort erkennbar, welche Funktion ausgelöst wird. Die abgerundeten Ecken zahlen auf die Stimulanz ein – sie erzeugen ein eigenständiges Look-and-feel, das unterbewusst Signale in Richtung Freude sendet.
Technisch bauten wir ein LESS-Framework auf, das bei der Entwicklung viel Arbeit abnimmt. Grafiken und Icons wurden komplett neu gestaltet und teils als SVG, teils als PNG umgesetzt.
EGroupware entwickelte sich weiter – und wir haben dieses „echt dicke Schweizer Taschenmesser“ auch danach gern genutzt, um uns und unseren Kunden das Leben zu erleichtern.
Mehr Referenzen
AddressDoctor GmbH
Markenaufbau und internationale TYPO3-Infrastruktur für einen Software-Anbieter.
Zum Projekt →Ein Projekt wie dieses geplant?
30 Minuten Projekt-Check: Sie schildern Ihr Vorhaben, wir sagen ehrlich, was zu tun ist.

