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

Clients

Wir hatten Hunger und pilgerten über Mittag in den Mc Donalds am Stauffacher in Zürich. Als es dann den ersten schlecht wurde (was ja meistens nach dem verzehr von Hamburgern auftritt) versuchten wir uns abzulenken (um dem würgen entgegenzutreten) und interessierten uns intensiver mit der Internet Kiosk Station.

Als uns dann nach 8 min unser letzter Franken ausging versuchten wir verzweifelt einen Workaround zu finden und siehe da, es ging ja noch einfacher als wir dachten.

1. Folgende Zeile in die Browser Adressbar eingeben :
   

   about:<a href=”http://www.google.ch/”>test</a>

2. Dann im Titel des Browserfensters (Internet Explorer) auf den Link “test” klicken und Gratis absurfen

SiteKiosk Hack

En guete !

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 :

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 ->

• Design & Typografie Dashing Bash
• Programmierung DU DA GmbH