Deutsch »
Über 2 Jahre ist der letzte umfangreiche Relaunch von billomat.com her. Zeit also für einen erneuten Tapetenwechsel. Was wir uns dabei gedacht haben, wie das Design entwickelt wurde und welche Veränderungen umgesetzt wurden möchten wir euch gerne mitteilen.
Im Einrichtungshaus
Am Anfang stand folgendes Ziel: Frischer, übersichtlicher, aktueller, einfacher, klarer, schneller sollte unsere Website werden.
Zuerst galt es natürlich, ein entsprechendes Design zu finden. Dafür wurden mehrere unterschiedliche Screendesigns erstellt, welche iterativ verbessert und ausgearbeitet wurden. Hier eine kleine Auswahl von Designs, die es nicht geschafft haben:
Eine der ersten Versionen orientierte sich beim Header noch sehr an der alten Website: Grüner Hintergrund, Logo abgesetzt auf weißem Hintergrund mit Blättereffekt. Es ist auch schon der Platzhalter für das Billomat-Video zu erkennen.
Eine spätere Version experimentierte weiter mit dem Header, der das Problem lösen musste, ein grünes Logo auf einem grünen Hintergrund zu platzieren. Aber wirklich optimal fanden wir das auch nicht. Dafür wird das Aussehen von Headline und Teaser schon ein wenig konkreter.
Schlussendlich ist aus diesen und weiteren Entwürfen nach vielem Ausprobieren, Testen und Diskutieren das finale Design entstanden, welches ihr hier aktuell bewundern könnt.
Die Ausstattung
Hier die wichtigsten funktionellen Änderungen:
- Startseite: Durch das Video gibt es einen schnellen Überblick über die Funktionsweise von Billomat, die Vorteile und der USP werden klar herausgestellt.
- Tour: Frische Screenshots und extra Seiten zum kompletten Funktionsumfang und der Sicherheit bei Billomat machen Lust auf mehr.
- Add-Ons: Immer mehr Tools und Dienste verstehen sich mit Billomat. Damit man den Überblick behält und das gewünschte Add-On problemlos findet, gibt es einen dynamischen Schlagwortfilter. Einfach mal ausprobieren!
- FAQ: Anstatt wie bisher die Fragen und Antworten auf mehrere Unterseiten aufzuteilen, werden sie übersichtlich nach Kategorien sortiert zusammen präsentiert.
- Blog: Überarbeitete Kategorien, bessere Strukturierung, allgemeiner Frühjahrsputz. Dazu in Zukunft mehr und schnellerer Content. Wir freuen uns auf Diskussionen in den Kommentaren!
Der Motor
Wir haben gemerkt: Bloggen mit TYPO3 macht nicht wirklich Spaß. Deshalb wurde nun komplett auf WordPress als Antriebsmaschine gesetzt. Mittlerweile ist die populäre Blog-Software auch sehr gut als CMS einsetzbar. Und die Vielzahl an verfügbaren Plugins lässt eigentlich keine Wünsche offen.
Im Frontend haben wir konsequent auf neue Technologien wie HTML5, CSS3 oder Webfonts via Typekit gesetzt.
Der Ingenieur
Möglich gemacht hat das Ganze der in Webworker-Kreisen nicht ganz unbekannte Gerrit van Aaken. Screendesign, Template-Entwicklung, WordPress-Integration und was sonst noch alles anfiel hat er übernommen.
Warum wir uns für Gerrit entschieden haben? Erstens: Er steht auf grün ;-). Zweitens: Er ist bereits seit langem selbst Billomat-Kunde, kennt das System und unsere Zielgruppe. Drittens: Er versteht sein Handwerk.
Danke für die gute Unterstützung und Zusammenarbeit!
Die Bauabnahme
Wie gefällt euch die neue Seite? Was würdet ihr anders machen? An welcher Stelle hakt es noch?
Lasst es uns in den Kommentaren wissen!
Hallo Jungs!
Ich finde’s total cool, dass eure Wahl auf Gerrit van Aaken fiel. Ich kenne Gerrit als gelegentlichen Gast bei Bitsundso und schätze ihn als Tutor der Undoversity. Mit Gerrit habt ihr einen echten WP-Profi am Start.
Ich finde eure Seite hat sich in punkto Übersichtlichkeit wirklich verbessert.
Glückwunsch.
Ich freue mich schon auf das nächste UF.
Sieht schön aus — aber wo bitte ist das direkte Login-Feld für bestehende Kunden? ;))
@marc: Du kannst einfach auf [billomatID].billomat.net gehen. Ersetze dabei [billomatID] durch deine billomatID. Wenn du diese Seite dann unter deinen Lesezeichen/Favoriten speicherst, bist du immer direkt in deinem persönlichen Billomat-Portal.
Aber du hast Recht: Wir sollten auch bei der neuen Seite eine Login-Möglichkeit anbieten. Da arbeiten wir gerade dran.
Salü zäme,
das Grün wurde nach meinem Empfinden nun noch etwas “giftiger“
Kann sowohl positive wie auch eher negative Auswirkungen haben, ich fühl mich bei natürlicheren Farben etwas wohler :-)
Aber sonst bleibt auch mir nur ein Fazit:
Hold on the good work and stay tuned, great!!
nette Grüsse
René
@marc: Der Login ist nun auch vorhanden. Evtl. noch den Browser-Cache kurz geleert, dann findet sich ganz oben links im Header der entsprechende Link.
@RePao: Danke für das Lob! Das Grün sollte eigentlich das gleiche geblieben sein. Vielleicht wirkt es nur etwas greller, da wir die Seite generell etwas heller, luftiger, offener und “großzügiger” gestaltet haben.
Würde das Login noch etwas “smoother” gestalten — also etwa “ausfahren” statt ruckhaftem Aufgehens ;)
cu, w0lf.
Hallo Liebes Billomat-Team,
Das neue Design ist sehr schön entwickelt! Von Screendesign bis zur Umsetzung gefällt mir wirklich alles sehr!
Ihr wart etwas schneller als ich, bin bald mit billomat[BOX] 2.0 fertig. Habe einige neue Funktionen :-) Habe noch einige andere Sachen zu erledigen.
Genialer Relaunch! *thumbs up*
Grüße, Ahmet
Vielen Dank für das Lob!
Sind auch schon mächtig gespannt auf die neue Version der billomat[BOX]!