Am 13. November 2024 brachte die erste Kundenkonferenz von <a href="https://de.wikipedia.org/wiki/DeepL" target="_blank">DeepL</a>, einem führenden Anbieter für KI-gestützte Sprachübersetzungen, Branchenexperten und Kunden im renommierten <a href="https://www.telegraphenamt.com/" target="_blank">Telegraphenamt</a> in Berlin zusammen. Unter dem Namen <a href="https://deepldialogues.com/" target="_blank">DeepL&nbsp;Dialogues</a> stand die Veranstaltung im Zeichen bahnbrechender Innovationen wie „DeepL Voice“&nbsp;– 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 <a href="https://www.opnrs.com/" target="_blank">Openers GmbH</a>, die die Veranstaltung organisierte, wurden wir als <a href="/digitalagentur/">Digitalagentur</a> damit beauftragt, eine Event-Landingpage zu entwickeln, die sowohl technisch als auch visuell höchsten Ansprüchen gerecht wird.

deepl-vorschschaubild

deepl_logo

DeepL_logo

deepl-freisteller-header-2

deepl-freisteller-header

deepl-portrait-slider

DeepL Dialogues – Innovationen gemeinsam erleben 

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.

Eine Plattform für Inspiration und Vernetzung

<a href="https://www.deepl.com/de/translator" target="_blank">DeepL</a> 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.

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 <a href="https://www.pentagram.com/" target="_blank">Agentur Pentagram in New&nbsp;York</a> 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.

Von der Idee zur digitalen Umsetzung

deepl_konzept

241113_as_websiteshowreel_deepl_v2_compressed

241113_A&S_WebsiteShowreel_deepl_v2_compressed

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 <a href="https://www.eventbrite.de/" target="_blank">Eventbrite</a> keine direkte Anbindung an <a href="https://www.hubspot.de/" target="_blank">Hubspot</a>, was die Weiterverarbeitung der Registrierungsdaten erschwerte. Nach eingehender Recherche entschieden wir uns für <a href="https://www.hapily.de/" target="_blank">Hapily</a>, 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.

Tech-Stack für Performance und Registrierung

deepl-mobile-tablet-horizontal

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.

Präzision und Nutzerorientierung im Fokus

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.

Helpful Content dank Information und Interaktion

deeple-team-desktop_screen

Die Nutzererfahrung wurde durch dezente Animationen unterstützt, die die Übergänge zwischen den einzelnen Sektionen fließend gestalteten. Das <a href="https://www.aleksundshantu.com/digitalagentur/professionelles-webdesign/">professionelle Webdesign</a> 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 <a href="https://www.aleksundshantu.com/wiki/lighthouse-test/" target="_blank">Google-Lighthouse-Tests</a> Höchstwerte, insbesondere bei Performance, Barrierefreiheit und Nutzerfreundlichkeit.

Beste Ergebnisse in Performance, Barrierefreiheit und Usability

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.

Event-Landingpage mit Funktionalität und Nachhaltigkeit 

lighthouse_score_illu

Nach dem Event ist vor dem Event

241220_as_websiteshowreel_deepl_update_v4_compressed

241220_A&S_WebsiteShowreel_deepl_update_v4_compressed

Tel.: +49 30 40045775

Schreib mir!

Shantu Bhattacharjee

Nimm Kontakt zu uns auf!

Weitere Arbeiten aus unserem Portfolio

Entdecke mehr!

Inspiration in jedem Projekt: Entdecke Weiteres aus unserem Portfolio!

Lanserhof Karriere

Hotel MSSNGR – professionelles Webdesign

Neon – Webdesign

Stillstars

Aqua Dome – Website

Health Standard Solutions – Corporate Design

Event Branding – Atomico

Naturenergie – Imagefilm

Erklärvideo mit Case Study für Strategy Engineers

Tiptopf

Animierte Eventlandingpage für Online-Übersetzungsdienst DeepL mit barrierefreiem Registrierungstool. Professionelles Webdesign aus Berlin

Den Online-Übersetzungsdienst DeepL supporteten wir mit der Umsetzung einer Event-Landingpage für seine internationale Konferenz im Berliner Telegraphenamt. Die New Yorker Agentur Pentagram lieferte das Design, das unsere Web-Developer mit innovativer Headless-Architektur zu technischer Perfektion brachten. Intuitive Nutzerführung, barrierefreier Zugang und Implementierung eines Buchungstools für einen nahtlosen und einfachen Anmeldeprozess waren nur einige der Kriterien.

Eventlandingpage für DeepL Dialogues mit barrierefreiem Registrierungstool

DeepL Dialogues – Innovationen gemeinsam erleben!

DeepL – Eventwebsite

Für die <a href="https://healthstandard.solutions/" target="_blank">Health Standard Solutions GmbH</a>, ein Münchener Start-up im Bereich Biotechnologie, entwickelten wir ihren ersten digitalen Auftritt. Das Unternehmen hat sich der langfristigen Förderung von Gesundheit und Wohlbefinden verschrieben, indem es Menschen unterstützt, ihre Gesundheitsvorsorge zunächst besser zu verstehen und dann positiv zu beeinflussen.
Als Leadagentur verantworteten wir das gesamte <a href="https://www.aleksundshantu.com/project/health-standard-solutions-corporate/">Corporate Design einschließlich der Markenidentität</a> und setzten mit der ersten Corporate Website neue Maßstäbe für den visuellen Auftritt der Marke. Die Corporate Website vereint State-of-the-Art-Technologie mit einem klaren, zeitlosen und barrierefreien Webdesign, das Hightech und medizinische Exzellenz perfekt in Szene setzt.

health_standard_solutions-vorschschaubild-bubbels

health_standard_solutions-logo-vertikal-rgb

Logo Health Standard Solutions

health_standard_solutions-freisteller-header_v2

hss-portfolio_slider-bubbels

Health Standard Solutions – eine neue Ära der Gesundheit und des Wohlbefindens

Die Anforderungen an das Corporate Webdesign waren anspruchsvoll: Es sollte Vertrauen schaffen, wissenschaftliche Kompetenz vermitteln und ein modernes, klares und zeitloses Design zeigen. Zugleich musste es flexibel und ausbaufähig gestaltet sein, um künftige Erweiterungen wie einen Shop oder ein Kunden-Login-System integrieren zu können.
Zunächst entwickelten wir in der <a href="https://www.aleksundshantu.com/digitalagentur/fullservice-webentwicklung-modular/">professionellen Webentwicklung</a> eine Singlepage-Applikation (Onepager), die die Grundlagen der Marke präsentiert und Raum für schrittweise Erweiterungen bietet. Von der Content-Aufbereitung bis zur technischen Umsetzung lag der Fokus darauf, eine digitale Plattform zu schaffen, die den Biotechnologie- und medizinischen Ansatz der Health Standard Solutions GmbH überzeugend präsentiert.

Hightech trifft auf Klarheit

<a href="https://healthstandard.solutions/" target="_blank" rel="noopener">Health Standard Solutions</a> ist ein Münchener Unternehmen im Bereich der individuellen Gesundheitsvorsorge. Modernste Technologien, Pharmakogenetik und ganzheitliche Verfahren spielen eine zentrale Rolle, um vorhandenen oder sich anbahnenden Erkrankungen bzw. Fehlfunktionen entgegenzuwirken. Die HSS-Leistungen umfassen aufwendige Tests als Grundlage einer individuellen Therapieplanung aus personalisierten Nahrungsergänzungsmitteln, Partnerprogrammen und persönlicher Expertenbetreuung.

Die Konzeption begann mit regelmäßigen Abstimmungsrunden, in denen unsere Konzeptioner, Full-Stack-Webdesigner und Entwickler gemeinsam mit dem Kunden die Anforderungen klärten und Lösungen entwickelten. Basierend auf den von uns erstellten <a href="https://www.aleksundshantu.com/project/noble-bc/">Brand Guidelines</a> entstand ein interaktiver Prototyp in Figma, der verschiedene Ansichten für Desktop- und Mobilgeräte abdeckte.
Im <a href="https://www.aleksundshantu.com/digitalagentur/professionelles-webdesign/">professionellen Webdesign</a> lag ein besonderes Augenmerk auf der Integration von interaktiven Elementen und Animationen. Micro-Animationen und <a href="https://www.aleksundshantu.com/insight/scroll-animationen/">contentbasierte Scroll-Effekte</a> wurden dafür von Anfang an ins Design eingebunden, um die Inhalte lebendig und ansprechend zu gestalten.
In der technischen Umsetzung entschieden wir uns für einen modernen Technologie-Stack: Das Frontend basiert auf Next.js, React und TypeScript, während ein Headless-WordPress-Backend-Clone (API first) als Grundlage dient. Dieser Ansatz ermöglicht heute und auch in der Zukunft maximale Flexibilität und Performance.
Unser Team in Textkreation und Lektorat optimierte und korrigierte die vorhandenen Textinhalte und integrierte sie in die bestehende Website, um so von Anfang an den passenden Tone of Voice zu gewährleisten.

Interaktive Eleganz mit modernem Ansatz

health_standard_solutions-desktop_screen

Videozusammenschnitt Website Health Standard Solutions

240508_as_website-showreels_health-standard-solutions_landingpage_v1_compressed

240508_A&S_Website Showreels_Health Standard Solutions_Landingpage_v1_compressed

Die Startseite besticht durch eine klare und reduzierte Hero Area, die den Slogan „Setzen Sie mit uns neue Standards für ein längeres und gesünderes Leben!“ prominent in Szene setzt. Im Hintergrund visualisieren <a href="/digitalagentur/animationsstudio/">3D-Animationen</a> pulsierende Zellen, die die Verbindung von Technologie und Medizin betonen. Ein Call-to-Action (CTA) für die Newsletter-Anmeldung öffnet sich in einem modalen Fenster und fügt sich nahtlos ins Design ein.
Die Navigation wurde von uns als Megamenü konzipiert und ist über ein Sandwich-Menü zugänglich. Sie enthält alle wichtigen Links sowie den Kontaktbereich, ohne die Übersichtlichkeit zu beeinträchtigen.
Die gesamte Seite ist geprägt von klaren, nicht überladenen <a href="https://www.aleksundshantu.com/insight/scroll-animationen/">Scroll-Animationen</a> und hochwertigen Bildern, die die Themen Medizin und Technologie in einer reduzierten Farbpalette aus Blau und Weiß darstellen. 
Interaktive Animationen sorgen dafür, dass die Inhalte spielerisch und eindrucksvoll erlebbar werden, während sie gleichzeitig den Biotechnologie-Ansatz des Unternehmens hervorheben.
Zudem wurde der Instagram-Account des Unternehmens in die Website integriert. Die Beiträge werden in einem versetzten Grid dargestellt, mit der Möglichkeit, Bilder in einem modalen Fenster in größerem Format anzusehen.

Professionelles Webdesign trifft auf Technologie

Die größte Herausforderung bestand darin, die moderne Architektur des Frameworks mit einer zugänglichen und intuitiven Nutzerführung zu verbinden. Schließlich steht der Besucher im Mittelpunkt. Trotz der komplexen Animationen und interaktiven Inhalte war es uns immer wichtig, kompromisslose Ladezeiten und Performance zu gewährleisten. Dieses Ziel wurde erreicht: Die Seite erzielte im Google-Lighthouse-Test Höchstwerte mit 100&nbsp;Punkten in allen Kategorien, einschließlich Performance und Barrierefreiheit.

Komplexität in Eleganz übersetzen

health_standard_solutions-tablet-horizontalmobile

health_standard_solutions-tablet-horizontal+mobile

Die Website wurde so entwickelt, dass sie flexibel erweitert werden kann. Der nächste Schritt ist die Integration eines Shopify-Systems für den geplanten Onlineshop. Durch das modulare Konzept bleibt die Seite anpassbar und skalierbar, um den Anforderungen eines wachsenden Unternehmens gerecht zu werden.

Eine flexible Basis für die Zukunft

health_standard_solutions-desktop_screen_instagram

Health_standard_solutions-desktop_screen_instagram

Die Website der Health Standard Solutions GmbH läuft bugfrei und beeindruckt mit ihrer Performance und Nutzerfreundlichkeit für alle Besucher. Sie verbindet Lifestyle, Medizin und Biotechnologie in einem präzisen, modernen Design und setzt die Marke perfekt in Szene.
Der Kunde zeigte sich überaus zufrieden mit dem Ergebnis, das sowohl ästhetisch als auch funktional überzeugt. Bereits kurz nach dem Launch erreichte die Corporate Website eine gute Sichtbarkeit im Google-Suchindex. Wir sind stolz auf unsere Arbeit, denn mit diesem digitalen Auftritt haben wir einen entscheidenden Beitrag dazu geleistet, eine starke Basis für eine Marke zu schaffen, die langfristig neue Standards in der Gesundheitsvorsorge setzen will.

Ein gelungener Start in die digitale Welt

health_standard_solutions-desktop_screen_vertical_slider

Health_standard_solutions-desktop_screen_vertical_slider

Professionelles Webdesign

Lanserhof – Web

Lanserhof at The Arts Club

Fraunhofer-Institut – Erklärvideos

AMSilk – Imagefilm

Professionelle Webentwicklung für Biotech-Unternehmen. Corporate Design und Markenidentität von uns als Leadagentur.

Health Standard Solutions – Professionelles Webdesign

Professionelles Webdesign für Healthtech-Start-up

Rasmus Andresen ist ein Politiker aus Deutschland und europapolitischer Sprecher seiner Partei BÜNDNIS&nbsp;90/DIE&nbsp;GRÜNEN. Er setzt sich für Themen wie Klimaschutz, Nachhaltigkeit und eine gerechtere europäische Wirtschaft ein und arbeitet in verschiedenen Ausschüssen des Europäischen Parlaments.
Im Auftrag von Rasmus Andresen hat unsere <a href="/digitalagentur/">Digitalagentur</a> seine contentstarke Website im Rahmen eines <a href="https://www.aleksundshantu.com/insight/website-relaunch-strategie-workshop/">Web-Relaunches</a> erfolgreich weiterentwickelt. Die zuvor von uns erstellte Website wurde dabei technisch und visuell komplett überprüft und auf ein neues Niveau gehoben. Besonders in der fordernden Zeit des Wahlkampfes und auch darüber hinaus schlägt sie so eine perfekte Brücke zwischen dem Politiker und seinen Wählern.
Dank unserer Technologien und Erfahrung in der Programmierung erzielt die Seite im Google-Lighthouse-Test herausragende Ergebnisse. Sie überzeugt mit exzellenter Ladegeschwindigkeit, hoher Sicherheit, Barrierefreiheit und optimaler Benutzerfreundlichkeit&nbsp;– wie die starken Zugriffszahlen eindrucksvoll belegen.

Bild von der Website des EU-Abgeordneten Rasmus Andresen, das ihn bei einer Rede vor dem Europaparlament zeigt

portfolio-beitragsbild

Rasmus-Portfolio-beitragsbild

rasmus-andresen-logo

rasmus-freisteller-header

rasmus_andresen-freisteller-header

rasmus_andresen-portrait_slider

Rasmus Andresen – Politik gut erklärt und übersichtlich transportiert

Die <a href="https://www.aleksundshantu.com/digitalagentur/politiker-website-digitale-kommunikation/">Politiker-Website</a> von Rasmus Andresen sollte viel Platz für seine politischen Standpunkte bieten und ein Ort für Dialog sein. Die Seite dient als digitales Forum und Wahlkampf-Hub, das alle relevanten politischen Standpunkte und aktuellen Informationen übersichtlich und nutzerfreundlich präsentiert.
Die Anforderungen an die Politiker-Website waren hoch: Neben einer persönlichen und transparenten Darstellung von Andresen sollten beim Web-Relaunch vor allem Presseberichte und das Formular zur Newsletter-Anmeldung genauso nahtlos integriert werden wie der Podcast, die Teamübersicht und der Kontaktbereich. Die Elemente mussten modern und klar definiert werden und zugleich barrierefrei bereitstehen. 
Neben diesen zu berücksichtigenden Aspekten war jedoch die zentrale Anforderung eine andere: Sicherheit vor Cyberattacken. Unser Team in der <a href="https://www.aleksundshantu.com/digitalagentur/fullservice-webentwicklung-modular/">professionellen Webentwicklung</a> plante ein ganz besonderes Sicherheitskonzept ein, um die Website vor weitreichenden Hackerangriffen zu schützen, ohne dass sie deshalb von ihrer Usability, Performance oder Zugänglichkeit verliert.

Europäische Politik ist ein demokratischer Prozess. Rasmus&nbsp;Andresen ist ein Grünen-Politiker und seit 2019 Mitglied des Europäischen Parlaments. Dort engagiert er sich für eine ökologische und klimagerechte EU, die außerdem Minderheiten schützt und eine unabhängige europäische Digitalpolitik praktiziert.

Die Entwicklung der <a href="https://www.aleksundshantu.com/digitalagentur/politiker-website-digitale-kommunikation/">Politiker-Website</a> erfolgte in enger Abstimmung mit dem Rasmus-Team durch unseren Konzeptioner, Full-Stack-Webdesigner und Web-Developer. In regelmäßigen Videomeetings wurden die Anforderungen zunächst präzisiert und dann die Lösungsvorschläge erarbeitet. 
Auf Grundlage der Gespräche und Wünsche des Kunden entwickelten wir zunächst einen Prototyp in Figma. Dieser bildete das jeweilige Design für verschiedene Endgeräte wie Smartphone, Tablet oder Desktop ab und ermöglichte eine frühe Abstimmung mit allen Projektbeteiligten. Die Kommunikation im Rahmen des agilen Projektmanagements (PM) organisierten wir über einen Slack-Channel und das PM-Tool Trello. Diese Form der transparenten Team-Konversation hat sich in zahlreichen Projektabläufen sehr bewährt und auch in diesem Fall dazu beigetragen, unnötige Verzögerungen durch Abstimmungsaufwand zu vermeiden. 
Beim <a href="https://www.aleksundshantu.com/digitalagentur/professionelles-webdesign/">professionellen Webdesign</a> konzentrierten wir uns dieses Mal stärker als zuvor auf die Farben Grün und Blau, andere Nuancen rückten in den Hintergrund oder verschwanden. So wurden die Präsentation der Inhalte und die gesamte Struktur besonders klar und präzise. Für die technische Umsetzung entschieden wir uns dann für eine Kombination aus Next.js und React im Frontend sowie einem Headless-Backend mit einem WordPress-Clone (API first). Next.js bietet serverseitiges Rendering und statische Seiten, perfekt für Daten aus dem Headless CMS. React sorgt für dynamische und interaktive Frontends, die API-Daten anzeigen. 
Unser Tech-Stack wird in monatlichen Retro-Meetings immer wieder geprüft und optimiert. So gewährleisten wir, dass alle von uns entwickelten Websites nicht nur heute, sondern auch in Zukunft performant, flexibel und&nbsp;– wie in diesem Fall&nbsp;– auch sehr sicher sind.

rasmus-desktop_screen_vergleich-themenuebersicht_dektop-2

rasmus-desktop_screen_vergleich-themenuebersicht_dektop

rasmus-desktop_screen_vergleich-themenuebersicht_straight_arrows

Video Showreel Website-Relaunch Rasmus Andresen Europa-Abgeordneter Bündnis 90/Die Grünen

240722_as_webseiten-showreels_rasmus-andresen_v2_compressed

240722_A&S_Webseiten Showreels_Rasmus Andresen_v2_compressed

Die Politiker-Website gestalteten wir als Multipage-Applikation, wobei unser Angebot durch eine klare Struktur und Nutzerorientierung überzeugt. Den visuellen Einstieg bildete die Hero Area, in der wir eine Splitscreen-Animation als Highlight integrierten. Die Animation zog sofort die Aufmerksamkeit der Besucher auf sich und vermittelte einen innovativen Eindruck. Ergänzt wurde sie u.&nbsp;a. durch eine Social-Media-Sidebar.
Diese Seite wurde so konzipiert, dass die Inhalte auf mehreren Unterseiten zugänglich sind, ohne die Nutzer zu überfordern. Das Angebot gestalteten wir in der Full-Stack-Webentwicklung übersichtlich und nutzten dafür ein Menü, das weitergehende Informationen zu den einzelnen Unterpunkten bereitstellt.
Für den Themenbereich präsentierten wir die Bereiche mit einheitlich gestalteten Artikeln und Fotos, die optisch ansprechend aufbereitet wurden. Besucher kommen mit nur einem Klick auf die Fotos und zu weiteren Informationen wie Presseartikeln und Redebeiträgen.
Die Nutzererfahrung unterstützen wir durch dezente Animationen, welche die Übergänge fließend gestalten. Dadurch ist ein intuitives und angenehmes Navigieren durch die Seite möglich.

Wir stellen den Nutzer in den Mittelpunkt

<a href="https://www.aleksundshantu.com/digitalagentur/politiker-website-digitale-kommunikation/">Politiker-Websites</a> sind häufig das Ziel von Hackerangriffen wie bspw. Brute-Force-Attacken oder DDoS-Angriffen. Um Cyber-Angriffen effektiv entgegenzuwirken, bieten wir ein Sicherheitskonzept, das mit einem 24-Stunden-Monitoring-System (Schutzmaßnahmen und geheime Abwehrtechniken) beginnt und das uns über alle Attacken informiert und damit eine schnelle Reaktionsmöglichkeit bietet. 
Ein weiterer wichtiger Bestandteil unserer Sicherheitsstrategie ist die kontinuierliche Aktualisierung von Plug-ins und Erweiterungen; denn veraltete Versionen werden von Hackern häufig als Einstiegspunkt genutzt. 
Zusätzlich profitieren unsere Kunden von einem deutschen Serverstandort und regelmäßigen Wartungsmaßnahmen. So gewährleisten wir, dass die Sicherheitsvorkehrungen auf dem neuesten Stand sind und bei Bedarf schnell ausgebaut werden können. Wer zur Sicherheit einer Website weitere spezifische Fragen hat, kann uns jederzeit darauf ansprechen.

Sicherheit ist der zentrale Aspekt

rasmus-tablet-headermobile_menu

rasmus-tablet-header+mobile_menu

Die Website erfüllt die Kundenanforderungen präzise und zuverlässig. Besucher konnten sich einfach orientieren und perfekt informieren, während die technischen Lösungen für eine reibungslose Nutzung sorgten. Das Team Andresen kann Content ganz einfach hinzufügen, die Seite ist sicher, absolut bugfrei und erzielt maximale Performance-Werte.
Wir sorgen innerhalb eines Retainers für die reibungslose Funktion aller Sektionen. Alle Inhalte, darunter auch Fotos und Videos, stellen wir in einem modernen Grid bereit. Bei Besuchern besticht die Website dadurch, dass sie sehr schnell mit dem umfassenden Angebot interagieren können.

Funktionalität und Nachhaltigkeit der Politiker-Website

rasmus-mobile-tablet-horizontal_diversitaet

rasmus-mobile-tablet-horizontal_diversität

Die Politiker-Website von Rasmus&nbsp;Andresen steht im Mittelpunkt von Innovation, Funktion und Kommunikation. Wir sind stolz darauf, mit unserer Arbeit einen entscheidenden Beitrag dafür geleistet zu haben. Durch die enge Zusammenarbeit mit dem Kunden ist eine ansprechende Website entstanden, die Usern eine intuitive Nutzung ermöglicht. Gleichzeitig wurde eine Grundlage geschaffen, die flexibel anpassbar ist und neuen Aufgaben und Entwicklungen vorausschauend entgegensehen kann.

Eine erfolgreiche digitale Umsetzung

rasmus-desktop_screen_frag_rasmus

Professionelles Webdesign und digitale Kommunikation für deine politische Arbeit

Politiker-Website aktiv

Politiker-Website mit höchstem Standard hinsichtlich Barrierefreiheit, Usability und Cybersicherheit. Für Abgeordnete in Bundestag und Europaparlament.

Rasmus Andresen

Professionelles Webdesign für Europas politische Arbeit

Vorfreude ist die schönste Freude: Das dachten sich auch unsere Kunden Openers und HubSpot, als sie mit uns ihre CRM-Weihnachtsaktion 2024 planten. Dank der Expertise unseres Teams in Printproduktionen, Design und <a href="https://www.aleksundshantu.com/insights/kategorie/onlinemarketing/">Onlinemarketing</a> wurde die Kampagne zu einem echten Highlight und zu einem besonderen Erfolg.
Ziel war es, 130 exklusive Adventskalender-Sets mit individuellen Grußkarten zu entwickeln und mit personalisierter Etikettierung an ihre Empfänger in der DACH-Region zu versenden. Ergänzt wurde diese Lettershop-Aktion durch handveredelte Grußsendungen innerhalb Deutschlands.
Das Feedback war überwältigend und unser Kunde sehr zufrieden. Einige HubSpot-Kunden verwendeten den Kalender in ihrem Büro, während die individuellen Grußkarten einen bleibenden Eindruck hinterließen und den Countdown bis zum Fest begleiteten.

hubspot-weihnachten-adventskalender-illustration-hohoho-vorschaubild

Hubspot-weihnachten-adventskalender-illustration-hohoho-vorschaubild

hubspot-logo-orange

HubSpot-logo-orange

hubspot-adventskalender-typografie-hohoho-typo-freisteller

hubspot-xmas-portrait-slider

Die personalisierte Weihnachtsfreude

Diese CRM-Kampagne verlangte von den einzelnen Kompetenzteams unserer <a href="/digitalagentur/">Digitalagentur</a> eine Kombination aus Design, Technik und logistischer Präzision. Besonderes Augenmerk lag auf der <a href="/expertise/expertise-illustrationen/">Illustration</a>, Gestaltung und Reinzeichnung eines ansprechenden Adventskalenders sowie einer personalisierten Grußkarte. 
Hinzu kam die Koordination des Lettershops: mit Adressqualifizierung und Etikettierung, Kuvertieren der Karte, edler Verpackung des Kalenders und Bereitstellung passender Versandkartons. 
Besonders wichtig: Die aufmerksame Beachtung personalisierter Elemente, sodass jede Karte und jedes Paket exakt zum jeweiligen Empfänger passen. Dabei galt es sicherzustellen, dass die Kalender pünktlich ihre Empfänger in Deutschland, Österreich und der Schweiz erreichen würden.

Logistik und Liebe zum Detail

<a href="https://www.hubspot.de/" target="_blank">HubSpot</a> ist eine cloudbasierte Plattform für CRM, Marketing, Vertrieb und Kundenservice. Sie bietet Tools für E-Mail-Marketing, Automatisierung, Social-Media-Management und auch Kundenkommunikation. Besonders kleine und mittelständische Unternehmen profitieren von der benutzerfreundlichen All-in-one-Lösung von HubSpot, die es als kostenlose und als kostenpflichtige Version mit erweiterten Funktionen gibt.

Unser Team aus Konzeptioner, Full-Stack-Designer und <a href="https://www.aleksundshantu.com/insight/illustratorinnen-striche-farben-formen-und-geschichten-die-weit-leuchten/">Illustratorin</a> hat zunächst im engen Kontakt mit dem Kunden ein ansprechendes und qualitatives Design für den Adventskalender und die personalisierten Grußkarten entwickelt, das die Markenidentität von HubSpot unterstreicht und seiner Marktstellung absolut gerecht wird. 
Anschließend übernahmen wir die Produktionskoordination mit der Druckerei sowie die Adressqualifizierung, um einen zuverlässigen Versand zu gewährleisten. Wir recherchierten, planten, übermittelten Daten und überwachten den gesamten Prozess bis zur finalen Auslieferung.
Ein besonderes Highlight war im nächsten Schritt die Umsetzung von handveredelten VIP-Grußsendungen. Sie wurden von uns mit viel Liebe zum Detail persönlich gestaltet, um bei den Empfängern einen bleibenden Eindruck zu hinterlassen.

Kreative Umsetzung trifft Präzision

hubspot-xmas-grusskarte-mockup-weihnachten

Hubspot-xmas-grusskarte-mockup-weihnachten

hubspot-weihnachten-adventskalender-illustration-hohoho

Hubspot-weihnachten-adventskalender-illustration-hohoho

Unser <a href="https://www.aleksundshantu.com/digitalagentur/professionelles-webdesign/">professionelles Webdesign</a> und das Team unserer Webentwicklung sind bekannt für die sicheren und performanten, <a href="https://www.aleksundshantu.com/wiki/animierte-website/">animierten Websites</a>. Für CRM-Kampagnen werden wir eher selten angefragt, doch aufgrund unserer Erfahrung in Ästhetik, Produktion und Onlinemarketing haben wir auch diese Aufgabe bestens gemeistert.
Dank eines gut organisierten Workflows konnten wir die X-MAS-Aktion termingerecht und fehlerfrei umsetzen. Die 130 personalisierten Adventskalender-Sets erreichten ihre Empfänger pünktlich und sorgten für weihnachtliche Vorfreude. Das Feedback unseres Kunden war so positiv, dass sich weitere gemeinsame Projekte angekündigt haben.

Erfolge und positives Feedback

Content-Kreation

Onlinemarketing

Design, Printproduktion, Lettershop-Dienstleistung. Alles aus einer Hand, von höchster Expertise und für nachhaltigen Erfolg.

HubSpot – X-MAS

CRM-Weihnachtsaktion für HubSpot

Die Einsamkeit findet in der Ikonografie der modernen Zeit viel Platz. Ob wir an den Wanderer über den Wolken denken, die vergeistigten Philosophen oder einsame Firmenlenker&nbsp;– sie alle sind so schön allein, dass das Alleinsein erstrebenswert wirkt. Für das <a href="https://www.aleksundshantu.com/insight/aspekte-unser-schoenes-wildes-und-wichtiges-bildungsfernsehen/">ZDF-Kulturmagazin ‚aspekte‘</a> animierten wir hingegen einen Beitrag über Einsamkeit, der statistisch eine ganz andere Geschichte erzählt.

zdf-aspekte-einsamkeit-illustration-jugendliche-vorschaubild

aspekte-2

aspekte

zdf-aspekte-einsamkeit-illustration-jugendliche

zdf-aspekte-einsamkeit-illustration-fake-news-portraitslider

Zusammen sind wir weniger allein

Nach Corona blickt unsere Gesellschaft mit geschärfter Aufmerksamkeit auf unsere Jugendlichen, die unter psychischen Problemen und Alleinsein leiden. Die ‚aspekte‘-Redakteure vermessen das Thema anhand der Studien „Extrem einsam“ von 2023 und der „FES Mitte Studie 2022/2023 Umfrage“, die erstaunliche „Einsamkeitserkenntnisse“ zu Tage fördert. Um die Zahlen hervorzuheben und nicht nur aufzusagen, verpackte unser <a href="/digitalagentur/animationsstudio/">Animationsstudio</a> sie in einem aussagekräftigen TV-Setting.

Wenn die Jugend vermessen wird

Die <a href="https://www.zdf.de/kultur/aspekte" target="_blank" rel="noopener">‚aspekte‘-Redaktion</a> ist mittendrin: in der Welt der Kultur, den aktuellen Gesellschaftsthemen, der Literatur, Musik, Kunst und Kino&nbsp;– you name it, you got it. Das Besondere ist: Die Redakteure treffen Macherinnen und Macher genau an den Orten, an denen kulturelles Leben passiert und Debatte entsteht.

Die Stilfindung für dieses ‚aspekte‘-Stück war einfach, da unsere <a href="https://www.aleksundshantu.com/insight/illustratorinnen-striche-farben-formen-und-geschichten-die-weit-leuchten/">Illustratorin</a> und Motion Designer den Stil aus dem ZDF-Beitrag zum Thema <a href="https://www.aleksundshantu.com/project/wohin-mit-der-trauer/">„Trauer“</a> übernehmen sollten. Die kreativen Schwierigkeiten lagen dann allerdings darin, die <a href="https://www.aleksundshantu.com/digitalagentur/interaktive-infografiken/">animierten Infografiken</a> abwechslungsreich umzusetzen. Schließlich ging es in jeder Infografik um eine Gegenüberstellung von Einsamen und Nicht-Einsamen. Dafür verteilten wir die Inhalte auf vollflächige <a href="https://www.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a> und verwendeten einprägsame Schrifttypen, animierte Kästen, humorvolle Details und feine Micro-Animationen.

Der Stil passt zu dir

zdf-aspekte-einsamkeit-illustration-zwei-jugendliche-therapie

Der Sprechertext gibt meistens wichtige Informationen wie Länge, Tonalität, aber manchmal auch Settings, Figurenkonstellationen und sogar Bewegungsrichtungen vor. Zwischen diesen Vorgaben können wir aber gerade assoziativ im Detail den Inhalten einen kreativen Drop schenken und arbeiten so an jeder Animation wie an einem Unikat.

So animieren wir

Unsere 2D-Animationen für das ‚aspekte‘-Magazin besaßen in den zurückliegenden zehn Jahren alle Styles. Sie waren humorvoll und traurig, mal nachdenklich oder informativ. Wir haben auch schon mal eine ganze Sendung entwickelt. Jedes Mal war es ein neues Erfühlen und Ertasten. Was sich hingegen nie verändert hat, war das Interesse, das wir den Themen entgegenbringen. Die Einsamkeit ist wie so viele ‚aspekte‘-Themen Teil einer gesellschaftlichen Diskussion, die wir mit viel Aufmerksamkeit verfolgen, daran teilnehmen und daraus lernen.

Allein machen sie dich ein

Aleksandar Mijatovic

Animationsstudio

Der Paritätische – Erklärvideo

Video für alle – 5 Tipps DBSV

VIA – Imagefilm

SOS-Kinderdorf – Videos

Unsere 2D-Animationen zur Geschlechterdebatte

Das animierte politische Erklärvideo für Website und Social Media

„Der Araber von morgen“: Animation des Kultcomics fürs Fernsehen

Jede Animation ein Unikat! Du suchst das besondere Motion Design? Wir lassen deine Inhalte aufleben: mit Illustrationen und Animationen.

aspekte – Einsamkeit

Lineart-Animation für das Magazin ‚aspekte‘

Die Stoffe von Outlast sind elastisch, wunderbar angenehm zu tragen und wirken Schwitzen entgegen. Die einzigartige Outlast-Technologie kommt zwar nicht direkt aus dem All, hat sich aber von der Raumfahrt inspirieren lassen. Für umfangreiche Werbe- und Marketingzwecke entwickelte unser Team im Motion Design mehrere Mixed-Media-Videos aus Real Footage und <a href="https://www.aleksundshantu.com/insight/fuenf-wunderbare-lineart-erklaervideos/">Lineart-Animationen</a>, die bis heute auf vielen Kanälen angeklickt werden und Outlast-Kunden weltweit überzeugen.

outlast-vorschschaubild

outlast

outlast-freisteller_header_astronaut-hemd

Outlast-freisteller_header_astronaut-hemd

outlast_portfolio_slider

Outlast – du sollst dich gut fühlen

Outlast ist ein Temperatur-Spezialist im Bereich Textil und bietet Lösungen zur Thermoregulierung an. Für sein Online- und <a href="https://www.aleksundshantu.com/digitalagentur/social-media-marketing/">Social-Media-Marketing</a> und auch für Messestände buchte das international erfolgreiche Unternehmen unser <a href="/digitalagentur/animationsstudio/">Animationsstudio</a>, um den Video-Message-Content zu produzieren. Während das Real Footage angeliefert wurde, sollten wir ergänzende 2D-Animationen entwickeln, einfügen und das Video final schneiden und ausliefern.

Outlast aus dem Weltall

Wärmende Textilien gibt es viele, aber <a href="https://www.outlast.com/" target="_blank">Outlast</a> ist der führende Temperatur-Spezialist unter den Herstellern für textile Hochleistungsmaterialien. Das Unternehmen investiert in ein hocheffizientes textiles Wärme- und Feuchtigkeitsmanagement. Das große Interesse an leistungsfähiger Isolierung führt Outlast-Materialien bis in die unendlichen Weiten des Weltraums.

Die einzelnen Outlast-Videos sollten einen leichten Zugang besitzen und international verständlich sein. Die Storyline und das dazugehörige Real Footage lagen schon vor. Unsere animierten Illustrationen sollten nun einen sehenswerten USP, zusätzlich einzigartige Kreativität und einen Spritzer Interaktivität in die Videos bringen.

Heute konzipieren wir 

outlast-desktop_youtube-fullscreen-video

outlast-desktop_Youtube-fullscreen-video

Video Showreel zum Insight Outlast – Liveaction x Animation

240718_outlast_animationxliveaction_best-of_v1_compressed

240718_Outlast_AnimationxLiveaction_best of_v1_compressed

Zunächst zeichnete unsere Illustratorin passende handgemachte Lineart-Illustrationen. Die wirken so einzigartig, dass keine Stock-Agentur sie nachahmen kann. Nun animierte unser Team im <a href="https://www.aleksundshantu.com/insight/the-rise-of-motion-design/">Motion Design</a> die Illustrationen im Outlast-Look-and-Feel für die weitere Produktion&nbsp;– und zwar so, dass die einzelnen Modelle mit ihnen interagieren können.

Schwerelose Illustration 

Doch irgendwas stimmte nicht mit dem Real Footage, als wir im Schnitt beide Elemente zusammenfügen wollten. Es war in vielen Teilen signifikant länger als im Storyboard gestoppt. Was tun?&nbsp;– Ohne Probleme entwickelte unsere Illustrationsagentur nun weitere Zeichnungen, die hinzugefügt wurden, um so den Videos den letzten Schliff zu verleihen.

Ein Gott-Mensch-Quiz für aspekte: Illustration und 2D-Animation

Wer ist hier der Gott?

Inspiration in jedem Projekt: Entdecke Weiteres aus unserem Portfolio!