deeluxe information & design

Boardwalk Berlin

Projektbeschreibung

Boardwalk Berlin ist eine junge Firma aus Berlin, die sich auf den Vertrieb von Marken im Freizeitbereich und Trendbereich spezialisiert hat. Hierbei setzt Boardwalk auf kleine, unbekannte Marken statt der Big Player und führt Marken wie z.B. Ergo Clothing oder Celsius Snowboardboots.

Die Seite verschafft interessierten Händlern einen Überblick über die Produktpalette, bietet aber auch ambitionierten Fahrern die Möglichkeit, sich über die Teams, die Boardwalk Berlin unterstützt, zu informieren.

Ein Blog hält die Leser auf dem Laufenden über Events und mehr. Dieses haben wir als erstes publiziert um den direkten Dialog zur Szene zu ermöglichen.

Für die Website haben wir das 1140er Grid verwendet dass der Seite eine Anpassung auf verschiedene Geräte ermöglicht (responsive Design). Die Seite ist mit html5 strukturiert.

Die Templates hat Beate Paland in Wordpress eingebaut und umfangreiche Änderungen an der Logik vorgenommen, so dass es möglich wurde, die Marken mit den Teamfahrern seitenübergreifend und ohne Programmierkenntnisse zu verknüpfen.

Meine Aufgaben

Konzeption, Design, html und css

Eingesetzte Software

Mindnode, Illustrator, Photoshop, Fireworks, Textmate

Website-Adresse

http://www.boardwalk-berlin.com

Boardwalk Shop

Projektbeschreibung

Boardwalk Berlin, deren Seite ich erstellt habe, betreibt einen Online-Shop, mit dem Artikel aus aktuellen Kollektionen bestellt werden können.

Beate Paland hat das bei Boardwalk Berlin eingesetzte Warenwirtschaftssystem welches für die on- und offline Verwaltung der Warenbestände zuständig ist mit einer aktuellen Ausgabe eines Oxid Shops verknüpft und hier streckenweise Pionierarbeit geleistet.

Die Seite habe ich dem Look und Feel der Hauptseite angepasst um die Verbundenheit zueinander zu unterstreichen.

Der Shop unterscheidet sich von anderen Online-Shops in einigen Punkten.
Auf der Startseite werden keine einzelnen Artikel geteast. Bevor die einzelnen Artikel angezeigt werden, erhält die Marke genügend Raum, sich textuell und per Video vorzustellen. Auf diese Weise wird der Markencharakter betont.

Meine Aufgaben

Konzeption, Design

Eingesetzte Software

Photoshop, Fireworks, Textmate

Website-Adresse

http://www.boardwalk-shop.com/

Radiology4you

Projektbeschreibung

Radiology4you bietet Leistungen rund um die Radiologie an. Ein besonderer Schwerpunkt liegt auf den hochwertigen Dienstleistungen und die kurzfristige Terminvergabe.

Die Seite ist für internationales Publikum ausgerichtet und wird in den Sprachen deutsch, englisch und russisch angeboten.

Als Stilmittel für Geschwindigkeit und die unkomplizierte Terminvergabe habe ich die Website als Einseiter angelegt, das heißt, die Navigation springt bzw. gleitet an die entsprechenden Inhalte ohne lästiges Nachladen.

Für die Animation und weitere Verhalten haben wir das jQuery-Framework verwendet.

Das Erstellen der Templates und Einbinden ins Content Management System ist von Beate Paland verwirklicht worden, das Javascript-Verhalten und die verwendeten Widgets hat Michael Hilgenhöner umgesetzt.

Als CMS haben wir Textpattern verwendet.

Meine Aufgaben

Konzeption, Design, Logodesign

Eingesetzte Software

Mindnode, Illustrator, Photoshop, Fireworks

Website-Adresse

http://www.radiology4you.de

Bildmitte Film- und Theaterbau

Projektbeschreibung

Die Firma Bildmitte stellt seit 1994 Film- und Theaterbauten sowie kleinere und mittlere Möbel her.
Sie benötigte ein Onlineportfolio zur schnellen Übersicht über Referenzen und aktuelle Projekte.

Da die Inhalte vor allem aus Fotomaterial bestehen, habe ich mich mit dem Firmeninhaber für eine Website, die aus einer Seite, dem “one-page-layout” besteht, entschieden. Sie blendet die einzelnen Bereiche im Akkordeon-Stil nach Bedarf ein oder aus ohne Inhalte nachladen zu müssen. Die Animation wird per jQuery realisiert. Dennoch ist die Website auch ohne jQuery navigierbar.

Für die Seite habe ich html5-Auszeichnungen verwendet um sie semantisch besser zu strukturieren. Eine Besonderheit ist die Skalierbarkeit der Fenstergröße. Die Website sieht auf kleinen und großen, einzelnen Monitoren stets “richtig” aus.

Für die Gestaltung der Site haben wir Materialien/Farben aufgegriffen, mit denen hauptsächlich in diesem Metier gearbeitet wird: Holz in unbeschichteten und beschichteten Varianten, schwarzer Moltonstoff. Der Filmstreifen ist ein weiteres, gestalterisches Element. Ein Klick auf die Bilder führt als Abkürzung zum entsprechenden Projekt.

Das eingesetzte CMS ist hier Textpattern

Meine Aufgaben

Konzeption, Logodesign, Gestaltung und Umsetzung

Eingesetzte Software

Illustrator, Photoshop, Fireworks, html5, css(3), jquery

Website-Adresse

http://www.bildmitte.com

Radiologische Diagnostik & Nuklearmedizin

Projektbeschreibung

Seit 2006 betreue ich die Website der Radiologischen Diagnostik & Nuklearmedizin, Überörtliche Gemeinschaftspraxis Minden/Bad Oeynhausen.

Im Jahr 2010 haben wir den Internetauftritt in Zusammenarbeit mit Cross Media Communication und Beate Paland relauncht.

Ziel war, das Flair der neu gestalteten Praxisräume auf die Website zu übertragen.
Vor einem Praxisbesuch können Dokumente wie z.B. Einverständniserklärungen heruntergeladen werden. Die Praxis pflegt einen sehr aktiven Newsbereich um Patienten und Kollegen tagesaktuell zu informieren.
Insgesamt wird Kommunikation und die persönliche Ansprache groß geschrieben – aufgrund dessen haben wir die Kommunikationsmöglichkeiten in jedem Dokument besonders hervorgestrichen – seien es Terminwünsche per Online-Formular oder den im Herbst startenden Newsletter für Patienten und Kollegen.
Daneben hat die Gemeinschaftspraxis den Netzwerk-Gedanken verinnerlicht und verlinkt großzügig auf Kooperationspartner und/oder streicht interessante Links heraus.

Die Website verfügt über eine Slideshow in Flash, deren Bilder schnell getauscht werden können. Selbstverständlich wird eine statische Version für Endgeräte oder Nutzer ohne Flash bereit gehalten.

Meine Aufgaben

Konzeption, Gestaltung, Flash

Eingesetzte Software

Photoshop, Flash

Website-Adresse

http://www.radiologieteam-minden.de

Take Off - Berlin Fehrbellin

Projektbeschreibung

Die Betreiber von Take Off wünschten sich für ihre funktionstüchtige, aber ein wenig betagte Website ein frisches, angemessenes Äußeres dass den szenigen Charakter ihrer Sportart widerspiegeln sollte. Die vormals statisch gepflegten Seiten sollten einer CMS-Lösung weichen, um aktuellen Neuigkeiten, Angeboten, aber auch einem umfangreichen Mitgliederbereich mehr Flexibilität zu bieten.

Die zahlreichen Navigationspunkte haben wir in kontextuelle Bereiche gegliedert, so dass verschiedene Nutzergruppen ihren Bereich schnell erfassen können. Auf diese Weise erreicht man die Kernkompetenzen von Take Off, nämlich den Tandemsprung, Aus- und Weiterbildung sowie den Bereich für die Sportspringer bequem über die hervorgehobene Hauptnavigation. Die farbliche Markierung auf den Unterseiten wird durchgängig und zur Orientierung beibehalten.

Der Einsatz von Flash bleibt auf den Header und einige Infografiken beschränkt. Selbstverständlich kann die Seite auch ohne Flash-Plugin benutzt werden. Neben der Navigation finden sich hier auch Videofilme (zusätzlich zur ebenfalls vorhandenen Videogalerie).

Die Implementierung in Drupal hat Dreispringer verwirklicht mit denen ich in enger Abstimmung zusammen gearbeitet habe.

Meine Aufgaben

Konzeption, Design

Eingesetzte Software

Mindnode, Photoshop

Website-Adresse

http://www.funjump.de

Tepper EDV GmbH

Projektbeschreibung

Alexander Tepper, Geschäftsführer der Tepper EDV GmbH hat sich an mich gewandt, da seine neu gegründete GmbH Logo, Geschäftspapier und eine Website benötigte.
Ihm war wichtig, sich äußerlich von dem Look&Feel der IT-Kollegen zu unterscheiden und wünschte sich Orange als hervorstechende Farbe (statt Blau).

Das Logo fand begeisterten Anklang bei ihm und einen Platz auf Visitenkarten und Geschäftspapier.

Für die Website habe ich Stilelemente von Mode-Websites eingebunden – z.B. ein vollflächiges Hintergrundbild und schwebende Elemente darüber. Die Navigation greift dreidimensional anmutende Elemente auf, so dass die Site sich von den üblichen IT-Websites noch stärker unterscheidet.

Meine Aufgaben

Konzeption, Logodesign, Stationary, Website-Design, html/css, CMS-Einbau

Eingesetzte Software

Adobe Illustrator, Photoshop, Textmate, Textpattern

Website-Adresse

http://www.tepper-edv.de

Referenzliste

Projektbeschreibung

Bei großen Projekten liegt mein Schwerpunkt auf Frontend-Entwicklung.

An folgenden Projekten war ich beteiligt:

Meine Aufgaben

html, css, javascript

Eingesetzte Software

textmate, eclipse

Website-Adresse

---