Fachgeschäft für Zauberkunst

Der Web-Shop der Magic Factory von Theo Böhm in Essen existiert nun bereits seit mehr als 10 Jahren. Nach den anfänglichen Shop-Systemen Xaran und xt:Commerce wuchs die Magic Factory stetig, und so wurden auch die Ansprüche an das Shop-System im Laufe der Jahre immer größer. Des Weiteren diente der Startschuss für den neuen Web-Shop als Gelegenheit, mit einem überarbeiteten Corporate Design den Auftritt der Magic Factory zu modernisieren.

Als Shop-System entschied ich mich für das professionelle und mehrfach ausgezeichnete Shopware-Shop-System. Philipp Hilfer überabeitete und optimierte das vorhandene Logo der Magic Factory und übertrug diesen Look auf das Shopware-Standard-Theme. Dieses Layout wurde 1:1 von mir mittels (X)HTML, PHP und CSS in Shopware umgesetzt.

Entstanden ist ein sehr übersichtlicher und bedienungsfreundlicher Shop mit mehr als 2.000 Produkten rund um die Zauberei.

Projektstart:

• 2012

Webseiten-Links:

• www.magic-factory.de
• www.magicfactory.de
• www.magic-factory-essen.de
• www.magic-factory-shop.de

Mehr zum vorherigen Web-Shop finden sie HIER.

Marzieh Leber

• Wunsch der Kundin: Schlichte Webseite basierend auf dem Layout einer Visitenkarte
• Realisiert mit Dreamweaver® und Photoshop®
• (X)HTML & CSS
• Google-Maps
• Suchmaschinen-Optimierung (SEO)

Projektstart:

• 2011

Website:

• http://www.hebammenpraxis-spatzennest.de

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

Messe- & Gästezimmer-Vermietung in Essen-Kettwig

Das bereits vorhandene schlichte Tabellen-Layout der Webseiten wurde barrierefrei und vailde in XHTML und CSS umprogrammiert. Schwerpunkt der Umbauten war die Suchmaschinenoptimierung und die Umsetzung eines englischsprachigen Bereiches.

• Programmierung mit Adobe Dreamweaver®
• XHTML, PHP & CSS
• Reservierungs-Formular mit PHP-Mailer
• Suchmaschinenoptimierung

Webseiten-Links:

• http://www.uebernachten-in-kettwig.de
• http://www.gaestezimmer-in-essen-kettwig.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

Steuerberatung & Wirtschaftsprüfung in Essen

Renate Holzke – Ihre Steuerberaterin im Essener Nord-Westen (Dellwig). Neben den Kernaufgaben einer Steuerberatung liegt Frau Holzke vor allem die individuelle Beratung ihrer Mandanten am Herzen.

• Gestaltung und Konzept: mach ma
• Programmierung mit Adobe Dreamweaver® und Photoshop®
• XHTML, PHP & CSS
• Kontakt-Formular
• Passwortgeschützter Log-In Bereich mit Mandanten-Informationen
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart:

• 2010

Webseite:

• http://www.stb-holzke.de/

Das Forum Kunst & Architektur zeigt monatlich wechselnde Ausstellungen aus dem Bereich Kunst und Architektur. Zum Teil sind die Ausstellenden Vereinsmitglieder, hinzu kommen Gäste, die zur Präsentation ihrer Kunst eingeladen werden. Außerdem werden Austauschprojekte mit anderen Städten organisiert. Ausstellungen und weitere Veranstaltungen machen das Forum zur Diskussionsstätte für Kreative und interessierte Bürger.

• Programmierung mit Adobe Dreamweaver® und Photoshop®
• XHTML & CSS
• Low-Budget-Projekt
• Kontakt-Formular
• Bildergalerien mit Lightbox 
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart:

• 2010

Webseiten:

• http://www.forumkunstarchitektur.de
• http://www.forum-kunst-architektur.de

Philipp Hilfer liefert grafische, illustrative und konzeptionelle Lösungen in den Bereichen Grafikdesign, Werbung und Web.

• Layout und Konzept der Webseiten wurden als Adobe Photoshop®-Daten von Philipp Hilfer selbst geliefert, wie auch die kategorieabhängigen Flash-Header.
• Die HTML- & CSS-Programmierung erfolgte durch mich mit Adobe Dreamweaver®.
• Ein Klappmenü wurde durch CSS-Ebenen-Ein- und -Ausblendungen realisiert, und für die Texte wurde ein Jalousie-Effekt mit Java-Script verwendet.
• Der HTML- & CSS-Aufbau wurde so weit vereinfacht und größtenteils durch Dreamweaver-Templates automatisiert, dass die Seiten sehr leicht von jedem erweitert und editiert werden können.
• Die Größe der einzelnen Grafikelemente wurde bewusst hoch gewählt, damit die Seiten auf hochauflösenden Bilschirmen wirken können, die in der Grafik-Branche mittlerweile üblich sind. Für die Ansicht auf kleineren Bildschirmen wird eine Ansicht von 75% der Größe empfohlen.

Projektlaufzeit:

• 2009-2011

Webseite:

Die Webseiten wurden 2011 überarbeitet und in ein WordPress-CMS überführt. Weitere Informationen zum neuen Web-Auftritt gibt es HIER.

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/

Türkisches Restaurant in Essen

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektlaufzeit:

• 2009-2011

Schamberger & Schneider GbR

• Layout & Flash® Philipp Hilfer
• HTML- & CSS-Programmierung mit Dreamweaver® und Photoshop®

Projektlaufzeit:

• 2008-2010

Schlagzeuger

• Die Website wurde von Christian Weise selbst in Photoshop® erstellt.
• Die Grafiken wurden dann durch mich gesliced und weboptimiert und mittels Dreamweaver® in HTML eingebettet.
• Auf Grund des Vollgrafikdesigns, musste die Seite zusätzlich mit HTML für Suchmaschinen optimiert werden.

Projektstart:

• 2008

Website:

• http://www.christianweise.com/

NaJu

• Grafiken und Farbgebung wurden vom Naturschutz Bund zu Vefügung gestellt 
• Aufbau für Essen/Mülheim mit Photoshop® und Dreamweaver®
• HTML, CSS und Klappmenüs durch Ebenen

Projektstart:

• 2006

Websites:

• http://www.naju-essen.de/
• http://www.naju-muelheim.de/

Engineering & Management

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektstart:

• 2006

Website:

• http://www.dehl-pmo.de/

Die vorherige Version der Webseiten, die von 2006 bis 2008 online stand:

Website:

• http://www.dehl-pmo.de/2006/

• Realisiert mit Photoshop® und Dreamweaver®
• HTML, CSS, Navigationen durch Server-Side-Includes
• Jahresgaben-Pflege ADKV.de

Projektstart:

• 2005

Webseite:

• http://www.kunstvereinruhr.de/

Projektlaufzeit: 2005-2006

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®
• Klappmenü durch Ebenen

* Der Name der Agentur wurde entfernt, da sie nicht mehr existiert.

• Realisiert mit Dreamweaver® und Photoshop®
• HTML, CSS, Java Klappmenüs, xsuche V2.5
• Zweisprachig Deutsch und Englisch
• Das Projekt wurde mit Grundinhalt erstellt und durch Templates so eingerichtet, daß der Kunde selbst die Webseite pflegen und verwalten kann.
• Mittlerweile sind die farbigen Klappmenüs und diverse andere Elemente durch den Kunden selbst ausgetauscht worden.

Projektstart:

• 2006

Website:

• http://www.ifz.de/

Magic in Man – Zauberei in neuer Form

• Layout Photoshop®
• HTML Dreamweaver®
• Inline Frames
• Foto-Galerie “Lightbox JS v2.04″
• PHP-Kontakt-Formular
• 2sprachig deutsch und englisch

Projektlaufzeit:

• 2005-2009

Immobilien Verwaltungsgesellschaft GmbH

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®
• Monatliche Aktualisierung der Miet-und Kauf-Angebote
• Kontakt-Seite mit einem besonderen Schmankerl
• Suchmaschinenoptimierung (SEO)
• HTML & CSS validiert durch W3C

Projektstart:

• 2004

Website:

• http://www.stubba.de/

• Layout Photoshop®
• HTML & CSS Dreamweaver®

Projektstart:

• 2003

Websites:

• http://www.schilder-stempel-pickard.de/
• http://www.schilderbestellen.de

Fachgeschäft für Zauberkunst

• osCommerce-Web-Shop
• über 2.000 Artikel
• Deutsch und Englisch
• Hunderte animierte GIFs und Produktvideos zur Produktpräsentation und für ein besseres Trickverständnis
• Wöchentliche Newsletter-Promotion
• Monatliche Erstellung eines PDF-Katalogs sämtlicher Artikel

Projektstart:

• 2001-2012

Mehr Informationen zum neuen Magic Factory Shopware-Shop finden sie HIER.