BlueBox 2.0
Meine Webseite in neuem Gewand
Nun ist es endlich soweit! Im geheimen Kämmerlein arbeitete ich seit Jahresbeginn nach Feierabend und in meiner Freizeit an der neuen BlueBox Design Webseite. Meine Ansprüche sind wie gewohnt sehr hoch und somit zog sich das Projekt etwas in die Länge. Um das bestmögliche Resultat zu erzielen war es notwendig, dass ich „from scratch“ alles neu konzipierte und meine gesamten Erfahrungen einfliessen liess.
Design
Im Stil von Flat Design 2.0 mit neuem Schriftbild und viel White Space ist es mir gelungen, eine zeitlose und moderne responsive Webseite zu gestalten, die mein Unternehmen & meinen Geschmack optimal repräsentiert, aber auch den Charakter der alten Webseite beibehält. Viele interaktive Elemente und visuelle Effekte sorgen für ein einzigartiges Weberlebnis mit viel Unterhaltungswert. Auch wenn die mobile Version aufgrund der Ladezeitoptimierungen bewusst auf einige dieser Effekte verzichten muss, wirkt diese dank gezielten Anpassungen der Breakpoints und Abstände genauso übersichtlich und ausgeglichen. Ganz nach dem Trend „Mobile First“ habe ich von Anfang an ein besonderes Augenmerk auf die Benutzerfreundlichkeit mit mobilen Endgeräten gelegt. Um meinem Claim „Mit der Liebe zum Detail“ gerecht zu werden, finden sich überall wieder passende BlueBox-Elemente, welche ich individuell programmiert habe. Ebenfalls sorgt der statische Rahmen um die gesamte Webseite für ein „ich-schau-in-die-BlueBox-Effekt“.
Neue Funktionen
Nebst der neuen Aufmachung verfügt die Webseite selbstverständlich ebenfalls über einige neue Funktionen, welche die Benutzerfreundlichkeit stark erhöhen. Ich habe diesbezüglich das Rad zwar nicht neu erfunden, gegenüber der vorherigen Webseite jedoch bewährte Funktionen nachgerüstet. Das Portfolio ist nun bestückt mit Arbeiten aller Art. Zusammenhängende Teilaufgaben sind in einem Projekt übersichtlich zusammengefasst. Für einen besseren Überblick lässt sich das Portfolio nun nach Dienstleistung sortieren. Grössere Datenmengen sind für eine bessere Übersichtlichkeit in Tabs zusammengefasst, so dass nur die gewünschte Information sichtbar wird. Der Spamfilter „Google Captcha v3“ agiert bei den Kontaktformularen nun im Verborgenen. Das „ich bin kein Roboter“ gehört der Vergangenheit an.
Blog als Mehrwert
Mein grösstes Ziel im Bezug zur neuen Webseite war Kunden und allen anderen Besuchern einen Mehrwert zu bieten. Somit habe ich nun diesen Blog hier ins Leben gerufen, um einerseits meinen Kunden eine Plattform mit relevanten Systemereignissen zu bieten und allgemein Insider Tipps & Tricks für die Arbeit mit WordPress zu teilen. Neben einer selbstverständlichen Kommentarfunktion ist ein cooles Bewertungssystem aktiv, mit welchem Sie die Beiträge in der Übersicht liken können.
Intro Animation
Bevor ich mit dem Redesign dieser Webseite begonnen habe, startete ich unabhängig davon das CGI Projekt mit der imaginären Webdesign-Manufaktur in meinem Logo. Diese Idee schlummerte bereits länger in mir, jedoch war mir auch bewusst, wie aufwendig eine solches Projekt werden würde. Dies neben meiner Arbeit auf die Reihe zu kriegen war alles andere als einfach. Jedoch hat mir das Projekt so viel Spass bereitet, dass ich es in meiner Freizeit immer weiter vorangetrieben habe. Eigentlich hatte ich nie vor alles zu animieren, bin aber schlussendlich froh, dass ich es getan habe. Um Ihnen aufzuzeigen, wie aufwendig ein solches Projekt ist, hier einige Zahlen:
Animationslänge: 13 Sekunden
Arbeitsaufwand Total: ca. 200 Stunden
Anzahl zu berechnende Bilder für die Animation: 775 (60/Sekunde)
Durchschnittliche Berechnungszeit pro Bild: 5,1 Minuten
Berechnungszeit insgesamt: ca. 66 Stunden (High End PC)
Trotz allem hat sich der Aufwand hoffentlich gelohnt und ich konnte Sie beim Aufrufen meiner Webseite begeistern. Es gibt unzählige Details zu entdecken und es macht einfach Freude, etwas so fiktives Realität werden zu lassen. Ich bin gespannt auf Ihr Feedback.
Ich persönlich bin sehr zufrieden mit der neuen Webseite, jedoch gibt es immer Luft nach oben. Entscheidend wird für mich aber vor allem Ihr Feedback sein. Ich wäre Ihnen sehr dankbar, wenn Sie mir Ihre persönliche Meinung sowie Anregungen und konstruktive Kritiken hier oder per Mail hinterlassen würden. So kann ich Fehler korrigieren und die Benutzerfreundlichkeit für Sie noch weiter verbessern.