TYPO3 Webdesign
individuell gestaltet, von Ihrer Redaktion einfach zu pflegen
Eine TYPO3 Website soll zu Ihrem Unternehmen passen, Besuchern den Weg zu den gesuchten Informationen zeigen und sich von Ihrer Redaktion eigenständig weiterentwickeln lassen. Dafür verbinden wir Unternehmensdesign, Nutzerführung und Technik – mit Seitenvorlagen (Templates) und vorbereiteten Inhaltselementen im Design Ihres Unternehmens.
Unser Ansatz
Gestaltung, die im Redaktionsalltag besteht
Ein Entwurf zeigt eine Website im Idealzustand: mit kurzen Überschriften, passenden Bildern und gleich langen Texten. Im Alltag kommen längere Überschriften, fehlende Bilder und neue Themen hinzu. Deshalb gestalten wir nicht nur einzelne Seiten, sondern Bausteine, die auch mit wechselnden Inhalten funktionieren.
Am Anfang steht die Konzeption: Welche Zielgruppen kommen auf Ihre Website, und welche Informationen benötigen sie? Daraus entstehen Navigation, Seitenstruktur und die Wege zur Anfrage, Bewerbung oder Produktauswahl. Darauf baut die Gestaltung auf. Vorhandene Gestaltungsvorgaben Ihres Unternehmens (Corporate Design) berücksichtigen wir.
In TYPO3 setzen wir das Design als Seitenvorlagen und Inhaltselemente um. Dabei verwenden wir bewährte Grundlagen und gestalten und erweitern sie passend zu Ihrem Projekt. Nicht jedes Element muss vollständig neu programmiert werden; welche Technik wir einsetzen, richtet sich nach dem Projekt.
comvos gestaltet und betreut TYPO3 Websites seit 2002. Steht die Erneuerung einer bestehenden Website einschließlich Übernahme der Inhalte an, ist der TYPO3 Relaunch der passende Rahmen. Individuelle Funktionen, Berechnungen und Schnittstellen sind Thema der TYPO3 Extension-Entwicklung.
Was sind Seitenvorlagen und Inhaltselemente?
Eine Seitenvorlage (Template) legt den Aufbau eines Seitentyps fest, etwa einer Leistungsseite. Inhaltselemente sind die Bausteine, aus denen Ihre Redaktion eine Seite zusammenstellt, zum Beispiel:
- Text mit Bild
- Teaser auf weitere Seiten
- Ansprechpartner
- Downloads
- FAQ
- Kontaktaufforderung
Aussehen, Abstände und das Verhalten auf kleinen Bildschirmen sind in der Vorlage festgelegt. Ihre Redaktion pflegt die Inhalte.
Unser Vorgehen
In vier Schritten zur gestalteten TYPO3 Website
Gestaltung und Technik entstehen bei uns nicht nacheinander in getrennten Abteilungen, sondern abgestimmt: Was entworfen wird, muss sich in TYPO3 pflegen lassen.
Schritt 1: Konzeption
Wir klären Zielgruppen, Inhalte und Ziele und leiten daraus Navigation, Seitenstruktur und die benötigten Seitentypen ab.
Schritt 2: Gestaltung
Wir entwerfen das Erscheinungsbild auf Grundlage Ihres Corporate Designs – für große und kleine Bildschirme und mit realistischen Inhalten.
Schritt 3: Umsetzung in TYPO3
Wir setzen Seitenvorlagen und Inhaltselemente um, richten das Backend für Ihre Redaktion ein und testen in einer separaten Entwicklungs- und Testumgebung.
Schritt 4: Einführung und Weiterentwicklung
Nach Ihrer Freigabe geht die Website in Betrieb. Wir dokumentieren Vorlagen und Elemente, weisen Ihre Redaktion ein und ergänzen bei Bedarf neue Bausteine.
Konzeption und Design
Von den Zielgruppen zum Erscheinungsbild
Gutes Webdesign beginnt nicht mit Farben, sondern mit der Frage, wer die Website nutzt und was diese Menschen dort erledigen möchten.
Zielgruppen und Nutzerführung
Corporate Design im Web
Barrierefreiheit von Anfang an
Verständliche Inhaltsstrukturen, passende Überschriften und Inhalte, die im HTML der Seite stehen, helfen auch Suchmaschinen und KI-Suchsystemen, Ihre Themen zu erfassen. Die Vorlagen legen dafür die Grundlage; eine bestimmte Platzierung lässt sich daraus nicht ableiten. Ausführlich dazu: TYPO3 SEO und TYPO3 GEO.
Templates und Inhaltselemente
Vorbereitete Bausteine im Design Ihres Unternehmens
Ein Beispiel: Ihre Redaktion wählt das Element „Ansprechpartner“, trägt Name und Kontaktdaten ein und ergänzt ein Foto. Darstellung, Bildformat, Abstände und das Verhalten auf dem Smartphone sind bereits eingerichtet.
Seitenvorlagen für unterschiedliche Seiten
Nicht jede Seite benötigt denselben Aufbau. Typische Vorlagen:
- Startseite
- Leistungsseiten
- Produktinformationen
- Referenzen
- Karriere und Stellenangebote
- Landingpages für Kampagnen
Wiederverwendbare Inhaltselemente
Ihre Redaktion kombiniert die Elemente entsprechend dem Inhalt. Typische Bausteine:
- Text-Bild-Kombinationen
- Teaser
- Ansprechpartner
- Referenzen
- Downloads
- FAQ
- Kontaktaufforderungen
Welche Vorlagen und Elemente Sie tatsächlich benötigen, ergibt sich aus der Konzeption. Wir verwenden bewährte Grundlagen von TYPO3 und gestalten und erweitern sie passend zu Ihrem Projekt. Auch Auswahl, Gestaltung und Einrichtung vorhandener Bausteine sind Leistungen mit Aufwand, den wir Ihnen im Angebot offen ausweisen.
Arbeit der Redaktion
Ein aufgeräumtes TYPO3-Backend
Das Backend ist die Verwaltungsoberfläche, in der Ihre Redaktion Inhalte pflegt. Redakteure sollen dort erkennen, welches Element für welche Aufgabe gedacht ist.
Verständliche Feldbezeichnungen
Passende Auswahlmöglichkeiten
Sinnvolle Vorgaben
Vorschau vor der Veröffentlichung
Den sicheren Umgang mit der eingerichteten Website vermitteln wir Ihren Redakteuren in einer TYPO3 Schulung – anhand Ihrer eigenen Vorlagen und Inhaltselemente.
Besondere Anforderungen
Responsiv, mehrsprachig, für mehrere Websites
Ob ein Design trägt, zeigt sich an den schwierigen Fällen: auf dem kleinen Bildschirm, in der zweiten Sprache und auf der Website eines weiteren Standorts.
Responsive Gestaltung mit echten Inhalten
Mehrsprachigkeit
Mehrere Websites (Multidomain)
Technische Umsetzung und Weiterentwicklung
Benötigen Sie Funktionen, die über Gestaltung und Inhaltspflege hinausgehen – etwa Berechnungen, eigene Datenmodelle oder Schnittstellen zu anderen Systemen –, ist das Aufgabe der TYPO3 Extension-Entwicklung.
Beispiel aus der Praxis
TYPO3 Webdesign für SOPREMA
Die Website der SOPREMA GmbH zeigt, wie unterschiedliche Seitentypen in einem einheitlichen Erscheinungsbild zusammenfinden.
SOPREMA GmbH
Anforderung: Die Website bündelt ein umfangreiches Angebot: Produkte und Systeme, Anwendungsbereiche, Services, Referenzen, Downloads und Karriere. Jeder Bereich stellt andere Anforderungen an den Seitenaufbau.
Umsetzung: Die Website läuft auf TYPO3. Die unterschiedlichen Seitentypen folgen einem gemeinsamen Erscheinungsbild. Werkzeuge wie die Entscheidungshilfe Absturzsicherung und der U-Wert-Rechner sind als individuelle Extensions eingebunden.
Nutzen: Fachbesucher wie Planer, Architekten und Verarbeiter gelangen über die Navigation zu Produkten, Services und Planungshilfen.
Website soprema.de ansehen · TYPO3 Extensions für SOPREMA im Überblick
Ergebnisse
Was Sie am Ende der Zusammenarbeit erhalten
Der genaue Umfang richtet sich nach Ihrem Projekt und steht im Angebot. In der Regel gehören dazu:
Für Ihre Website
- Konzept mit Navigation und Seitenstruktur
- Gestaltungsentwürfe für die wichtigsten Seitentypen, für große und kleine Bildschirme
- Seitenvorlagen und Inhaltselemente, umgesetzt in TYPO3
- auf unterschiedlichen Bildschirmgrößen getestete Darstellung
Für Ihre Redaktion
- eingerichtetes Backend mit verständlichen Feldbezeichnungen
- Dokumentation der Vorlagen und Inhaltselemente
- Einweisung Ihrer Redakteure
- auf Wunsch laufende Betreuung und Ergänzung neuer Bausteine
Ehrliche Einordnung
Wann sich individuelles TYPO3 Webdesign lohnt
Individuell gestaltete Vorlagen und Inhaltselemente bedeuten anfangs in der Regel mehr Aufwand als ein fertiges Standarddesign. Über die Nutzungsdauer kann sich das auszahlen, weil die Redaktion eigenständig arbeitet und das Erscheinungsbild einheitlich bleibt. Das gilt nicht für jedes Projekt.
Passt gut, wenn …
- Ihr Unternehmen ein Corporate Design hat, das auch im Web erkennbar sein soll,
- mehrere Redakteure Inhalte pflegen und das Erscheinungsbild einheitlich bleiben soll,
- Ihre Website unterschiedliche Seitentypen braucht, etwa für Leistungen, Produkte und Karriere,
- mehrere Sprachen, Standorte oder Marken gemeinsam geführt werden,
- die Website über viele Jahre genutzt und weiterentwickelt wird.
Passt weniger, wenn …
- Sie nur wenige Seiten benötigen, die sich selten ändern,
- kurzfristig eine einzelne Kampagnenseite gebraucht wird,
- kein eigenes Erscheinungsbild gefordert ist und ein Standarddesign genügt,
- Ihre bestehende Website gestalterisch überzeugt und nur technisch veraltet ist.
In diesen Fällen ist ein Standarddesign, ein einfacheres System oder – bei einer nur technisch veralteten Website – ein TYPO3-Upgrade häufig die wirtschaftlichere Wahl.
Das sagen unsere Kunden
FAQ
Häufige Fragen zu TYPO3 Webdesign
Ihre Frage ist nicht dabei? Rufen Sie uns an unter 0621 1789 111.
TYPO3 Webdesign verbindet die Gestaltung einer Website mit ihrer Umsetzung im Content-Management-System TYPO3. Dazu gehören Konzeption und Nutzerführung, das Erscheinungsbild auf Grundlage des Corporate Designs sowie Seitenvorlagen und Inhaltselemente, mit denen die Redaktion Inhalte selbst pflegt.
Eine Seitenvorlage (Template) legt den Aufbau eines Seitentyps fest, zum Beispiel einer Leistungsseite oder einer Landingpage. Inhaltselemente sind die Bausteine innerhalb einer Seite, etwa Text mit Bild, Teaser, Ansprechpartner oder FAQ. Die Redaktion wählt die Vorlage und kombiniert die Elemente entsprechend dem Inhalt.
Nein. Wir verwenden bewährte Grundlagen von TYPO3 und gestalten und erweitern sie passend zum Projekt. Eigene Inhaltselemente entwickeln wir dort, wo die vorhandenen Ihre Inhalte nicht sinnvoll abbilden. Welche Technik wir einsetzen, richtet sich nach dem Projekt.
Ja. Vorhandene Gestaltungsvorgaben wie Farben, Schriften und Bildsprache sind die Grundlage des Webdesigns. Häufig sind sie für Druckmedien entstanden; dann ergänzen wir in Abstimmung mit Ihnen, was für das Web fehlt, zum Beispiel Bedienelemente, Abstände oder ausreichende Kontraste.
Ja. Ihre Redaktion legt Seiten auf Basis der vorhandenen Seitenvorlagen an und stellt die Inhalte aus den vorbereiteten Inhaltselementen zusammen. Wird ein neuer Seitentyp oder ein neues Element benötigt, ergänzen wir es.
Wir gestalten und testen Vorlagen und Inhaltselemente für unterschiedliche Bildschirmgrößen und verwenden dabei realistische Inhalte, also auch lange Überschriften, unterschiedliche Textmengen, Tabellen und Bilder in verschiedenen Formaten.
Ja. Sprachversionen, Standorte oder Unternehmensmarken können Vorlagen und Inhaltselemente gemeinsam nutzen und bei Bedarf variieren, zum Beispiel in Farben oder Logo. Was gemeinsam und was eigenständig gestaltet wird, klären wir in der Konzeption.
Vorlagen und Inhaltselemente bleiben bei Updates innerhalb einer TYPO3-Hauptversion in der Regel unverändert nutzbar. Bei einem Wechsel auf eine neue Hauptversion müssen sie geprüft und gegebenenfalls angepasst werden. Den Aufwand dafür weisen wir im Angebot für das Upgrade gesondert aus.
Die Kosten hängen vor allem von der Zahl der Seitenvorlagen und Inhaltselemente, vom Gestaltungsaufwand, von Mehrsprachigkeit und von der Zahl der Websites ab. Nach einem ersten Gespräch erhalten Sie eine Aufwandsschätzung, gegliedert nach Arbeitspaketen und mit klar benannten Annahmen.
TYPO3 Webdesign umfasst Gestaltung, Nutzerführung, Seitenvorlagen und Inhaltselemente. Ein TYPO3 Relaunch ist die Erneuerung einer bestehenden Website als Gesamtprojekt und schließt zusätzlich die Übernahme der Inhalte, Weiterleitungen und die technische Umstellung ein. Webdesign ist dabei ein Teil des Relaunchs.
Häufig ja. Ob eine Überarbeitung des Designs auf der vorhandenen technischen Basis wirtschaftlich ist, hängt von der TYPO3-Version und vom Zustand der bestehenden Vorlagen ab. Das prüfen wir, bevor wir eine Empfehlung geben.
