Relaunch der Verbands-Webseite mit TYPO3 – mit eigenen TYPO3-Extensions für FAQ, Glossar und Infothek

Parallel zur Entwicklung der neuen Mitglieder-Datenbank haben wir für den Verband DVFG in Berlin ein neues Portal in Responsive Webdesign umgesetzt.

Die Entwicklung von TYPO3-Webseiten und -Extensions ist seit Jahren eine der Kernkompetenzen der TYPO3-Agentur PERIMETRIK®. Für den Deutschen Verband Flüssiggas (DVFG) haben wir eine umfangreiche neue TYPO3-Webseite in Responsive Webdesign umgesetzt, die neben einer verbesserten Benutzerführung insbesondere durch einen neu strukturierten Infobereich besticht.

An den neuen Internetauftritt wurden mehrere Anforderungen gestellt: unterschiedliche Zielgruppen bedienen, Daten sammeln und bereitstellen, Verwaltung von Mitgliedern und Sachkundigen ermöglichen.

Restrukturierung der Verbands-Webseite für viele Zielgruppen

Aufgrund der vielfältigen Zielgruppen des Verbandes (Öffentlichkeit, Mitglieder und Sachverständige) und des über die Jahre stark gewachsenen Informationsangebotes musste das Informationsportal grundlegend restrukturiert und besser erschlossen werden. Wir haben daher eine zentrale Infothek als TYPO3-Extension entwickelt, die Ablage-/Archivstruktur neu organisiert und einige Inhalte in einen FAQ-Bereich sowie ein Glossar ausgelagert. Die FAQ-Extension und das Glossar-Extension sind ebenfalls als individuelle TYPO3-Extensions umgesetzt.

Darstellung von Veranstaltungen

Verbesserung der Benutzerführung

  •  Neuorganisation der Navigation für bessere Benutzerführung, Reduktion der Navigationsebenen, Hauptnavigation mit Dropdown-Menüs, Aufteilung der Navigation in Hauptmenü, Meta- und Footermenü.
  •  Neustrukturierung des bestehenden Infobereiches mit Reorganisierung der Kategorien (Zusammenführung von Kategorien, etc.)

Design

  •  Leichtes Redesign in Anlehnung an die alte Webseite
  •  Adaption des Designs für eine Umsetzung in Responsive Design

Redaktionelle Verbesserungen

  •  neben der erwähnten Neuorganisation der Benutzerführung Einführung von Landing-Pages mit statischen Texten sowie dynamisch vorgefilterten Infotheks-Elementen

Features der neuen TYPO3-Webseite

TYPO3-Extension Infothek

Eine wichtige von PERIMETRIK® entwickelte TYPO3-Extension kommt bei der Infothek zum Einsatz. Auch sie ist responsive und kann nach Kategorien wie Zielgruppe, Format oder Thema sowie durch kombinierbare Filter (komfortabel) durchsucht werden. Dabei ist die Sortierreihenfolge manuell definierbar.

Die Infothek erschließt Informationen für unterschiedliche Zielgruppen:

TYPO3-Extension Infothek von Internetagentur PERIMETRIK®

Gefilterte Trefferliste der Infothek

Gefilterte Ergebnisse der TYPO3-Extension Infothek von Internetagentur PERIMETRIK®

Features und Funktionen der PERIMETRIK®-TYPO3-Extension Infothek

  •  mehrere Kategorien wie Thema, Zielgruppe, Format, etc.
  •  kombinierbare Filter
  •  Sortierreihenfolge manuell definierbar
  •  mehrere Templates: Gesamtliste mit Filter, vorgefiltere große Liste, z.B. für Landing-Pages sowie schmale gefilterte Liste für weiterführende Info in der Sidebar
  •  Vorgefilterte Listen mit Filter (z.B. Info für Endverbraucher)
  •  Detaildarstellung mit RTE (Rich Text Editor)
  •  Unterstützung von Real-URL
  •  Responsive

Suchmaschinen-Optimierung für TYPO3: Landing-Pages mit weiterführenden Infos

Als eher statisches Content-Management-System muss man TYPO3 bei der Suchmaschinenoptimierung erst auf die Sprünge helfen. Mit Extensions wie Real-URL und Bordmitteln wie den Meta-Daten kann man schon einiges erreichen, aber richtig spannend wird eine mit TYPO3 erstellte Webseite erst, wenn durch dynamische Inhalte viele gute Links zu relevantem Content dazu kommen.

Durch die unterschiedlichen Templates der Infotheks-Extension ist es möglich, vorgefilterte Listen mit Infotheks-Inhalten in Seiten einzubinden, z.B. die neusten Artikel im Seiteninhalt und weiterführende Infos in der Seitenleiste. Mit den richtigen SEO-Einstellungen versehen bieten diese Seiten vielen relevanten Content und viele wertvolle interne Links und werden somit von Suchmaschinen gut bewertet, was das Ranking deutlich verbessert.

TYPO3-Landings-Page mit weiterführenden Inhalten - erstellt von PERIMETRIK®

Entwicklung eigener TYPO3-Extensions für Glossar und FAQ

Wie die restliche Webseite sind natürlich auch die TYPO3-Extensions für Responsive Webdesign umgesetzt: die TYPO3-Glossar-Extension ist im Backend verlinkbar, bietet Real-URLs mit Hashtags und die automatische Generierung eines Menüs mit Sortierung nach Anfangsbuchstaben. Unsere FAQ-Extension gewährleistet eine übersichtliche Darstellung verschiedener FAQs zu unterschiedlichen Themen mittels Filter-Funktion und Kategorien. Sie wird im TYPO3-Backend bearbeitet und ist in TYPO3 intern verlinkbar.

Darstellung des Glossars mit automatischem Index

128-DVFG-640x512-TYPO3-Glossar

Features und Funktionen der PERIMETRIK®-TYPO3-Extension Glossar

  •  eigene TYPO3-Extension: responsive, im Backend verlinkbar, Real-URL mit Hashtags,
  •  automatische Generierung eines Menüs mit Sortierung nach Anfangsbuchstaben,
  •  Responsive

Darstellung der FAQ mit Filter

TYPO3-FAQ-Extension mit Filter – entwickelt von PERIMETRIK®

Features und Funktionen der FAQ-Extension (eigene TYPO3-Extension)

  •  Template mit Akkordeon
  •  mit Kategorien und Filter-Funktion zur übersichtlichen Darstellung von FAQs zu mehreren Themen
  •  Bearbeitung im TYPO3 Backend
  •  in TYPO3 intern verlinkbar
  •  Responsive

Suchen Sie eine professionelle Webagentur bzw. eCommerce Agentur?

Zögern Sie nicht uns zu kontaktieren!