Headergrafik Responsive Webdesign mit CMS Anbindung
Scroll-Button

Responsive Webdesign mit CMS Anbindung

Wir vereinen Design, Responsive HTML / CSS Umsetzung sowie die technische Anbindung an professionelle Content-Management-Systeme.

Quellwerke Taucher mit Kugelfisch

Kein Projekt ist uns zu komplex oder fremd. Wir finden und realisieren eine Lösung für Sie!

Mit dem Siegeszug von Smartphones und Tablets veränderte sich die Erreichbarkeit und Mobilität von uns Anwendern erheblich. Eine kurze Webrecherche am Bahnhof, Flughafen oder unterwegs in der Bahn mit dem Handy, bequemes mobiles Surfen egal an welchem Ort und zu welcher Uhrzeit über das Tablet, schnelle Informationsgewinnung in einem Meeting – für uns inzwischen selbstverständlich und alltäglich.

Doch endet der Spaß abrupt, wenn die Zielwebsite ausschließlich für die Darstellung und Verwendung auf einem Desktop PC konzipiert, realisiert und optimiert wurde. Alleine schon das Handling unterscheidet sich erheblich zwischen einem mobilen Endgerät und dem klassischen Heim- oder Arbeitsplatz PC.

An diesem Punkt setzt das Responsive Webdesign an. Die Idee dahinter: Die Website erkennt, mit welchem Gerät sie gerade aufgerufen wird und passt sich dem anfragenden Gerät bzw. dessen Auflösung flexibel an. Die Website reagiert also dynamisch auf unterschiedliche Displaygrößen (daher auch der Begriff Responsive Webdesign). Dabei passen sich sowohl Inhalts- und Navigationselemente als auch der strukturelle Aufbau an die jeweiligen Erfordernisse an.

TYPO3 Agentur

Jahrelange TYPO3 Erfahrung und weit über 300 TYPO3 Projekte garantieren den Erfolg Ihres Projekts ...

Pimcore Agentur

Wir sind Pimcore Gold Partner und haben unseren Pimcore Experten Status dutzendfach unter Beweis gestellt ...

E-Commerce Agentur

Wir entwickeln einfache sowie anspruchsvolle E-Commerce Plattformen / Onlineshops ...

360° Panorama

Neue Blickwinkel für Ihre Kunden dank 360° Panorama - Aufnahmen ...

Was ist ein Content-Management-System?

Allein die Übersetzung der drei Begriffe „Content“, „Management“ und „System“ ins Deutsche beschreibt den Begriff bereits recht treffend. Demnach ermöglicht ein solches System die einfache Verwaltung (Management) von Inhalten (Content) auf einer Website.

Ein Anwender, im Zusammenhang mit Content-Management-Systemen, auch als Redakteur bezeichnet, kann sämtliche Inhalte einer Webseite ohne Kenntnisse einer Programmiersprache bearbeiten, einfügen oder entfernen. Weiterhin ermöglicht ein Content-Management-System rollenbasierte Zugriffsverwaltungen, d.h. mehrere Redakteure mit jeweils unterschiedlich ausgeprägten Berechtigungen können zeitgleich an einer Website arbeiten. Die Aussage „ein CMS ist eine Verwaltungssoftware für meine Website“ ist allerdings nicht ganz korrekt. Ein CMS ist keine Software im klassischen Sinne, sondern vielmehr eine Webanwendung. Dies bedeutet, dass die Verwendung eines CMS bequem über einen beliebigen Browser erfolgen kann. Man unterscheidet dabei zwischen dem sogenannten „Backend“ und „Frontend“ des CMS. Während das Backend die administrative Oberfläche des Systems beinhaltet, stellt das Frontend die eigentliche Website dar.

Der technische Fokus liegt dabei besonders auf der strikten Trennung zwischen Inhalt und Layout. Diese Trennung ermöglicht es, die optische Darstellung der Website auszutauschen, ohne dabei die Inhalte anfassen zu müssen. Die Inhalte werden in einer Datenbank wie beispielsweise MySQL zentral gespeichert und verwaltet, das Layout (& Design) erfolgt über „Schablonen“ – sogenannten Templates.

Wie ein Responsive Webdesign entsteht ...

1. Responsive Webdesign als grafischen Entwurf erstellen

Am Anfang einer jeden Responsiven Website steht der grafische Entwurf. Wir erstellen Ihnen dabei wahlweise 1-x unterschiedliche Vorschläge, basierend auf Ihren Anforderungen, Wünschen und CI Richtlinien. Bereits bei diesen ersten "Pinselstrichen" via Photoshop kommt es darauf an, Grundlagen für die spätere Responsive Umsetzung zu schaffen. Das Stichwort dabei lautet Scaffolding. Unsere Webdesigner sind auf die Erstellung Responsiver Webdesigns spezialisiert und leisten damit eine wertvolle Vorarbeit für unsere Frontend-Entwickler.

2. Grafischen Entwurf an Bootstrap (oder vgl.) CSS Framework anbinden

Nach dem finalen Korrekturlauf und Freigabe durch den Kunden wird der grafische Entwurf an unsere Frontend-Entwickler übergeben. Diese zerlegen (slicen) den Entwurf in seine Elemente und überführen ihn in valides HTML5 / CSS3. Dabei setzen wir auf etablierte und professionelle CSS Frameworks, wie z.B. Bootstrap oder Foundation. Als Ergebnis entsteht so ein pixelgenaues Responsive Webdesign, in welchem bereits sämtliche Effekte (Slider, Hover-Effekte, JavaScripts, etc.) enthalten sind. Das Responsive Webdesign ist ab diesem Zeitpunkt für die Anbindung und Dynamisierung durch ein Content-Management-System perfekt vorbereitet.

3. Anbindung an ein professionelles Content-Management-System

Die dritte an einem Responsive Webdesign Projekt beteiligte Abteilung besteht aus den CMS Integratoren. Je nach Anforderung und Zweck der Responsive Website setzen wir dabei auf das Enterprise Content-Management-System TYPO3 oder die Digitalisierungsplatform Pimcore, die ein mächtiges CMS-Modul besitzt. Beide Systeme sind als Open Source Lösung verfügbar. Die Aufgabe unserer CMS Integratoren ist es, aus der Responsiven HTML / CSS Umsetzung die Templates für TYPO3 bzw. Pimcore zu erstellen. Die Integration von Extensions schließt den Vorgang der Dynamisierung ab, sodass der Status "Content Ready" erreicht ist.

4. Der Content-Manager füllt das Responsive Webdesign mit Leben

Auch bei der Pflege von Inhalten muss auf eine saubere und methodische Arbeitsweise geachtet werden. Unsere favorisierten Content-Management-Systeme TYPO3 und Pimcore stellen zwar eine Vielzahl an unterstützenden Funktionen für Responsive Webdesign zur Verfügung, dennoch gilt es einiges zu beachten. 

Für diesen Part sind bei uns geschulte und zertifizierte Redakteure verantwortlich, die die Inhalte aufbereiten und für Suchmaschinen optimiert in die Responsive Website integrieren. In Zusammenarbeit mit den Webdesignern wird zudem thematisch und stilistisch passendes Bildmaterial ausgesucht und an geeigneten Stellen responsive eingebunden. Ihre Responsive Website mit Anbindung an ein hochwertiges CMS ist fertig!

5. Support-Garantie dank Website Wartungsvertrag

Nach einem erfolgreichen Responsive Webdesign Projekt lassen wir Sie natürlich nicht alleine im Regen stehen. Vielmehr bieten wir Ihnen über flexible Wartungsverträge Garantien auf einen verlässlichen, freundlichen, kompetenten und vor allem unbürokratischen Support. Unsere Support-Mitarbeiter stehen Ihnen bei Fragen zur Handhabung Ihres Content-Management-Systems hilfreich zur Seite oder übernehmen wahlweise auch die Inhaltspflege. In weiteren Ausbaustufen eines Wartungsvertrags kümmern wir uns zudem proaktiv um Updates, Backups und Verfügbarkeit Ihrer Responsive Website.

Infovideo über unsere Responsive Webdesign Dienstleistungen

Sie haben Fragen zum Thema Responsive Webdesign?

Gerne stehen wir Ihnen als qualifizierte Internetagentur für Ihr Projekt zur Verfügung. 
Wir erstellen Ihnen ein individuelles, auf Ihre Bedürfnisse abgestimmtes Angebot.