Eine professionelle und einzigartige Website ebnet Ihnen den Weg in die digitale Zukunft! Unser Team in Nürnberg konzeptioniert und erstellt für Sie Websites, Webanwendungen, Webportale oder Online-Shops.

Hochwertige und zielgruppenorientierte Websites, die mit professionellen Content Management Systemen wie TYPO3 und WordPress realisiert werden und sich durch ein mordernes Webdesign auszeichnen, garantieren eine zukunftsorientierte Basis für Ihren Erfolg. Dank Responsive Webdesign werden Ihre Webseiten auf allen Gerätetypen optimal dargestellt und sind, auf Grund unserer langjährigen Erfahrung im UX Design, problemlos nutzbar. Suchmaschinenoptimierung und Online Werbung sorgen daneben für Traffic.

Weiterentwicklung und Pflege bestehender Websites

Sie besitzen bereits eine Website? Kein Problem! Neben dem Erstellen neuer Websites bieten wir Ihnen auch die kontinuierliche Verbesserung und Weiterentwicklung Ihrer bereits bestehenden Website an. Wir pflegen und optimieren Ihre Website für Sie, nicht nur in Nürnberg sondern in ganz Deutschland.

OE-icon

Sprechen Sie mich an für ein individuelles Website-Angebot

Markus Stopfer

Online Marketer
UXQB Certified Professional for User Experience
(CPUX-F, UT)

Strategie, Google AdWords, SEO

Kontaktieren Sie mich

Content Management System (CMS) - Die Basis moderner Websiteerstellung


Content-Management-Systeme wie z. B. TYPO3 und WordPress kommen in der Regel beim Entwickeln von Websites zum Einsatz und dienen dabei der

  • Erstellung
  • Bearbeitung und
  • Organisation

von Website-Inhalten, dem sogenannten "Content". Je nachdem wie flexibel und leistungsfähig das jeweilige CMS ist, sind dessen Einsatzmöglichkeiten sehr vielfältig oder eher eingeschränkt.

Die Funktionsweise ist bei allen CMS vom Prinzip her gleich: die Trennung der Website-Inhalte, dem Content, vom Webdesign bzw. Layout und damit von der dahinter liegenden Website Entwicklung. Diese erfolgt üblicherweise auf Grundlage von HTML-Templates und CSS-Stylings. Bei modernen Content-Management-Systemen wie TYPO3 oder WordPress ist die Pflege über eine grafische Benutzeroberfläche möglich und in der Regel so unkompliziert, wie das Arbeiten mit einem Textverarbeitungsprogramm. 

CMS: Backend und Frontend ihrer Website

Die grafische Benutzeroberfläche zur Verwaltung der Website-Inhalte bezeichnet man im Allgemeinen als Backend. Das Backend kann mithilfe von Zugriffsrechten so konfiguriert werden, dass unterschiedliche Ansichten und somit verschiedene Funktionen für Entwickler, Administratoren und Redakture entstehen. Das Backend ist für Besucher der Website nicht sichtbar.

Die nach außen sichtbare Website wird als Frontend bezeichnet. Sie unterscheidet sich kaum von statisch erstellten Websites, die ohne CMS entwickelt wurden.

CMS

ENTWICKLUNG

EXTENSIONS

ONLINE PORTAL

PFLEGE

RESPONSIVE

Die Vorteile eines CMS wie TYPO3 und WordPress

Content Management Systeme haben viele Vorteile:

  • die Inhalte der Webseite können sehr einfach, schnell und flexibel verwaltet werden
  • dafür sind keinerlei Programmierkenntnisse notwendig
  • der Redakteur muss sich nicht um Webdesign, Layout und Technik der Website kümmern
  • durch den Einsatz von TYPO3-Extensions oder WordPress-Plugins sind die Webseiten funktional nahezu beliebig erweiterbar und noch komfortabler zu pflegen

Anwendungsfelder für CMS-Systeme

Bei den verschiedenen Content Management Systemen, stehen unterschiedliche Ziele im Mittelpunkt. Deshalb ist es wichtig, die Ziele und Einsatzbereiche Ihrer gewünschten Website zu ergründen und anhand dessen zu entscheiden, welches CMS für Ihr Projekt am geeignetsten ist. Dabei sollten folgende Anwendungsfelder unterschieden werden:

  • Web Content Management - Systeme: (TYPO3)
    sind besonders geeignet für Websites mit einer Vielzahl von unterschiedlichen und/oder komplexen Inhalten - die erste Wahl für Unternehmenswebsites
  • Blog Publishing / News - Systeme: (WordPress)
    sollten verwendet werden, wenn Blogging oder das Publizieren von News das Kernthema der Website ist, da der Aufbau dieser Content Management Systeme die dafür entsprechenden Anforderungen erfüllt
  • Social Publishing / Communities - Systeme: (Drupal)
    legen einen klaren Fokus auf den Bereich Online Communities und die dafür notwendigen Funktionen

Beispiel: Elektrobit Website

Schon seit mehreren Jahren betreuen wir die Website des Automobilzulieferer Elektrobit. Die Website basiert auf dem Content Management System WordPress und wird von uns, von Nürnberg aus, kontinuierlich durch individualisierte Plugins ergänzt und weiterentwickelt. So können die Inhalte der Webseiten von den Elektrobit Redakteuren in Nordamerika oder Asien, in verschiedenen Sprachen, individuell an den jeweiligen Markt angepasst werden.

Zur Website von Elektrobit

Unendliche Möglichkeiten - Websites mit TYPO3


Zum Erstellen von Websites nutzen wir bereits seit vielen Jahren das Content Management System TYPO3. Es ist ein professionelles und freies CMS, also "Open Source", und zeichnet sich durch seine hohe Flexibilität und Erweiterbarkeit aus.

Das Erstellen einer Website auf Basis von TYPO3 kann grob mit folgenden Tätigkeiten beschrieben werden:

  • das Webdesign wird mittels HTML-Templates und CSS-Styling erstellt
  • falls notwendig werden für spezielle Webseiten-Inhalte eigene TYPO3-Extensions entwickelt 
  • alle notwendigen Benutzerprofile (Administratoren und Redakteure) zur Pflede der Website werden angelegt
  • die Webseiten-Inhalte werden eingepflegt

Das Einpflegen der Inhalte auf der Website kann dabei bereits von Ihnen übernommen werden. Ihr Benutzerprofil haben wir so für Sie konfiguriert, dass Ihnen nur die für Sie notwendigen Funktionen zur Verfügung stehen. Selbstverständlich schulen wir Sie vorher im richtigen Umgang mit TYPO3, sodass nichts mehr zwischen Ihnen und Ihrer Wunsch-Website steht.

TYPO3 - Basisfunktionen

Das Backend dient zur Pflege und Administration der Website. Hier stehen je nach Berechtigung bestimmte Funktionen zur Verfügung, mit denen die Website erstellt und eingerichtet werden kann. Die Seitenstruktur der Website wird über einen entsprechenden Seitenbaum angelegt. Die Webseiten können dann mit Inhalt gefüllt werden.

Inhaltselemente füllen die Website mit Leben. Auf einer Seite können beliebig viele Inhaltselemente eingefügt werden. Hierbei gibt es verschiedene Typen von Elementen, die dazu beitragen, die Webseiten zu strukturieren. Über die bereits vorhandenen Inhaltselemente hinaus können auch eigene Elemente programmiert und auf den Webseiten genutzt werden. Damit ist Ihnen eine riesige Vielfalt an Gestaltungsmöglichkeiten gegeben. Mit der Vorschau-Funktion können Sie jederzeit überprüfen, wie die Seite momentan aussieht.

Seiteneigenschaften unterstützen u. a. die Suchmaschinenoptimierung der Website. Hier können Metadaten und Seitenbeschreibungen angegeben werden. Außerdem können Sprachen und Sichtbarkeiten der Webseiten eingestellt werden. Zudem finden sich hier Funktionen zur Strukturierung der Website. Sie können z. B. manuell bestimmte Seiten ein- und ausblenden, entweder komplett oder nur das Menü Ihrer Website betreffend.

Der Rich Text Editor erleichtert die Pflege und visuelle Anpassung von Texten, sowie die Erstellung von Verlinkungen. Sie können den Editor mit seinen handlichen Funktionsbuttons nutzen oder direkt Ihren HTML-Quellcode bearbeiten. Zudem ist es möglich, eigene Formate und Funktionen zu programmieren, die dann problemlos im Editor genutzt werden können.

Der Formulargenerator TYPO3 bietet die Möglichkeit ganz einfach eigene Formulare zu erstellen. Dabei können beliebig viele Elemente mit verschiedenen Feldtypen, wie etwa Texte, Checkboxen, Buttons usw, angelegt und editiert werden. Zusätzlich kann festgelegt werden, ob ein Feld ein Pflichtfeld ist oder nicht.

Mit der Dateiliste hat man direkten Zugriff auf den eigenen Webspace. Dort können beliebige Dateien hochgeladen und in einer hierarischen Ordnerstruktur verwaltet werden. Für die Dateiliste benötigen Sie keinen ftp-Zugang. Zudem können bestimmte Rechte vergeben werden, die dem jeweiligen Redakteur vorgeben, welche Ordner er bearbeiten darf. Damit ein unnötiges Übelquirlen des Dateisystems verhindert wird, ist eine maximale Dateigröße vorgegeben. So ist garantiert, dass die gewünschten Dateien vor dem Hochladen auf Ihre Webtauglichkeit überprüft werden.

Beispiel: Nürnberg Digital Festival Website

Das TYPO3 der Nürnberg Digital Festival Website wurde durch individualisierte und erweiterte Extensions ergänzt, z. B. für den Blog, die Nutzerverwaltung oder die Eventverwaltung. So ist sowohl die Pflege der Events durch Veranstalter, als auch deren Verwaltung durch das Nürnberg Digital Festival Team im TYPO3 Backend möglich. 

Mehr über das Website-Projekt

TYPO3 bietet eine Vielzahl an Erweiterungen, sogenannte Extensions, mit denen die Funktionalität von Webseiten nahezu beliebig erweitert werden kann.

TYPO3 Extensions - maßgeschneiderte Funktionalität für Ihre Website

Extensions sind einer der Hauptvorteile beim Erstellen von Websites mit TYPO3. Sie sorgen für eine höhere Usability und eine bessere Funktionalität der Webseiten. Es gibt eine unglaubliche Anzahl an frei verfügbaren Extensions für verschiedenste Anwendungsbereiche. Auf Seiten wie GitHub oder Packagist können diese frei verfügbaren Erweiterungen problemlos heruntergeladen werden. Der gängigste Weg hierfür ist jedoch der TYPO3-eigene Extension Manager. Mit ihm können Extensions ganz einfach installiert, aktiviert oder auch deaktiviert werden.

Selbst mit dem breiten Angebot an freien Extensions kann es vorkommen, dass es Anwendungsfälle gibt, für die noch keine passende Extension existiert. Doch auch das ist kein Problem: Sie benötigen eine Extension maßgeschneidert nach Wunsch? Bei uns ist alles möglich!

Beispiel: Akademie Faber-Castell Website

Für die Verwaltung der Studiengänge und Einzelseminare, die auf der Akademie Website angezeigt werden, wurde eine eigene "Akademie"-Extension entwickelt, über die u.a. auch die Bereiche Dozenten, Kurse und Galerien verwaltet werden und die auch die automatische Generierung der zahlreichen Anmeldeformulare innerhalb der Webseiten übernimmt.

Mehr über das Website-Projekt

Responsive Webdesign

Für Professionalität und Kundenzufriedenheit ist es zwingend notwendig, dass sich eine Website dem Endgerät anpasst, auf dem sie aufgerufen wird. Responsive Webdesign ist ein gestalterisches und technisches Vorgehen, bei dem sichergestellt wird, dass Ihre Website genau darauf reagieren kann. Dabei wird der selbe Inhalt Ihrer Website in leicht abgewandeltem Webdesign für die jeweiligen Gerätegrößen zur Verfügung gestellt. Egal ob PC, Tablet oder Smartphone, wir sorgen dafür, dass Ihre Website-Inhalte stets optimal präsentiert werden.

Responsive Webdesign - Media Query

Die Umsetzung eines responsiven Webdesigns geschieht über HTML5 und CSS3. Dabei werden sogenannte Media Queries genutzt. Diese Queries können Eigenschaften, sogenannte Medienmerkmale, des Endgeräts abfragen und dementsprechend die benötigten, vorher festgelegten Anpassungen für die Website aufrufen. Solche Eigenschaften können zum Beispiel die Displaygröße, die Auflösung oder das Format sein. Damit sich das Responsive Webdesign problemlos auf der Website verhält, muss eine strikte Trennung von Inhalt und Layout vorgenommen werden. Nur so kann das Webdesign optimal an die verschiedenen Gerätegrößen angepasst werden.

Das gängigste Medienmerkmal ist die Breite (width) des jeweiligen Anzeigebereichs. Hiermit wird festgelegt, ab welcher Pixel-Breite des darstellbaren Bereichs bestimmte CSS-Stylings zum Einsatz kommen. Bei besonders kleinen Auflösungen ist es ratsam, auch bestimmte Funktionen der Webseiten zu vereinfachen oder herauszunehmen, um die Nutzerfreundlichkeit der Seite beibehalten zu können.

Get in Touch

Ihr Ansprechpartner