Zypresse Redesign

Im Jahr 2011 war es so weit, nach vielen Gesprächen, internen Beratungen und vielen Ideen machten wir uns an die Arbeit. Am Anfang stand ganz klassisch die Arbeit mit Screens, um die neuen Features besser begreiflich machen zu können. Das Rad sollte nicht neu erfunden werden: Der Wunsch der Zypresse war es, Look & Feel zu erhalten, die Site aber einer deutlichen Modernisierung zu unterziehen. Dies betraf nicht nur das Design, sondern viele Bereiche des User Interfaces.

Ein zentraler Aspekt des Redesigns betraf die Anzeige von Kleinanzeigen und der anderen Inhalte wie Veranstaltungen und Mittagstisch: sie sollten konsistenter dargestellt und enger miteinander verwoben werden. Wir verwenden auf diesen Seiten das gleiche grundsätzliche Muster: eine möglichst angenehm lesbare Liste von Inhalten, wobei Details zu einzelnen Inhalten, wie etwa Bilder oder eine Standortkarte, in einem “Popover” eingeblendet werden können.

Die entsprechenden Icons zum Öffnen des Popovers werden erst sichtbar, wenn der Benutzer mit der Maus über das Element fährt. Dank des Popovers verlässt der Kunde nicht die Liste, und damit auch nicht seinen Kontext beim Durchstöbern der Inhalte. Relevante Inhalte aus den anderen Bereichen der Website werden in der rechten Spalte angeteasert, wobei sich die Relevanz aus der örtlichen und zeitlichen Nähe des Angebots ergibt.

Ein weiteres wichtiges Feature war eine deutlich verbesserte Suche: Eine vollwertige Suchfunktion mit Wortstammerkennung, Synonymen, Facettierung und Standortsuche entspricht den heutigen Anforderungen an eine moderne und benutzerfreundliche Website. Das Ziel war es, den vorhandenen Inhalt vollständig durch die Suche zur Verfügung stellen zu können. Hierzu entschieden wir uns für die Suchmaschine Apache Solr. 

Heute kann man nicht nur den Text von Kleinanzeigen durchsuchen, sondern auch nach Standort und Rubrik filtern. Noch umfangreicher ist die Funktion in den Bereichen Mittagstisch, Veranstaltungskalender und Kinoprogramm, denn hier ist zusätzlich die Suche nach Datum und nach Preisspannen möglich.

Ein weiterer Bereich, der umfassend überarbeitet wurde, ist die Kleinanzeigenaufgabe: Insgesamt haben wir das Interface im Vergleich zur früheren Umsetzung wesentlich übersichtlicher und benutzerfreundlicher strukturiert. Die Vorschau für die Print- und  Onlineausgabe ermöglicht es nun während des ganzen Prozesses, eine Livevorschau des Endergebnisses zu sehen, die sich mit jeder Eingabe oder neuen Option, die der Kunde auswählt, anpasst. Zudem hat der Kunde die ganze Zeit über die genauen Kosten der Kleinanzeige im Blick. Darüberhinaus wurde die Funktionalität erweitert, so können jetzt zum Beispiel mehrere Bilder zu einer Kleinanzeige hochgeladen werden.

Zuvor basierte die Livevorschau auf Adobe Flash, um das Printergebnis möglichst originalgetreu darzustellen. Durch die Möglichkeiten von modernem HTML, CSS und Javascript, insbesondere auch in Bezug auf Typografie, konnte hier ganz auf Flash verzichtet werden. Damit funktioniert die Vorschau nicht nur auf Systemen ohne Flash (wie etwa iPhone und iPad), sondern ist auch im Hinblick der Barrierefreiheit besser zugänglich.

Um die Reichweite der Zypresse noch zu erhöhen, wurde ein Bereich für Immobilien- und Kfz-Händler neu eingeführt. Für diese Händler wurde eine spezielle Schnittstelle geschaffen, damit Angebote einfach aus den bekannten Branchenprogrammen in die Zypresse gelangen können. Diese Angebote werden in den Kleinanzeigenbereich integriert, wodurch ihre Sichtbarkeit maximiert wird.