Raffinerie.com Relaunch

April 7th, 2009

Für die Raffinerie durften wir dieser Tage einen Relaunch ihrer Online Präsenz durchführen.

Der Fokus lag auf einer Auffrischung des visuellen Stils. Die Herausforderung bestand darin das, für Webverhältnisse ungewöhnliche, Layout umzusetzen. Die Raffinerie investierte viel Zeit und Geduld um ihre Werke neu abzulichten. Ebenso haben sie das neue Layout & Design eingebracht. Duda im Gegenzug stellte sicher, dass alle Wünsche Browser- & Betriebssystemübergreifend funktionieren.

Herausstechend sind sicher das Spaltenlayout, zu finden bei News & Team oder die Portfoliobetrachtung unter Clients.

News

News

Clients

Clients

Als CMS haben wir so oft Redaxo eingesetzt, welches nun der Raffinerie ermöglicht den Inhalt der Seite selbst zu editieren. Um einige der ungewöhnlichen Features umzusetzen, nahmen wir jQuery zu Hilfe, mein favourisiertes JavaScript Framework.

Design: raffinerie.com
Durchführung: dudagroup.com
CMS: Redaxo
JavaScript Framework:  jQuery

Bei Bylandlaw.com wurde versucht, allen Design- und Browser-Kompatibilitätsproblemen Rechnung zu tragen. Die Webseite sollte sowohl als Flex wie auch als Html Version umgesetzt werden und aus dem selben CMS Export mit Inhalt gefüttert zu werden um sämtlichen Browsern, verschiedenen Monitor Auflösungen wie auch der Mobile Devices Problematik Rechnung zu tragen. Also wurde eine grössen flexible Flex Version und eine HTML Website mit Hilfe von Redaxo als zentrales Content-Managment-System umgesetzt.

Anbei das Ergebnis :

bylandlaw

www.bylandlaw.com

Die Flex Version -> (Flash Plugin 9 und höher)

  • Skalierbar – Browser grösser und kleiner machen um die skalierbarkeit zu Testen
  • Wurde verwendet um die Übergangs & Loader Animationen hübsch umzusetzen und Typografisch mit den Custom Fonts genau dem CI zu entsprechen da dies dem Kunden extrem wichtig war.
  • Inhalt ist von Google per Sitemap durchsuchbar & verlinkbar
  • Funktioniert mit Hilfe von Direktlinks, damit man direkt eine Unterseite Aufrufen kann und beim URL kopieren von der Adressbar auf den direkten Link verwesen / verschicken kann.
  • Ist unkompliziert erweiterbar um neue Tools einzubauen und auch grössere Skin & Design Änderungen zu vollziehen
  • Klick ins Schwarze = Fullscreen
  • Inhalt der jeweiligen Seite wird in eine saubere Printvorlage beim Drucken der Website gesetzt mit verschiedenen Briefköpfen in 300dpi bei Deutsch / English

HTML Version ->

  • Standart Conform nach W3C
  • Maximale Kompatibilität auf allen Webbrowsern
  • Google friendly SEO
  • Aus dem selben Inhalt geschnitzt wie die Flex Seite
  • Auf dem Mobile Device bzw. Browser wird direkt als Startseite die Kontaktadresse angezeigt und bewusst zugesichert das man hier falls man mit einem Mobile Internet Explorer unterwegs ist die Flex Version wirklich nicht zu Gesicht bekommt zb. bei Herrn Bylands Nokia :-)

Produziert von ->