In den sieben Jahren seines Bestehens hat sich das Januar Designbüro vom klassischen Grafikstudio zu einer digitalen Branding-Agentur entwickelt. Entsprechend hoch sind die internen Ansprüche und externen Erwartungen, wenn eine so positionierte Agentur ihren eigenen Webauftritt neu bestellt. Das Release ist dieser Tage erfolgt. www.januar.ch imponiert mit visueller und technologischer Raffinesse auf der Höhe interanationaler Digital Design-Benchmarks.
Die Zürcher Designer, Fredy Espejo und Emanuel Gürth, haben ihre Designagentur von Beginn weg auf Digitalkurs gebracht, indem sie die technologische Umsetzungskompetenz für digitale Markenauftritte inhouse abdecken. Während klassische CI-Agenturen diesen Bereich, wenn überhaupt, mehrheitlich im Outsourcing gelöst haben. Im Zuge eines sanften Rebrandings ging es den beiden Partnern auch darum, das digitale Selbstverständnis der Agentur schärfer nach aussen zu tragen und den «Proof of Concept» mit dem eigenen Webauftritt zu erbringen. «Markenarbeit ist heute in erster Linie digital», sagt Emanuel Gürth. Es gehe darum, die Repräsentation des Unternehmens im digitalen Raum als wichtigsten Business-Treiber zu begreifen. Hübsches Design allein reiche schon lange nicht mehr.
Designer und Entwickler an einem Tisch
Die neue Januar-Site stellt die User Experience ins Zentrum. Mithilfe im Hintergrund abgesetzter XHR-Requests (auch bekannt als AJAX) etwa erlebt der Besucher im aufwändig produzierten Portfolio-Bereich aussergewöhnliche Seitenübergänge. Dezente Micro-Interactions, raffinierte Animationen und grossflächige Videos verleihen dem reduzierten Designkonzept Lebendigkeit und Charakter. Dennoch ist es die klar strukturierte Reduktion auf das Wesentliche und nicht formale Effekthascherei, die den Auftritt prägt. Web-Lösungen von dieser Komplexität entstünden nur im engen Austausch zwischen Designer und Entwickler schon in der Konzeptionsphase, sagt Fredy Espejo. «Unser Entwickler Vince Hehlen hat hier Grossartiges geleistet. Er hat es geschafft, dass alle unsere Ideen so leicht und flüssig über den Bildschirm laufen, als wäre es das Normalste der Welt.»
Code in viel Handarbeit
Technisch betrachtet, handelt es sich um eine Single Page Web Application gespiesen von WordPress. Die gesamte HTML Render Engine ist mittels JavaScript im Frontend implementiert. Alle Templates befinden sich in-memory und werden bei Bedarf blitzschnell und ohne zusätzliche Requests im Webbrowser gerendert. Der dedizierte Hochleistungsserver liefert lediglich die Daten in Form von minimal gehaltenen Transferobjekten im JSON-Format. Als Schnittstelle dient ein REST-Interface. Das Backend nutzt die volle Unterstützung der performance-optimierten PHP-Version 7.4. Maximal ausgereizt wurde auch das Potenzial der WordPress Advanced Custom Fields (AFC). Auf 3rd-Party Code und Einsatz von Libraries wurde weitgehend verzichtet, alles ist hand-coded.
Eigenentwicklung in der Datenkompression
Besondere Bedeutung kommt der verlustarmen Komprimierung schwerer Video-Dateien zu. Hier kommt eine FFMPEG-Library mit einem ausgeklügelten eigens entwickelten Parameterset zum Einsatz, die Bewegtbild in kleinsten Datenmengen in grösstmöglicher, artefaktunterdrückender Qualität liefert. Bei den Screencasts sorgt eine Framerate von 60 FPS für die flüssige Darstellung. Für die Komprimierung der Bilder hat Vince Hehlen sogar eigens ein macOS-Programm in SWIFT geschrieben, das sich je einer dafür optimierten Version des mozJPEG- und webP-Kompressors bedient.
Die neue Website: www.januar.ch
Credits
Emanuel Gürth, Fredy Espejo (Konzeption, Creative Direction, Brand- und UI-Design), Vince Hehlen (Webentwicklung), Markus Gabriel (Text), Christian Reichenbach (Fotografie Büro/Porträts), Sergio Herencias (Bewegtbild Büro)
