← Showroom: Design, Code & CMS

Individueller Onepager für eine Coachin und Beraterin aus Berlin

LEISTUNGEN:

• Konzeption . Webesign . 
• Entwurf und Umsetzung Typo-Signet
• CSS- und Template-Coding . CMS ExpressionEngine
• Kunde: Karin Pilot – Coaching | Beratung  Berlin

Zwei weitere Screens des Onepagers:

—

Zur Übersicht:
Referenzen am laufenden Band

Behutsames Redesign für die defakto GmbH aus Bochum am laufenden CMS ExpressionEngine

LEISTUNGEN:

• Redesign
• CSS- und Template-Coding,
• Erweiterung des CMS ExpressionEngine
• Fotografie
• Kunde: defakto GmbH  Bochum

Anfang 2014 entwarf ich dem Startup und Bildungsunternehmen defakto ein Corporate Design mit Website. In den Jahren konnte die Website auch dank der Flexibilität von ExpressionEngine immer weiter wachsen und auch das Design überzeugte das Unternehmen und seine Besucher lange Jahre. Nach 10 Jahren aber sollte es etwas bunter werden, eine kleine Erweiterung der Struktur stand auch an und etwas mehr Bewegung sollte es auch sein. Heraus kam ein behutsames Redesign, das als Modernisierung und Aufwertung wahrgenommen wird. Mehr dazu im Blog.

Zur Übersicht:
Referenzen am laufenden Band

Mobile responsive Websites mit leichter Content-Pflege basierend auf dem CMS ExpressionEngine

LEISTUNGEN: 

• Konzept . Webdesign . Icondesign 
• CSS-Coding . CSS-Animation . Template-Coding . CMS ExpressionEngine
• Kunden: Gaficon GmbH  .  Media2finish GmbH  . Sehrbrock GmbH

Die drei Beispiele responsiver Websites, dargestellt auf einem Smartphone, zeigen meinen Anspruch, das individuelle und minimalistische Design eines Weblayouts auch auf kleinen Geräten sichtbar und navigierbar zu machen. Nicht selten, vor allem mit WordPress-Themes oder beim Einsatz von Frameworks wie Bootstrap, sieht das Design so aus, wie es auf vielen anderen Websites auch aussieht: Langweilig, wenig individuell und ohne Wiedererkennungseffekt. Die drei Webdesigns oben bleiben dagegen in Erinnerung, sie haben einen relativ hohen Wiedererkennungseffekt, sowohl auf großen Displays wie auch auf Tablets und Smartphones.

Zur Übersicht:
Referenzen am laufenden Band

Moderner Onepager für einen Industrie-Dienstleister aus Nordkirchen

LEISTUNGEN:

• Konzeption . Webesign . 
• CSS- und Template-Coding . CMS ExpressionEngine
• Texte . Fotografie
• Kunde: Sehrbrock GmbH  Nordkirchen

Die Sehrbrock GmbH aus dem südlichen Münsterland kam auf mich zu, weil dem Unternehmen mein Webauftritt und Leistungsspektrum gefiel und es eine minimalistische Neugestaltung ihrer Firmenpräsenz wünschte. Viel Wert legt der Kunde auf mein Full-Service-Angebot: Konzeption mit Webtexten, Design und Programmierung.
Gewünscht wurde zudem ein moderner responsiver Onepager, für den mit Hilfe des CMS ExpressionEngine die Texte und Bilder leicht zu editieren und auszutauschen sind. Auch gibt es innerhalb des Onepagers einen Aktuellbereich, der Neuigkeiten über Datum und Headline anzeigt, die wiederrum den Download eines PDF ermöglichen. Auch das ist mit ExpressionEngine unkompliziert zu pflegen.

Zur Übersicht:
Referenzen am laufenden Band

Konzept und digitales Design für ein IT-Unternehmen aus Hessen

LEISTUNGEN:

• Konzept . Webdesign . Icondesign
• CSS- und Template-Coding . CMS ExpressionEngine
• Kunde: Gaficon GmbH  Wettenberg

Für den IT-Dienstleister Gaficon GmbH aus Wettenberg in Hessen war eine zeitlose und seriöse Website gefordert, die zudem leicht zu pflegen und zu erweitern sein sollte. Letzteres ist mit ExpressionEngine möglich, das über den Feldertyp "Grid" auch die Erweiterung, Umsortierung und inhaltliche Anpassung von sogenannten Accordions ermöglicht, die einen schnellen Überblick über die Themen einer Seite ermöglicht, wie der Hauptbereich Lösungen zeigt.
Zur Individualisierung der Startseite wurde ein stilsicheres Iconset von Verena Segert entwickelt, das einen Kontrapunkt zur businessorientieren Bilderwahl setzt. Selbstredend verliert die Website auch im mobilen Kontext auf dem Smartphone und Tablet nicht ihre individuelle Anmutung.

Zur Übersicht:
Referenzen am laufenden Band

Webdesign mit Logoentwicklung für Kunden aus dem Ruhrgebiet

LEISTUNGEN:

• Konzeption . Webdesign . Corporate Design mit Logoentwicklung
• CSS- und Template-Coding . Premieren- und Jobbereich
• Kunden: defakto GmbH  Bochum . Dr. Neunobel  Gelsenkirchen

Nicht selten haben Kunden ein altes Logo, mit dem sie nicht mehr zufrieden sind oder eben kein Logo. Dann bekomme ich neben der Erstellung einer neuen Website auch die Aufgabe, ein neues Logo für Web und Print zu entwickeln. Dabei achte ich darauf, dass es sich harmonisch in dem Webdesign-Entwurf einpassen läßt. 
Meine Logoentwürfe sind, wenn ich freie Hand habe, minimalistisch und getragen von einer Idee, die zum Unternehmen passt, vielleicht sogar zum Slogan, wenn es bereits einen gibt. In der obigen Referenz defakto GmbH Bochum im Ruhrgebiet habe ich das Logo im Rahmen einer Corporate Design Entwicklung entworfen, die das Startup mir 2014 anvertraut hatte. 

Zur Übersicht:
Referenzen am laufenden Band

Design-Adaption und Frontend-Coding für eine Kanzlei aus dem Ruhrgebiet

LEISTUNGEN:

• Design-Adaption . Text über die Kanzlei
• CSS- und Frontend-Coding . CMS ExpressionEngine
• Kunde: bdp – RECHTSANWÄLTE_NOTARE  Essen

Die Kanzlei Brinkmann_Dewert gehört mit zu meinen ältesten Kunden. Eine erste Website für die Sozietät aus Essen im Ruhrgebiet entwarf und setzte ich 2002 um. Einige Jahre später, genauer 2005, als WordPress sich als Blogsystem zu etablieren begann, empfahl ich dem Kunden das Bloggen, um die Sichtbarkeit in Suchmaschinen zu erhöhen, was sich in der Folge als erfolgreich herausstellte. Die Website lief damals komplett mit Wordpress. In der Folge habe ich für die Kanzlei auch ein Typo-Signet und eine Geschäftsausstattung entworfen, die knapp 10 Jahre später durch die Entwürfe einer Kommunikationsagentur ersetzt wurden.
Die aktuelle Website basiert auf einen Websiteentwurf eines Lehrstuhls für Design und wurde mir vom Kunden vorgegeben. Ich passte den Entwurf soweit an, dass er auch mobil auf Smartphones funktionierte, ohne dass die individuelle Design-Anmutung litt. Das war 2016 und in diesem Jahr empfahl ich dem Kunden für das Redesign auch ein Wechsel des CMS von WordPress auf ExpressionEngine, der erfolgreich realisiert wurde. Bis heute wird die Website vom Kunden mit ExpressionEngine gepflegt. 

Zur Übersicht:
Referenzen am laufenden Band

Responsives Coding und CMS ExpressionEngine für ein Betonzaun-Spezialisten aus Castrop Rauxel

LEISTUNGEN:

• Coding und CMS-Design
• CSS- und Template-Coding . CMS ExpressionEngine
• Kunde: betonzaun.net Castrop Rauxel

Zur Übersicht:
Referenzen am laufenden Band

CSS-Coding und ExpressionEngine-Aufbau für ein Restaurant in Konstanz (mit kleinem Onlineshop)

LEISTUNGEN:

• Coding eines Redesign nach vorgegebenen Photoshop-Layouts
• CSS- und Template-Coding . Neuaufbau CMS ExpressionEngine
• Kunde: Restaurant Hafenhalle Konstanz

Über eine externe Projektleitung bekam ich den Auftrag, ein Redesign nach vorgegebenen Layouts für eine von mir neu aufgesetzte ExpressionEngine-Installation zu programmieren. Die Herausforderung war zum einen das komplexe Layout, dass sich zum Teil beträchtlich von den Entwürfen der mobilen Version unterschied, so dass spezielle Lösung dafür gefunden und gecodet werden mussten. Zum anderen sollte auch wieder ein kleiner Shop integriert werden, dem alten fehlten bestimmte Funktionen wie unterschiedliches Porto und er funktionierte nicht mehr mit ExpressionEngine 6. Da ExpressionEngine selbst keine Shop-Funktionalitäten bietet, griffen wir auf das Shop-Addon eines niederländischen Entwicklers zurück, der uns zudem spezielle Funktionen individuell nachprogrammierte.

Was viele nicht wissen: ExpressionEngine kann auch als Onlineshop-Lösungen betrieben werden. Für solche Anforderungen gibt es eine eigenständige Onlineshop-Software names CartThrop, die in ExpressionEngine integriert werden kann und zahlreiche Anforderungen moderner eCommerce-Plattformen abdeckt, nicht umsonst heißt es: "The most powerful ExpressionEngine ecommerce shopping car".

Zur Übersicht:
Referenzen am laufenden Band

CMS-Portierung und Erweiterung der Website-Responsivität für eine Luxusmarke aus der Rhön

LEISTUNGEN:

• CSS-Design und CMS-Portierung
• CSS- und Frontend-Coding . CMS ExpressionEngine
• Kunde: Manger Audio Mellrichstadt

Für Manger Audio, Hersteller hochwertiger HiFi-Produkte, galt es in einem ersten Schritt, das in die Jahre gekommene CMS ExpressionEngine auf den neuesten Stand zu bringen. Nicht nur die Version 2 war veraltet (2022 gab es bereits ExpressionEngine 6), sondern auch die zahlreichen Addons, die zum Teil nicht mehr weiterentwickelt wurden und somit die CMS-Portierung erschwerte.

So wurde in frühen Versionen von ExpressionEngine noch Zusatzsoftware gebraucht, um Textfelder für die Website-Inhalte mit einem WYSIWYG-Editor befüllen zu können (das geht seit der Version 5 von ExpressionEngine mit Bordmitteln). So ein Addon war auch im CMS des Kunden installiert worden. Da dieses Addon namens Expresso aber seit ExpressionEngine 5 nicht mehr weiterentwickelt wurde, war es nur eine Frage der Zeit, bis es mit einer modernen PHP-Version (ab 8) nicht mehr funktionierte. Es blieb nichts anderes übrig, als die tausendfachen Inhalte der Website von den alten Feldern in neu angelegte ExpressionEngine-Felder zu übertragen, was glücklicherweise zum Teil mit einem Automatisierungstool gelang.

Desweiteren war die Website nur teilweise responsiv. So erlaubte das mobile Hauptmenü nur eingeschränkten Zugang zu den zahlreichen Inhalten. Der Kunde nahm meine Empfehlung an, das bereits veraltete CSS neu zu coden, was ich in einer gespiegelten Version der Website Schritt für Schritt umsetzte. Ein anspruchsvollen Unterfangen angesichts der recht komplexen und vielseitigen Layouts, die zum Teil gar nicht für den mobilen Einsatz entwickelt worden waren.

Zur Übersicht:
Referenzen am laufenden Band

Webdesign mit Logoentwicklung für eine Steuerberater-Kanzlei am Niederrhein

LEISTUNGEN:

• Konzeption . Webdesign . Corporate Design mit Logoentwicklung
• CSS- und Template-Coding . Premieren- und Jobbereich
• Kunde: DÜSTER | STEPHAN   Voerde

Zur Übersicht:
Referenzen am laufenden Band

ExpressionEngine-Portierung mit Neucoding der Templates für eine Unternehmensberatung aus Köln

LEISTUNGEN:

• CMS-Portierung ExpressionEngine
• Template-Coding mit Übernahme des vorhandenen Designs
• Kunde: Z_punkt GmbH Köln

Für die Zukunftsforscher von Z-punkt habe ich eine veraltete ExpressionEngine-Konfiguration auf den neuesten Stand gebracht. Die Version 2 von ExpressionEngine konnte nicht mehr auf den neuesten Stand (Version 6) gebracht werden, weil dann veraltete und von den Programmierern aufgegebene Addons (auch Plugins genannt) Fehler verursacht und zentrale Funktionen der Website blockiert hätten. 

Ich habe die Probleme und die Alternativen validiert und kam zu dem Schluß, dass es nötig sei, eine neue Installation von ExpressionEngine 6 zu konfigurieren, die Templates neu zu schreiben und die Funktionalitäten der Website ohne ein Addon allein mit Bordmitteln zu realisieren. 
Das war angesichts der Komplexität der Website ein anspruchsvolles Unterfangen, zumal das CSS-Layout nahezu unverändert bleiben sollte. Ein Nachteil war zudem, dass alle Inhalte neu eingepflegt werden mussten. Aber der Aufwand hat sich gelohnt, da die Website nun zukunftsicher ist: Sie kommt ohne Addons aus (es fallen dafür keine jährlichen Lizenzkosten mehr an). Updates können zudem mit wenig Aufwand eingespielt werden und auch Upgrades, also Versionssprünge des CMS, sind kostengünstig zu realisieren.

Zudem zeigt diese Aufgabe die Vorteile einer strikten Trennung von Design und Inhalt, die ExpressionEngine möglich macht. Auch der umgekehrte Weg wäre möglich, nämlich das CSS-Design komplett neu zu coden, ohne die Inhalte umschichten oder die Templates anfassen zu müssen. Auch das habe ich bereits einige Male gemacht. Flexibilität ist Trumpf mit der CMS-Lösung ExpressionEngine.

Zur Übersicht:
Referenzen am laufenden Band

Webdesign mit großer Galerie für einen Künstler aus Düsseldorf

LEISTUNGEN:

• Konzeption . Webdesign . Bildergalerie
• CSS- und Template-Coding . ExpressionEngine
• Kunde: Bernd Finkeldei  Düsseldorf

Die Herausforderung dieses Auftrags von dem Künstler Bernd Finkeldei war, eine Vielzahl von Werken, die über Jahrzehnte entstanden sind, strukturiert und benutzerfreundlich in Szene zu setzen und zugleich ein minimalistisches Layout zu entwickeln. Zugleich wünschte der Kunde die Selbstpflege seiner Galerien ohne technische Vorkenntnisse. Damit konnte ich dienen, in dem ich die Felder in ExpressionEngine so strukturierte, dass eine leichte Inhaltspflege der Bilder möglich ist, ohne sich Gedanken über die Größe und Formate der hochzuladenden Bilder machen zu müssen. Der Kunde hat gestaunt, dass eine knapp einstündige Schulung ausreichte, um die Galerien und einen speziellen Archivbereich mit frei wählbaren Bilderslidern pflegen zu können.

Zur Übersicht:
Referenzen am laufenden Band

Navigationskonzept, Webdesign und CMS ExpressionEngine für ein Gymnasium in Essen

LEISTUNGEN:

• Navigationskonzept . Webdesign . CSS-Design
• CSS- und Template-Coding . ExpressionEngine . Formulare für Krankmeldung etc.
• Kunde: Mariengymnasium Essen-Werden

Als 2015 das Mariengynmasium Essen-Werden auf mich zukam, war die bestehende Website nur sehr schwierig zu pflegen und schlecht zu navigieren. Zuerst habe ich deshalb mit der Schulleitung und einem Lehrer, der die Website pflegen würde, ein Navigationskonzept entwickelt, in dessen Zentrum 5 zentrale Kategorien stehen sollten, die schnell, ohne Suchen und interessegeleitet zu den richtigen Inhalten führen würden. Das ist ein, neben dem Wording und der Strukturierung und Gewichtung von Inhalten, ein wesentlicher Bestandteil der Informationsarchitektur. Erst danach entwarf ich das Design, das heute hell und freundlich, aufgeräumt und mit dezentem Farbeinsatz die Inhalte präsentiert.
Nach Fertigstellung der Website war der Lehrer des Gymnasiums hellauf begeistert von dem neuen Content Management System ExpressionEngine, das es ihm endlich erlaubte, die Inhalte mit Fotoshows, Einzelfotos, Sliderbildern, Videos, Terminen, News und Download-Dokumenten intuitiv zu erweitern und zu editieren. Im Laufe der Jahre gab es dann immer mal wieder sinnvolle Erweiterungen wie einen eigenen Bereich für die Schülervertretung und das Beratungsteam sowie Formulare zur Krankmeldung und Beurlaubung, um einige Beispiele zu nennen. 
So habe ich nun seit jetzt 8 Jahren (Stand 2023) einen höchst zufriedenen Kunden, der eine Vielzahl von Inhalten eigenständig pflegen kann und immer mal wieder mit neuen Anforderungen auf mich zukommt. Mit ExpressionEngine sind übrigens auch die komplexeren Erweiterungen der Website im laufenden Betrieb möglich gewesen, ohne die Kosten ausufern zu lassen. Gerade für die klammen Schulen in diesem Land ein gewichtiges Argument.

Zur Übersicht:
Referenzen am laufenden Band

Informations-Portal mit ExpressionEngine für bundesweit aktiven Verein

LEISTUNGEN

• Konzeption . Webdesign 
• Coding und Programmierung . CMS ExpressionEngine . Bereich Bestellung Infomaterial und Bücher
• Kunde: Arbeitskreis Down Syndrom Deutschland e. V.

Ein bundesweit tätiger Verein, der sich um die Belange von Eltern mit Kindern, die das Down Syndrom haben, kümmert, hat zahlreiche Inhalte und Serviceangebote im Web zu verwalten. 2017 habe ich für den Arbeitskreis Down Syndrom Deutschland e. V. die Aufgabe eines Redesigns übernommen und zugleich eine teilweise Portierung der alten Inhalte von WordPress in das neue CMS ExpressionEngine realisiert. Heute bietet die Website des Vereins nicht nur die komfortable Bestellung von Infobroschüren und Büchern (mit einem internen Workflow für die Abarbeitung der Bestellungen), sondern auch einen leicht zu pflegenden Blog, eine zuverlässige Suchfunktion und einen prägnanten und schnell zu erfassenden Terminbereich. 

Zur Übersicht:
Referenzen am laufenden Band

Image-Website für eine Psychotherapeutin aus dem Ruhrgebiet

LEISTUNGEN:

• Konzeption . Webdesign
• CSS- und Template-Coding . CMS ExpressionEngine
• Kunde: Impulse Psychotherapie  Mühlheim an der Ruhr

Zur Übersicht:
Referenzen am laufenden Band

Landingpage für einen Vertrieb aus Marl: Konzept, Text, Design

LEISTUNGEN:

• Konzeption . Webdesign . Texte
• CSS- und HTML-Coding
• Kunde: B. Schneiderath GmbH  Marl

Zur Übersicht:
Referenzen am laufenden Band

Wissenschaftsportal und Literaturwissenschaft: Über den modernen Klassiker Ernst Weiß

LEISTUNGEN:

• Konzeption . Webdesign . Recherche . Text
• CSS- und Template-Coding . CMS ExpressionEngine
• Kontakt: Ernst Weiß Portal  Bochum/Lüdinghausen

Zur Übersicht:
Referenzen am laufenden Band

Minimalistisches Webdesign mit CMS für ein Architekturbüro im Ruhrgebiet

LEISTUNGEN:

• Konzeption . Webdesign . Blogging . Websitepflege
• CSS- und Template-Coding . CMS ExpressionEngine
• Kunde: Holtkamp Architekten  Bottrop

Zur Übersicht:
Referenzen am laufenden Band