Richartz Biergroßhandel

Webdesign

Grafikdesign

Unternehmen

Der Matthias Richartz Biergroßhandel ist seit rund 90 Jahren in der Kölner Getränkebranche tätig. Ob Fassbier- oder Szene-Konzept: Sie sind der richtige Partner.

Meine Herausforderung

Ausgangslage: Ein verstaubtes Corporate Design. Ziel: Eine prickelnd frische Website. Eigentlich zwei Dinge, die sich nicht sonderlich gut vertragen. Doch was nicht passt, wird passend gemacht.

Eine neue, frische Website auf Basis eines Jahrzehnte alten Corporate Design zu gestalten, war eine große Herausforderung. Das neue Erscheinungsbild der Seite basiert nicht nur auf Texten und Bildern, sondern vor allem auf einer eigens entwickelten grafischen Sprache, die überwiegend mit mehrfarbigen Illustrationen arbeitet. Hierbei wurden stets die Corporate Farben verwendet. Die Überschriften der ersten Ebene wurden in Anlehnung an das bereits bestehende Logo entworfen und mit einer scrollbasierten Animation versehen. Das Design fügt sich sauber in die bereits bestehende Unternehmenskommunikation ein.

Eine neue, frische Website auf Basis eines Jahrzehnte alten Corporate Design zu gestalten, war eine große Herausforderung. Das neue Erscheinungsbild der Seite basiert nicht nur auf Texten und Bildern, sondern vor allem auf einer eigens entwickelten grafischen Sprache, die überwiegend mit mehrfarbigen Illustrationen arbeitet. Hierbei wurden stets die Corporate Farben verwendet. Die Überschriften der ersten Ebene wurden in Anlehnung an das bereits bestehende Logo entworfen und mit einer scrollbasierten Animation versehen. Das Design fügt sich sauber in die bereits bestehende Unternehmenskommunikation ein.

Auf der Landing Page wird der Besucher von einem sprudelnden Glas Kölsch begrüßt. Die hierzu eigens entwickelte Animation besteht aus unterschiedlich großen Blubberblasen, die in verschiedenen Geschwindigkeiten nach oben driften. Der subtile Effekt ist täuschend echt und macht Lust auf ein frisch gezapftes, kühles Bier.

Auf der Landing Page wird der Besucher von einem sprudelnden Glas Kölsch begrüßt. Die hierzu eigens entwickelte Animation besteht aus unterschiedlich großen Blubberblasen, die in verschiedenen Geschwindigkeiten nach oben driften. Der subtile Effekt ist täuschend echt und macht Lust auf ein frisch gezapftes, kühles Bier.

Eine animierte Karte veranschaulicht spielerisch das Liefergebiet des Unternehmens, das sich über das gesamte Ruhrgebiet erstreckt.

Ein Logo-Karussell unterstreicht die enge Verbundenheit des Unternehmens zu seinen seit Jahrzehnten bestehenden Partnern.

Eine animierte Karte veranschaulicht spielerisch das Liefergebiet des Unternehmens, das sich über das gesamte Ruhrgebiet erstreckt.

Die Historie als interaktive Zeitleiste bietet interessante Informationen über den Entstehungsprozess des seit fast einem Jahrhundert bestehenden Familienunternehmens. Eine anschauliche Illustration grenzt den Hauptinhalt vom Footer ab. Hier finden sich alle wichtigen Kontaktinformationen sowie Quicklinks zu den einzelnen Seiten des Internetauftritts.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

responsives design

Eine flexible Layoutgestaltung gewährleistet permanente Benutzerfreundlichkeit, ganz gleich ob auf dem Desktop, Tablet oder Smartphone.

RETINA READY

Optimiert für Displays mit hoher Pixeldichte, wirken Inhalte so gestochen scharf, dass sie den Anschein machen, als wären sie gedruckt.

Schnelle Ladezeiten

Blitzschnelle Ladezeiten ermöglichen eine einwandfreie Performance über die weltweit besten Content Delivery Networks: Amazon Cloudfront und Fastly.

SEO optimiert

Eine technische Anpassung des Grundgerüstes der Website dient als Basis für eine erfolgreiche Kampagne zur Suchmaschinen-Optimierung bei Google & Co.

Integriertes CMS

Ein eingebettetes, leicht bedienbares System ermöglicht eine Inhaltsverwaltung durch den Kunden. So lebt die Website auch nach ihrer Liveschaltung weiter.

INTEGRATED ECOMMERCE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

ANIMATIONs-Konzept

Individuelle Animationen, die aktuellen technischen Standards und Trends folgen, steigern das Nutzererlebnis. Die Seite wirkt lebendig.

Corporate Farben

Ein einheitliches, umfassendes Auftreten dank wiederkehrender Farben führt zur Steigerung von Wiedererkennungswert und Bekanntheit.

Eigenes ICON SET

Komprimierte, schnell verständliche Informationen, gepackt auf wenig Raum, unterstützen die Lesbarkeit und geben der Website einen individuellen Look.

BROWSER Kompatibilität

Eine fehlerfreie Darstellung der Website in allen gängigen Browser- und Betriebssystem-Kombinationen garantiert Benutzerfreundlichkeit.

Supernova Orange, #FDB813

Zitadellen Grau, #2F2E31

Astronauten Blau, #003864

Überschrift:

Angie Sans // Jean François Porchez

Fließtext:

Roboto Slab // Christian Robertson

Datum:

07/2016

Kunde:

Richartz Biergroßhandel

Services:

Webdesign

,

Grafikdesign

,