Antioxidant Fruit Juice

Whollees sind gesunde, nährreiche Getränke mit leckeren und ausgefallenen Geschmacksrichtungen, die das Beste aus der Natur herauskitzeln. Das neu gegründete Unternehmen aus Hamburg geht mit drei Fruchtsaft-Sorten an den Start und präsentiert ”Larry Berry”, “Citrus Circus” und “Born to be green” auf einer statischen bunten Webseite. WordPress wurde für einen dynamischen Blog-Bereich benutzt und fügt sich nahtlos in die statischen Seiten ein. Der Kunde kann hierdurch selbst Texte und Fotos auf der Webseite veröffentlichen.

Philipp Hilfer, der bereits die Flaschen-Etiketten und den gesamten Whollees-Look entwickelte, entwarf auch das Layout für die neue bunte Online-Welt der Fruchtsäfte. Die in Photoshop erstellten Grafiken wurden 1:1 von mir in HTML und CSS umgesetzt.

• Programmierung mit Adobe Dreamweaver®
• WordPress im News-Bereich
• HTML, PHP & CSS
• Suchmaschinenoptimierung
• HTML 1.01 validiert durch W3C

Webseiten-Links:

• http://www.whollees.de
• http://www.whollees.com

Projektstart:

• 2011

Downhill-Mountain-Bikes

Last Bikes wurde von Jörg Heydt und Jochen Forstmann gegründet und machte sich in der Mountainbike-Szene schnell einen Namen. Von Beginn an war Downhill ihre Leidenschaft. Dies brachte sie im Jahr 2003 dazu, die ersten HERB-DH-Prototypen zu bauen und auszuprobieren. Zweimal sicherte sich Jörg Heydt mit dem Prototypen den ersten Platz in der Gesamtwertung der Downhill-Bundesliga.

Der Web-Auftritt wurde von mir mit dem CMS WordPress realisiert. Philipp Hilfer entwickelte das Layout, welches auf der Corporate Identity von Last Bikes basiert und sich stark von den üblichen WordPress-Themes unterscheidet. Wunsch des Kunden war es, dass die Seiten klar und übersichtlich wirken. Großer Wert wurde auf iPhone- und iPad-Funktionalität gelegt. Die Webseiten selbst, alle Bildergalerien und auch die Videos laufen auch auf diesen und anderen mobilen Geräten.

Die Crew von Last Bike kann die kompletten Webseiten selbst mit Inhalten pflegen und befüllen. Durch die intuitive Bedienung von WordPress musste keine Schulung durchgeführt werden. Diverse Automatiken wurden so programmiert, dass sich die Seiten dynamisch präsentieren, Bildergalerien durch einfaches Hochladen von Fotos entstehen und Videos durch Plattformen wie Vimeo und YouTube eingebettet werden können.

Zusätzlich zur normalen Artikel-Funktionalität von WordPress wurde eine Tab-Funktion eingefügt, die es erlaubt, eine Artikel-Seite mit separaten Registerkarten auszustatten und so der Effekt von mehreren Seiten innerhalb einer Webseite auftritt.

Die Startseite und der Footer-Bereich der Webseiten weisen dynamisch per Zufall auf Artikel hin. Entgegen der typischen WordPress-Auflistungen von Überschriften, Textauszügen und Artikel-Bildern, wurde von Philipp Hilfer ein interessanter Effekt eingefügt. So besteht ein Hinweis auf einen Artikel immer aus einem Artikel-Bild, welches im unteren Bereich durch einen halb-transparenten Bereich überlagert wird, der Überschrift und Textauszug beinhaltet. Durch diese Art der Präsentation lebt die Webseite von actionreichen Fotos. Für den Kunden ist die Aktualisierung der Seite dennoch kinderleicht, da bei der Template-Programmierung im Vorfeld alle Funktionen bis ins Kleinste durchdacht worden waren und sich die Datenpflege dadurch auf den Upload von Fließtexten und Fotos beschränkt.

• Dynamische Darstellung von Artikeln, Startseite und Footer
• Automatische Bildergalerie “Good Old Gallery”
• Tab-Funktion auf jeder beliebigen Seite (Registerkarten-Effekt)
• Optimiert für iPhone & iPad
• XHTML 1.0 & CSS validiert durch W3C
• Suchmaschinenoptimierung (SEO)

Projektstart:

• 2011

Webseiten-Link:

• http://www.last-bikes.com/
• http://www.last-bikes.de/

Kommunikationsdesign

Hilfer Design liefert grafische, illustrative und konzeptionelle Lösungen in den Bereichen Grafikdesign, Werbung und Web. Auf den Webseiten zeigt Philipp Hilfer einen Auszug seiner bisherigen Arbeiten.

Der Web-Auftritt wurde mit dem CMS WordPress realisiert. Für das von Philipp Hilfer entworfene Layout, bildete das kostenlose WordPress-Theme “Sight” die Grundlage. Interessante Komponenten, wie der Content-Slider auf der Startseite und eine zweite zusätzliche Gridview-Ansicht bei der Auflistung von Artikeln, heben sich von allen gängigen WordPress-Themes ab und wurden in einen neuen Look überführt.

Das Layout wurde von Philipp Hilfer mit Adobe Photoshop® erstellt, und das “Sight“-Theme wurde 1:1 von mir umgebaut. Der Inhalt der Webseiten kann nun durch Philipp Hilfer selbst gepflegt werden. Es sind keinerlei HTML-Kenntnisse nötig und Bildergalerien werden automatisch durch einfaches Hochladen von JPG-Dateien erstellt.

• jQuery-Feature-Slider auf der Startseite
• Zusätzliche Gridview bei Kategorie-Ansicht
• Automatische jQuery-Bildergalerien
• Widget-Bereiche erweitert, so dass jede Seite unterschiedliche Widgets verwenden kann
• Google-Web-Fonts wurden eingebunden, damit alle Texte die Schriftart “Maven Pro” zeigen
• Optimiert für iPhone & iPad
• Suchmaschinenoptimierung (SEO)

Projektstart:

• 2011

Webseiten-Links:

• http://www.hilfer-design.de
• http://www.philipphilfer.de
• http://www.hillusion.de

Version 1.0:

Crawallo Design ist ein Team aus jungen Produktdesignern. Crawallo Design schafft es, wilde Ideen in die Realität umzusetzen. Sie gestalten Produkte, Möbel, Räume und Dinge in Bewegung. Crawallo Design lässt staubige Firmenidentitäten in neuem Glanze erstrahlen.

Das Layout wurde von Philipp Hilfer mit Adobe Photoshop® erstellt und von mir 1:1 in ein WordPress-Template umgesetzt. Der Inhalt der Webseiten wird durch die Kundin selbst eingepflegt. Bei diesem Projekt werden dazu die kompletten Seiteninhalte in Adobe Photoshop® erstellt und zur Veröffentlichung als JPG in das WordPress-System hochgeladen. Die Navigation und Verlinkungen der Webseiten ergeben sich automatisch, und die Kundin kann zusätzliche Links in der Navigation organisieren.

• Vorgeschaltetes Flash-Intro mit JPG-Alternative für Geräte wie iPhone & iPad
• Google-Web-Fonts eingebunden, damit alle Texte die Schriftart “Open Sans” zeigen
• XHTML 1.0 & CSS validiert durch W3C und optimiert für iPhone & iPad
• Suchmaschinenoptimierung (SEO)

Projektstart:

• 2011

Webseiten-Links:

• http://www.crawallo-design.com
• http://www.crawallo-design.de

Artscenico e.V. ist ein Verein zur Förderung internationaler kultureller Begegnungen. Ein Zusammenschluss von Kunst- und Kulturschaffenden aus NRW. artscenico ist seit 1991 im In- und Ausland tätig.

2011 wurden die vorhandene statischen Webseiten in ein dynamisches WordPress-System umprogrammiert. Artscenico kann nun die Inhalte selbst einpflegen und Webseiten-Besucher können Kommentare hinterlassen.

• Realisiert mit WordPress
• Benutzte Plug-Ins:
  • AddToAny
    Fügt automatisch Links ein, um einen Artikel auf Facebook, Xing, Google oder per E-Mail zu verbreiten.
  • All in one SEO Pack
    Optimiert die Seiten automatisch für Suchmaschinen.
  • Audio Player
    Fügt automatisch einen Flash-MP3-Player ein, wenn ein MP3 hochgeladen wurde.
  • Cimy Header Image Rotator
    Tauscht und überblendet die Header-Grafiken in zufälliger Reihenfolge.
  • FancyBox
    Öffnet verlinkte Bilder automatisch in maximaler Größe über dem abgedunkelten Seitenbereich.
  • FLV Embed
    Fügt einen Flash-Video Player ein, wenn ein FLV hochgeladen wurde.
  • Google XML Sitemaps
    Erstellt automatisch eine aktuelle Sitemap für Suchmaschinen-Robots.
  • Slideshow Gallery Pro
    Erstellt automatisch eine ansprechende Bildergalerie beim Upload von Fotos.
  • WPML Multilingual CMS
    Erweitert WordPress um Mehrsprachigkeit.
• (X)HTML & CSS
• Videos mit Flash® Video Encoder
• Gestaltung: Rolf Dennemann

Projektstart:

• 2001

Website:

• http://www.artscenico.de/

Screenshots aus den Jahren 2005-2010:

Screenshots aus den Jahren 2001-2005:

Kreatives Risiko und motivierender Zweifel

WordPress wurde hier als klassisches Blog-System eingesetzt. Rolf Dennemann wird hier ein Online-Tagebuch führen und stellt selbstständig Texte, Fotos und Videos bereit.

• Realisiert mit WordPress
• PHP, XHTML, CSS & jQuery
• Automatische Bildergalerien mit Fancybox
• Header-Grafiken wechseln animiert durch jQuery
• Leichte Einbindung von Multimedia-Inhalten (Videos, MP3, etc.)
• Kontakt- & Kommentar-Formulare
• Suchmaschinenoptimierung (SEO)

Webseiten-Link:

• http://www.rolfdennemann.de

Projektstart:

• 2011

Fenster, Haustüren, Fassaden, Innenausbau

• Gestaltung und Konzept: mach ma
• Programmierung mit Adobe Dreamweaver® und Photoshop®
• XHTML, PHP & CSS
• Kontakt-Formular
• WordPress im “Aktuelles”-Bereich
• Bildergalerien mit Fancybox
• XHTML 1.0 & CSS validiert durch W3C

Projektstart:

• 2010

Webseite:

• http://www.figgen-fenster.de

Hacking the city

16. Juli – 26. September 2010

Hacking the City ist ein experimentelles Ausstellungsprojekt des Museum Folkwang, dessen künstlerische Aktionen und Präsentationen im öffentlichen Raum der Stadt Essen und im Internet stattfinden. Im Museum Folkwang wird während der Laufzeit ein Projektraum eingerichtet, in dem die Aktionen dokumentiert und zahlreiche weitere künstlerische Projekte vorgestellt werden.

Hacking the City ist Teil der mehrteiligen Ausstellung Mapping the Region der RuhrKunstMuseen und damit Teil des Programms der Kulturhauptstadt Europas RUHR. 2010.

• Layout & CI: V2A
• Realisiert mit WordPress
• PHP, HTML, CSS & jQuery
• Automatische Bildergalerien mit Fancybox
• Flash-Slideshows mit JW Image Rotator
• Leichte Einbindung von Multimedia-Inhalten (Videos, MP3, etc.)
• jQuery-Akkordeon-Menü
• Kontakt- & Kommentar-Formulare
• Zweispaltige Layoutmöglichkeit
• Suchmaschinenoptimierung (SEO)

Projektvoraussetzung war, dass die Mitarbeiter des Folkwang-Museums die Inhalte der Webseite selbst eingepflegen und diese in einem zweispaltigen Layout ohne Programmierkenntnisse anordnen können. Weiterhin besteht die Möglichkeit, dass Webseitenbesucher aktiv durch Kommentare und eigene Beiträge am Projekt mitwirken können.

Projektstart:

• 2010

Webseiten-Links:

• http://www.hackingthecity.org/
• http://www.hackingthecity.com/
• http://www.hackingthecity.eu/
• http://www.hackingthecity.de/
• http://www.hacking-the-city.com/
• http://www.hacking-the-city.org/
• http://www.hacking-the-city.de/

Presse:

• Kunst-Guerrilleros bei Hacking the City
  WAZ Kultur 15.07.2010
• Kuratorin Dr. Sabine Maria Schmidt im Video-Interview
  RUHR.2010-TV 09.09.2010

Kultur-Termine & Übernachtungen in Essen-Kettwig und Umgebung

Zweck des Vereins ist die Bekanntmachung und Förderung von Kunst und Kultur. Die Webseiten bieten gesammelte Veranstaltungshinweise über Kunst, Musik, Theater, Tanz, Literatur und Wissenschaft im Großraum von Essen-Kettwig. Die Inhalte der Website werden automatisch durch RSS-Feeds und Mailings an Mitglieder und Interessenten publiziert. Der Verein stellt seinen Mitgliedern und Freunden günstige Übernachtungsmöglichkeiten, z. B. zum Besuch der empfohlenen Veranstaltungen, in seinen angemieteten Räumlichkeiten zur Verfügung.

• Realisiert mit WordPress
• PHP, HTML & CSS
• Automatische Bildergalerien durch Fancybox
• Kontakt- & Kommentar-Formulare
• Facebook-Integration
• Feedburner: Newsletterabonnement des RSS-Feeds
• Benutzerverwaltung für verschiedene Autoren
• Layout online bearbeitbar

Die Inhalte der Vereinswebseiten können von verschiedenen Mitgliedern selbstständig eingepflegt werden, und Webseitenbesucher können dies kommentieren. Es werden verschiedene Plug-Ins benutzt, so dass Veranstaltungstermine automatisch per Newsletter, RSS-Feed und auf Facebook veröffentlicht werden. Durch die Verwendung des “Atahualpa”-Themes für WordPress, ist das Layout der Webseite zwar sehr schlicht und aufgeräumt, kann aber komplett im Backend von WordPress administriert werden. Es ist kein externer HTML-Editor oder sonstige Software nötig, um Inhalte und Layout der Webseiten zu bearbeiten.

Projektstart:

• 2010

Webseiten-Link:

• http://www.kukvk.de

Private Homepage über die Familien-Historie und die Stadt Düsseldorf.

• Eine bereits vorhandene Webseite wurde zu einem CMS auf WordPress-Grundlage umprogrammiert.
• Das Layout wurde kostengünstig mit Artisteer erstellt.
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart:

• 2010

Webseite:

• http://ralf.thonemann.name

Ralf A. H. Thonemann

Unternehmensberatung in Düsseldorf

• Eine bereits vorhandene Webseite wurde zu einem CMS auf WordPress-Grundlage umprogrammiert.
• Das Layout wurde kostengünstig mit Artisteer erstellt.
• Ein Online-Bewerbungs-Bereich wurde erstellt, in dem der Kunde selbst offene Arbeitsstellen veröffentlichen kann und sich Bewerber direkt via Online-Formular um die Stelle bewerben können. Bewerber können auch direkt Datei-Anhänge wie z.B. Zeugnisse im PDF-Format mit verschicken. 

Projektstart:

• 2009

Webseite:

• http://www.thonemann.com/

Dr. med. Ingrid Benzino
Dr. med. Udo Meckenstock-Benzino

Qualifizierte Arbeitsmedizinische Betreuung in Ingolstadt und Umgebung auf der gesetzlichen Grundlage des Arbeits- und Gesundheitsschutzes.

• WordPress wurde als CMS benutzt, damit die Kunden die Inhalte Ihrer Webseite selbst pflegen können.
• Das Layout wurde kostengünstig durch Artisteer mit nur wenigen Mausklicks erstellt.
• Der Backend-Bereich der Webseite wurde durch CSS-Style’s so erweitert, dass auch Laien, schnell neuen Inhalt im persönlichen Look publizieren können.

Projektstart:

• 2009

Website:

• http://www.arbeitsmediziningolstadt.de/

45127 – Quartier in Essen

• WordPress
• Layout: mach ma

Bei diesem Projekt drehte sich alles um den Stadtkern von Essen mit der Postleitzahl 45127.

Es wurden ansässige Firmen und Dienstleister präsentiert, Termin- und Veranstaltungstipps wurden veröffentlicht und es die schönsten Plätze des Stadtkerns konnten betrachtet werden.

Der Inhalt der Webseite wurde komplett vom Kunden selbst gepflegt. Das Projekt ist 2011 offline gegangen.

Projektlaufzeit:

• 2009-2011

Website:

• http://www.quartier-in-essen.de/

Dr. med. Ingrid Benzino

Metabolic-balance® ist ein seit vielen Jahren erfolgreich eingesetztes Ernährungsprogramm zur individuell abgestimmten Stoffwechselregulierung. Frau Dr. Benzino bietet dieses kontrollierte Programm im Umkreis von Ingolstadt an.

• WordPress 2.7.1 mit umgestaltetem dkret3-Template wurde als CMS benutzt
• Der Backend-Bereich der Webseite wurde durch CSS-Style’s so erweitert, dass auch Laien, schnell neuen Inhalt im persönlichen Look publizieren können.
• Benutzte Techniken: HTML, PHP, MySQL, CSS per Browser und Dreamweaver®

Projektstart:

• 2009

Website:

• http://www.metabolic-ingolstadt.de/

Hanging around (HeimatQuartier) ist ein internationales, multimediales Projekt von Artscencio e.V., das von der Fotographie ausgeht und sie in Musik, Text und Performance transformiert. Dabei erforscht es den Zustand des Rumhängens in der EU im Vergleich.

• WordPress wurde zu einem CMS erweitert
• Mittels einiger Plug-Ins wurden Funktionen eingebaut, damit Fotografen per Browser Fotos hochladen können und diese direkt als Galerie angezeigt werden.
• Es sollte auch Laien möglich sein, die Pflege der Seite zu übernehmen.
• Weiterhin sollte es einen englischen und einen deutsch-sprachigen Bereich geben.
• Benutzte Techniken: HTML, PHP, MySQL, CSS per Browser und Dreamweaver®

Projektstart:

• 2006

Website:

• http://www.hangingaround.de/

Musiker & Komponist

• WordPress
• MP3-Download-Shop WP eStore
• iTunes Audio- & Video-Podcast
• Bilder-Galerie NextGEN mit Flash-Slideshow
• Archiv-Funktion
• Kontakt-Formular

2009 wurde die vorhandene minimalistisch layoutete Webseite, die zuvor mit Dreamweaver statisch erstellt wurde, in ein WordPress-CMS umgebaut. Der Kunde ist somit jetzt selbst in der Lage, neue Inhalte zu veröffentlichen. Viele Automatiken wurden so angelegt, dass auch der Laie mit wenigen Klicks, Flash-Bilder-Galerien, Videos und MP3s einbinden kann.

Als zusätzliches Feature wurde ein eigenständiger MP3-Shop realisiert. Besucher können nun Musik-Titel vorhören und in einen Warenkorb legen. Nach der sofortigen Bezahlung via Paypal erhält der Kunde eine E-Mail mit Links zum Download der erworbenen MP3s. Die Administration des Shops ist ebenfalls durch Herrn Niehusmann selbst möglich.

Eine Podcast-Funktion erstellt auf Wunsch bei bestimmten Einträgen der Webseite einen RSS-Feed, und ein Video- & Audio-Podcast wird automatisch auch in iTunes angeboten.

Eine Automatik listet alle Beiträge der vorangegangenen Jahre auf einer Archiv-Seite auf.

Projektstart:

• 2000

Umbau von Dreamweaver zu WordPress:

• 2009

Website:

• http://www.niehusmann.org/