Leistung
Drupal-Theme-Entwicklung und Design
Ein Drupal-Theme bestimmt Aussehen und Bedienung einer Drupal-Website. RedOrbit gestaltet und entwickelt Drupal-Themes vom UX-Konzept bis zur Umsetzung: schnell, barrierearm und so gebaut, dass Ihr Team die Seiten gut pflegen kann.
Ausgangslage
Drupal-Theme-Entwicklung: Design und Technik aus einer Hand
Das Theme bestimmt, wie Ihre Drupal-Website aussieht, wie sie sich auf dem Smartphone bedienen lässt und wie schnell sie lädt. Bei der Drupal-Theme-Entwicklung verbinden wir deshalb Gestaltung, Nutzerführung und saubere Technik. Sie bekommen beides aus einem Team, ohne Übergabe zwischen Designagentur und Entwicklern.
Typische Situationen, in denen Kunden uns ansprechen:
- Ein neues Design liegt vor, von Ihrer Designagentur oder aus dem eigenen Haus, und soll in Drupal umgesetzt werden.
- Das bestehende Theme ist in die Jahre gekommen: auf dem Smartphone unhandlich, langsam oder schwer anzupassen.
- Die Website soll barrierefrei werden, für Ihre Nutzer und weil es zunehmend verlangt wird.
- Die Redaktion kann neue Seiten nur mit Hilfe von Entwicklern gestalten.
- Mehrere Websites sollen unter einem gemeinsamen Auftritt zusammengeführt werden.
Vorgehen
Vom Konzept zum fertigen Theme
- 1. Analyse
Wir sehen uns Ihre Zielgruppen, Inhalte, Ihr Corporate Design und den Alltag Ihrer Redaktion an.
- 2. UX-Konzept
Wir legen Seitenstruktur, Navigation und die wichtigsten Seitentypen als Wireframes fest und stimmen sie mit Ihnen ab.
- 3. Design
Auf Basis Ihrer CI entsteht das Screendesign, aufgebaut aus wiederverwendbaren Komponenten statt aus Einzelseiten.
- 4. Theme-Entwicklung
Wir setzen das Design als Drupal-Theme um, mobil zuerst, mit Twig-Templates und, wo es passt, auf Basis von Bootstrap.
- 5. Prüfung
Vor dem Livegang testen wir auf gängigen Browsern und Geräten, prüfen Barrierefreiheit und messen die Ladezeit.
- 6. Übergabe
Ihre Redaktion lernt die neuen Bausteine kennen, auf Wunsch in einer eigenen Schulung.
Leistungsumfang
Was enthalten ist
UX und Struktur
Seitenstruktur, Navigation, Wireframes und Nutzerführung, abgestimmt auf Ihre Zielgruppen.
Screendesign
Gestaltung auf Basis Ihrer Marke, als System aus Komponenten, das mit Ihren Inhalten mitwächst.
Responsives Theme
Ein Drupal-Theme nach Drupal-Standards, das auf Smartphone, Tablet und Desktop gut funktioniert.
Barrierearme Umsetzung
Saubere Überschriften, ausreichende Kontraste, Bedienung per Tastatur und Alternativtexte für Bilder.
Ladezeit
Optimierte Bilder, schlanker Code und lokal eingebundene Schriften für gute Werte bei den Core Web Vitals.
Überarbeitung bestehender Themes
Fehler beheben, modernisieren oder auf ein aktuelles Drupal heben, auch wenn eine andere Agentur das Theme gebaut hat.
Barrierefreiheit
Barrierefreiheit von Anfang an
Barrierefreiheit lässt sich am Ende kaum nachrüsten. Wir berücksichtigen sie deshalb schon im Konzept und im Design: bei Farben und Kontrasten, Schriftgrößen, der Reihenfolge der Inhalte und der Gestaltung von Formularen.
Im Theme achten wir auf eine klare Überschriftenstruktur, sichtbare Fokus-Rahmen, Bedienbarkeit per Tastatur und korrekte Auszeichnung für Screenreader. Als Maßstab dienen die Richtlinien der WCAG. Drupal-Core bringt dafür bereits eine gute Grundlage mit, auf der wir aufbauen.
Bei den Websites von Die Mitterfelder und Desideria haben wir Funktionen für mehr Barrierefreiheit mit Drupal-Modulen umgesetzt.
Hinweis: Barrierefreiheit braucht auch die Redaktion
Ein barrierearmes Theme ist die Voraussetzung, aber nicht alles. Alternativtexte, verständliche Linktexte und eine saubere Gliederung entstehen bei jeder neuen Seite in der Redaktion. Ob Ihr Angebot unter das Barrierefreiheitsstärkungsgesetz fällt, sollten Sie rechtlich prüfen lassen. Die technische Umsetzung übernehmen wir.
Beispiele
Beispiele aus unseren Projekten
Für das Rezeptportal Simply Yummy haben wir das Theme neu umgesetzt und damit den Auftritt der Website überarbeitet.
Die Website von Sylt Fräulein haben wir auf Drupal 11 umgesetzt, das Theme eingeschlossen. Leserinnen und Leser finden die Inhalte nach Thema oder nach Inselort, die Startseite zeigt saisonale Themenreihen als Karten zum Durchblättern.
Häufige Fragen
Häufige Fragen
Können Sie ein Design unserer Designagentur umsetzen?
Ja. Wir prüfen das Design vorab auf Umsetzbarkeit in Drupal, auf mobile Darstellung und Barrierefreiheit. Fragen klären wir direkt mit Ihnen oder Ihrer Agentur, bevor die Entwicklung beginnt.
Müssen wir für ein neues Design die ganze Website neu bauen?
Nicht unbedingt. Ein neues Theme lässt sich oft auf die bestehenden Inhalte setzen. Läuft Ihre Website noch auf einer alten Drupal-Version, verbinden wir das neue Design sinnvoll mit einer Drupal-Migration.
Ist die Website danach barrierefrei?
Wir setzen das Theme barrierearm nach den WCAG-Richtlinien um und prüfen es vor dem Livegang. Ob die gesamte Website barrierefrei ist, hängt auch von den Inhalten ab, die Ihre Redaktion pflegt. Dabei unterstützen wir mit Hinweisen und Schulung.
Können unsere Redakteure Seiten selbst gestalten?
Ja. Wir bauen das Design aus Bausteinen wie Text, Bild, Karten oder FAQ, die Ihre Redaktion frei kombinieren kann. So entstehen neue Seiten ohne Entwickler, und das Erscheinungsbild bleibt einheitlich.
Was kostet ein Drupal-Theme?
Das hängt davon ab, ob wir das Design selbst entwickeln oder ein vorhandenes umsetzen, wie viele Seitentypen und Komponenten es gibt und wie frei Ihre Redakteure Seiten gestalten sollen. Nach einem ersten Gespräch erhalten Sie ein Angebot.
Wissen
Ihr Design in Drupal umsetzen
Ob neues Design, Überarbeitung oder Barrierefreiheit: Erzählen Sie uns, was Sie vorhaben. Sie erhalten innerhalb von 24 Stunden eine Antwort.
Drupal Superheroes at your service