DeepL Dialogues – Innovationen gemeinsam erleben

Am 13. November 2024 brachte die erste Kundenkonferenz von DeepL, einem führenden Anbieter für KI-gestützte Sprachübersetzungen, Branchenexperten und Kunden im renommierten Telegraphenamt in Berlin zusammen. Unter dem Namen DeepL Dialogues stand die Veranstaltung im Zeichen bahnbrechender Innovationen wie „DeepL Voice“ – einer Lösung für Echtzeit-Sprachübersetzung. Ziel der Konferenz war es, eine Plattform für den Austausch von Best Practices, Networking und Präsentation neuer Technologien zu schaffen.

Von der Eventagentur Openers GmbH, die die Veranstaltung organisierte, wurden wir als Digitalagentur damit beauftragt, eine Event-Landingpage zu entwickeln, die sowohl technisch als auch visuell höchsten Ansprüchen gerecht wird.

Interactive-StudioProfessionelles Webdesign

Freisteller eines Laptops und eines Handys, welche die DeepL Webseite zeigen.

Das Projekt

PROJEKT

DeepL ist ein Unternehmen mit einem gleichnamigen KI-Tool für natürliche Übersetzungen. Gegründet 2017 in Köln, bietet der Onlinedienst heute Übersetzungen für Texte, Dokumente und Websites in zahlreichen Sprachen. Mit Plug-ins für Microsoft Word, einer Mobile App für iOS und Android-Geräte sowie einer API für professionelle Anwender und Entwickler lässt sich DeepL vielseitig einsetzen und ist ideal für geschäftliche und private Zwecke.

Eine Plattform für Inspiration und Vernetzung

DeepL Dialogues sollte nicht nur ein Raum für Innovationen, sondern auch ein Ort für Austausch und Networking sein. Die Event-Landingpage musste daher als zentrale digitale Plattform dienen, die alle relevanten Informationen übersichtlich und nutzerfreundlich präsentiert.

Die Anforderungen an die Seite waren vielseitig: Neben der Darstellung der Agenda und Breakout-Sessions sollten die Location, die Speaker und ein FAQ-Bereich integriert werden. Eine zentrale Anforderung war die nahtlose Registrierung, die direkt über die Seite abgewickelt werden sollte. Gleichzeitig war es wichtig, dass die Seite barrierefrei gestaltet und technisch auf dem neuesten Stand ist.

Zusätzlich sollte die Event-Landingpage nach dem Event als Nachbereitungsplattform dienen, auf der Teilnehmer Fotos und Videos des Events ansehen und sich bereits für zukünftige Veranstaltungen vormerken können.

Das Konzept

KONZEPT

Von der Idee zur digitalen Umsetzung

Die Konzeption der Eventseite wurde in enger Abstimmung mit der Openers GmbH und DeepL entwickelt. In regelmäßigen Videomeetings wurden die Anforderungen präzisiert und Lösungsvorschläge erarbeitet.
Auf Grundlage des visuellen Brandings, das von der renommierten Agentur Pentagram in New York erstellt wurde, entwickelten wir einen Prototyp in Figma. Dieser bildete das Design für verschiedene Endgeräte ab und ermöglichte eine frühzeitige Abstimmung mit allen Projektbeteiligten.

Ein Stylevorschlag für die DeepL Webseite.

Das Ergebnis

Ergebnis

Tech-Stack für Performance und Registrierung

Für die technische Umsetzung entschieden wir uns für eine Kombination aus Next.js und React im Frontend sowie einem Headless-Backend mit einem WordPress Clone (API first). Dieser Technologie-Stack stellte sicher, dass die Seite nicht nur performant, sondern auch flexibel und zukunftssicher ist.

Eine Herausforderung war die Auswahl eines geeigneten Registrierungssystems. Die ursprünglich geplante Lösung mit Eventbrite erwies sich als unzureichend, da sie keine nahtlose Integration mit der Event-Landingpage erlaubte. Nutzer hätten die Seite verlassen müssen, um sich zu registrieren, was die User Experience (UX) beeinträchtigt hätte. Zudem bot Eventbrite keine direkte Anbindung an Hubspot, was die Weiterverarbeitung der Registrierungsdaten erschwerte. Nach eingehender Recherche entschieden wir uns für Hapily, ein System, das sowohl eine reibungslose Registrierung direkt auf der Website als auch QR-Code-basierte Check-ins ermöglicht und vollständig in Hubspot integriert ist.

Mockup eines Ipads und einen Smartphones, was die Registrierung auf der DeepL Seite zeigt.

Präzision und Nutzerorientierung im Fokus

Die Event-Landingpage wurde als Single Page Application gestaltet und überzeugte durch ihre klare Struktur und Nutzerorientierung. Den visuellen Einstieg bildete die Hero Area, in der eine nahtlose 3D-Animation im Loop als Highlight integriert wurde. Diese Animation zog sofort die Aufmerksamkeit der Besucher auf sich und vermittelte einen modernen, innovativen Eindruck. Ergänzt wurde sie durch Basisinformationen zum Event wie Datum, Ort und das Ziel der Veranstaltung.

Die Seite wurde so konzipiert, dass alle Inhalte auf einer einzigen Seite zugänglich waren, ohne den Nutzer zu überfordern. Die Agenda-Sektion war übersichtlich gestaltet und nutzte ein aufklappbares Menü, das detaillierte Informationen zu den einzelnen Breakout-Sessions und den zugehörigen Räumen bereitstellte.

Helpful Content dank Information und Interaktion

Der interaktive Speaker-Bereich präsentierte die hochkarätigen Referenten mit einheitlich gestalteten Porträtfotos, die zuvor optisch ansprechend und professionell aufbereitet wurden. Ein Klick auf die Fotos führte zu weiteren Informationen über die jeweiligen Redner, darunter kurze Biografien und Links zu LinkedIn-Profilen.

Die Location-Sektion gab den Teilnehmern eine klare Orientierung: Das Hotel Telegraphenamt, ein historisches Gebäude in Berlin, wurde mit einer Mischung aus historischen Details und praktischen Anreiseinformationen dargestellt.

Mockup eines Laptops, welcher das DeepL Team zeigt.

Beste Ergebnisse in Performance, Barrierefreiheit und Usability

Die Nutzererfahrung wurde durch dezente Animationen unterstützt, die die Übergänge zwischen den einzelnen Sektionen fließend gestalteten. Das professionelle Webdesign sorgte für eine intuitive und angenehme Navigation, die den Nutzer stets im Fokus hatte. Dank der eingesetzten Technologie und einer durchdachten Umsetzung erreichte die Seite in den Google-Lighthouse-Tests Höchstwerte, insbesondere bei Performance, Barrierefreiheit und Nutzerfreundlichkeit.

Das Fazit

FAZIT

Event-Landingpage mit Funktionalität und Nachhaltigkeit

Die Event-Landingpage erfüllte die definierten Anforderungen präzise und zuverlässig. Teilnehmer konnten sich einfach orientieren und registrieren, während die technischen Lösungen für eine reibungslose Nutzung sorgten. Die Seite war vollständig bugfrei und erzielte maximale Performance-Werte in Google Lighthouse. Nach Abschluss des Events wurden die Inhalte so angepasst, dass eine Nachbereitung möglich ist. Fotos und Videos der Veranstaltung werden in einer übersichtlichen Galerie bereitgestellt, und ein neues Registrierungsformular erlaubt es Nutzern, sich bereits für zukünftige Events vormerken zu lassen. Diese Weiterentwicklungen zeigten die Flexibilität und Nachhaltigkeit der Seite, die problemlos für neue Veranstaltungen wiederverwendet werden kann.

Nach dem Event ist vor dem Event

Auswertung und Eindrücke der Teilnehmer sowie Registrierungstool für kommende Veranstaltungen

Melde dich!

Wir machen auch dein Event startklar: mit einer Event-Landingpage, die die Bedürfnisse deiner Stakeholder bedient. Sicher. Leistungsfähig. Nachhaltig.

Nimm Kontakt zu uns auf!

Tel.: +49 30 40045775

Schreib mir!