WAERK
Projekt – Überblick
WAERK ist eine angesehene Hamburger Boutique-Kanzlei mit Schwerpunkt auf Arbeitsrecht. Sie versteht Arbeitsrecht als Teil eines erfolgreichen Workforcemanagements, das für alle Parteien auf Langfristigkeit, Entwicklung und wertschätzendes Zusammenwirken ausgerichtet ist.
Der Fokus beim Relaunch der Website lag diesmal darauf, das eigene Team wieder vollständig und mit einer persönlichen Note im Rahmen eines modernen, hochwertigen Webauftritts zu präsentieren und damit zugleich der Entwicklung der Kanzlei Rechnung zu tragen.
Webdesign-Ansatz
Das individuelle Webdesign zeichnet sich durch eine gewisse „nüchterne Emotionalität“ aus, bei der gezielt der Kontrast zwischen emotionalen und rationalen Designelementen harmonisch kombiniert wird.
So holen die Personenfotos und die Hamburger Motive die Besucher auf einer professionellen, aber zugleich persönlichen und gerade Hamburgern vertrauten Ebene ab. Fließende Animationen und Page Transitions verstärken diese Emotionalität auf eine so dezente, natürliche Weise, dass die Hochwertigkeit des Auftritts zugleich die Qualität und Professionalität der Rechtsanwälte unterstreicht.
Demgegenüber steht die reduzierte Farbwelt mit Schwarz-Weiß-Fotografien und einem dunkelblauen Theme, das zusammen mit der klaren Schrift und dem Logo das Corporate Design von WAERK aufgreift. Klare Kanten und Linien, einheitliche Abstände und eindeutige Zusammenhänge trotz Zweiteilung unterstreichen die rational-logische, kühlere Seite des Designs. Sie steht stellvertretend für die sachliche, praxisnahe Arbeitsweise von WAERK.
Ein Highlight ist die Startsequenz, die beide Pole zusammenbringt: Nacheinander werden die einzelnen Schwarz-Weiß-Fotos als Texturen sowie das Logo so animiert, dass sie teilweise übereinanderliegen. Dadurch steht Hamburg visuell hinter WAERK und WAERK ist zugleich mittendrin.
Beim Scrollen werden die Fotografien zeitlich versetzt in unterschiedliche Himmelsrichtungen ausanimiert, bis das Logo am Schluss allein in aller Klarheit zu sehen ist und zur visuellen Überschrift für die nachfolgende Text-Bild-Galerie wird. So gehen beide Sequenzen fließend ineinander über und führen die Besucher von der visuellen Inszenierung schlüssig in die inhaltliche Vertiefung.
Webentwicklung – Highlights
Die punkt- und pixelgenauen Animationen der Texturen im Rahmen der Start- und Scrollanimationen wären ohne eine hochwertige Webentwicklung nicht denkbar. Sie sorgt nicht nur dafür, dass die Animation zur gewünschten Zeit startet, jeder Animationsschritt exakt auf den nächsten abgestimmt ist und displayübergreifend die gewünschte Position trifft, sondern auch für eine starke Performance von 95–100 % auf mobilen Geräten und Desktops.
Während die technische Verknüpfung der zueinander passenden englischen und deutschen Seiten das Benutzererlebnis abrundet, sorgen Aufbau und Struktur des Codes für eine effiziente Datenpflege – ganz ohne CMS – sowie für maximale Kontrolle und Flexibilität im Design.
Interesse an einem
Projekt?
Schreiben Sie uns an
kontakt@exovia.de→Wir sind exovia– eine moderne Webdesign Agentur aus Hamburg Eimsbüttel, spezialisiert auf high-tech Webdesign & Webentwicklung, Branding und Online Sichtbarkeit.