Warum Mobile-First so wichtig für SEEBURGER ist

Warum Mobile-First so wichtig für SEEBURGER ist

Die SEEBURGER AG ist ein deutsches Softwareunternehmen mit Sitz im nordbadischen Bretten. Seit mehr als 30 Jahren unterstützt SEEBURGER Unternehmen bei der Optimierung ihrer Geschäftsabläufe. Mit ihrer Business ­Integration Suite (BIS) bieten sie in flexiblen Bereitstellungsmodellen – z.B. in der Cloud, hybrid oder on-premise – eine agile, sichere und skalierbare Plattform für die Integration zwischen Anwendungen, Menschen und Prozessen.

SEEBURGER präsentiert sich seit dem kürzlich veröffentlichten Relaunch ihrer Website im neuen Design.
Beim Screendesign des neuen Internetauftritts war von Beginn an der Hauptfokus klar: Mobile-First. Das bedeutet, dass ein Design zuerst im Mobile-Viewport aufgebaut wird und anschließend an die wachsenden Viewports (Tablet/Desktop) angepasst wird und somit auf dem Smartphone besser bedienbar ist. Dem Kunden war es besonders wichtig, die neue Website auf allen Endgeräten übersichtlich zu strukturieren. So kann ein selbsterklärendes User-Interface mit guter User-Experience gewährleistet werden, das ansprechend und vor allem professionell aussieht.

Der Weg zum Design


Wie gewünscht, so umgesetzt. Nachdem der erste Designvorschlag stand und die grobe Richtung für das neue Auftreten klar war, wurde in einigen aufeinanderfolgenden Feedback-Schleifen immer wieder weiter optimiert. Am Ende hat sich daraus ein sauberes Erscheinungsbild ergeben, das perfekt auf die Anforderungen der Besucher zugeschnitten war. Im Sinne der Usability sind zur Veranschaulichung viele eigens erstellte Custom Icons von SEEBURGER im zum Einsatz gekommen. Diese speziell gefertigten Grafiken können unternehmensweit in verschiedenen Medien genutzt werden, um Produkte, Dienstleistungen und Sachverhalte anschaulich zu erklären.
Um dem Besucher eine möglichst zielgruppengerechte Navigation ohne Verluste der Benutzerfreundlichkeit bieten zu können, wurde in der Desktop-Ansicht auf ein Mega-Menü (Navigation mit Darstellung von vielen Unterpunkten oftmals ergänzt durch individuelle Inhalte) gesetzt. Im mobilen Kontext ändert sich dieses dann zu einem Slider-Menü, das themengerechte Unterpunkte beinhaltet. Im Gegensatz dazu wurde der Footer im Vergleich zur alten Seite zugunsten der Übersichtlichkeit in seinen Inhalten auf ein notwendiges Minimum reduziert.

SEO-Support


Im Bereich der Suchmaschinenoptimierung haben wir SEEBURGER vor allem bei der Perfektionierung des Weiterleitungsmanagements, der generellen Seitenstruktur sowie bei internationalem SEO beratend unterstützt. Eine solche Beratung ist generell bei der Umstrukturierung von Internetauftritten besonders wertvoll. Zudem findet fortlaufend SEO Monitoring für die Website statt, um stetig nötige Anpassungen umgehend vornehmen zu können. Seit dem Relaunch beraten wir in regelmäßigen SEO Meetings das Team von SEEBURGER. Damit auch in Zukunft die Sichtbarkeit weiter steigt.

Bessere UX auch für Redakteure


Die User Experience sollte nicht nur im Frontend – also auf der Seite selbst – sondern auch im Backend verbessert werden, damit den Redakteuren die tägliche Arbeit mit TYPO3 möglichst einfach fällt. Aus diesem Grund sind in der Administrationsoberfläche im TYPO3 alle irrelevanten Felder ausgeblendet, an sinnvollen Stellen wurden erklärende Icons eingesetzt und zu guter Letzt gibt es weitergehende Informationen zu Vererbungslogiken (woher kommen die angezeigten Informationen).

Servermanagement


SEEBURGER hat drei Server im Einsatz. Davon befinden sich zwei in Deutschland (für https://www.seeburger.com) und einer in China (für https://www.seeburger.cn), um auch für chinesische Besucher eine optimale Performance gewährleisten zu können. Trotz dieses Aufbaus gibt es jedoch nur ein TYPO3 für alle Instanzen.
Das Deployment (Verteilung von Code für neue Features oder Bugfixes) läuft hierbei vollautomatisiert über die gängige Software Gitlab CI. Die Code-Qualität wird hierbei stetig mit verschiedenen Tools überprüft. Anschließend wird die Software automatisch zusammengebaut und nur relevante Teile auf dem Zielsystem eingespielt. Und das alles ohne Ausfall der Website.

Der Kern des Projektes


Das Herzstück und der ganze Stolz unserer Entwickler in diesem Projekt ist zweifellos das Resource Center. Es handelt sich hierbei um ein System auf Basis strukturierter Daten zur Pflege von sämtlichen Inhalten wie z.B. Pressemitteilungen, Broschüren, Case Studies, Zertifikaten, Konnektoren und vielen mehr.
Das Marketing Automation Tool Marketo ist ebenfalls Teil des Ressource-Centers. Die Marketo-Formulare, die vor Ressourcen geschaltet werden können, machen diese zu effektiven Lead Magneten. Das bedeutet, dass Besucher auf zuvor definierte Dateien - wie beispielsweise Whitepaper -  erst nach dem Ausfüllen einer vorgeschalteten Anmeldemaske zugreifen können. Ein eigenes Content-Element erlaubt hierbei die Einbindung von unterschiedlichen Marketo-Formularen. Anmeldungen für Events laufen ebenso über Marketo. Last But not Least verfügt das Resource Center über eine Anbindung als eigene Filterfacette an SOLR (eine eigene zentrale Suchmaschine).

Zukunftsausblick


Wir sind stolz, die SEEBURGER AG weiterhin im Rahmen eines Supportvertrages als Kunden betreuen zu dürfen. Wir freuen uns, in Zukunft gemeinsam noch weitere neue Features zu entwickeln und spannende Projekte zu verwirklichen.


Haben Sie Fragen zu einem ähnlichen Projekt? Wir freuen uns, wenn wir Ihnen zur Seite stehen können.

Sandra Pohl

Ich berate Sie gerne

Hallo, mein Name ist Sandra Pohl und ich helfe Ihnen gerne - schnell und unkompliziert. Rufen Sie mich an oder hinterlassen Sie mir im Kontaktformular Ihre Nummer.

Sandra Pohl  |  Product Owner & Project Manager

No more chaos when the office is full - this is how we organize our team weeks

A large part of our team now works remotely, and we are proud that this way of working works so well at in2code. Nevertheless, it is important to see colleagues and employees in person on a regular...

Zum Beitrag

Behind the scenes: A conversation with Peter, team lead of the TYPO3 Localization Team

The TYPO3 Localization Team ensures that TYPO3 is understandable and accessible worldwide - but not in the way many people think. We spoke with Peter, team lead of the Localization Team, about...

Zum Beitrag

The future of websites in the age of generative AI

“The Internet is dying - not slowly, but now” headlined the FAZ last week. Until four weeks ago, I would have disagreed. Until I analyzed the traffic data of our university customers over the last few...

Zum Beitrag
Ein humanoider Roboter zeichnet mit einem digitalen Stift auf eine leuchtende, transparente Oberfläche und symbolisiert damit die Gestaltung und Entwicklung von Websites durch Künstliche Intelligenz.

in2code becomes part of the partner network for Government Site Builder 11

in2code is the implementation partner for Government Site Builder 11. Together with Materna and other specialists, we bring TYPO3 expertise to the federal administration.

Zum Beitrag
Gruppenfoto der Partner des Government Site Builder 11 (GSB 11) bei einem Treffen. Zahlreiche Personen stehen und knien lächelnd für die Kamera auf einer Terrasse mit Blick auf eine begrünte Umgebung und ein Stadion im Hintergrund. Die Stimmung wirkt kooperativ und professionell

New look, proven security: Commend presents its new website!

For over 50 years, Commend has been developing modern communication and security solutions that are used internationally in buildings, transportation hubs and industrial plants. The company thus...

Zum Beitrag
[Translate to English:] Commend mit neuem Look

We are saying goodbye to Platform X

After careful consideration, we have decided to discontinue our activities on the X platform (formerly Twitter). We have followed the development of the platform in recent months and - like many...

Zum Beitrag