Die Kulturförderung hat in Deutschland eine lange Tradition. Ihre Bedeutung war zunächst ästhetisch, aber auch immer politischer und wirtschaftlicher Natur. Für ihren Beitrag über die Herkunft der Förderung, die anstehenden Kürzungen in Berlin und darüber, wie es auch anders laufen könnte, hat uns das Kulturmagazin <a href="https://www.aleksundshantu.com/insight/aspekte-unser-schoenes-wildes-und-wichtiges-bildungsfernsehen/">‚aspekte‘</a> gebeten, einige innovative Animationen zu entwickeln, die auf den Punkt bringen, was uns Kultur wert ist und wie viel wir dafür zahlen.

zdf-aspekte-kulturfoerderung-illustration-vorschaubild

aspekte-2

aspekte

zdf-aspekte-kulturfoerderung-freisteller-header

zdf-aspekte-kulturfoerderung-illustration-portraitslider

Die Kultur geht flöten

Die ‚aspekte‘-Redaktion vertraute unserem <a href="https://www.aleksundshantu.com/insight/motion-design-agentur-berlin/">Berliner Animationsstudio</a> eine echte Mission an. Es ging darum, die aktuellen Diskussionen und Maßnahmen zur Kulturförderung in perfekte Animationen zu gießen. Dabei rückten die Redakteure Gewinner und Verlierer in den Mittelpunkt, um diese in einen geschichtlichen Rahmen zu setzen. Uns stellte sich die Frage: Welcher Stil passt überhaupt in diesen Kontext und würden wir eine Lösung in dem vorgegebenen, knappen Zeitraum finden? Unser Ziel war es, einen Beitrag zu produzieren, der ähnlich wie ein animiertes <a href="https://www.aleksundshantu.com/digitalagentur/erklaervideos/">Erklärvideo</a> die Inhalte in eine narrative Form überführt.

Unser nächster 2D-Auftrag

Die <a href="https://www.zdf.de/kultur/aspekte" rel="noopener" target="_blank">‚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.

Der Kick-off ist immer ein besonderer Moment, denn jetzt wird klar, woran die <a href="https://www.aleksundshantu.com/insight/illustratorinnen-striche-farben-formen-und-geschichten-die-weit-leuchten/">Illustratorin</a>, <a href="https://www.aleksundshantu.com/joinus/motion-designer-teilzeit-flexibel/">Motion Designer</a> und Projektmanager die nächsten Tage und Nächte arbeiten würden. Die Redaktion hatte sich dieses Mal vorgestellt, dass wir Realbild mit <a href="https://www.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a> kombinieren. Wir mussten also, was den Stil angeht, eine Lösung finden, die diese Kundenvorgabe bedient, und sind bei einem Papercut-Stil gelandet, den wir anhand des vorab bereitgestellten Voice-overs in verständliche Motive verwandeln mussten, um den Zuschauern die Geschichte näherzubringen.

Verstehen, zuhören und erzählen

zdf-aspekte-kulturfoerderung-papercut-illustration-berliner-baer-hamburger-wappen

250305_as_portfolio_aspekte_kulturfoerderung_short_v1_compressed

250305_A&S_Portfolio_aspekte_Kulturförderung_short_v1_compressed

Unsere Designerin hat ihre handgezeichneten <a href="https://www.aleksundshantu.com/wiki/interaktive-illustrationen/">Illustrationen</a> dafür ganz monochrom mit einer einzigen Akzentfarbe gehalten. Um dem historischen Rahmen des Themas und den unterschiedlichen Epochen Rechnung zu tragen, arbeiteten wir mit Gemälden, die in unterschiedlichen Stilen gehalten waren. Damit die Realbilder zu unseren <a href="https://www.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a> passen würden, haben wir sie ebenfalls monochrom eingefärbt, und hier und da Akzentfarbe hinzugefügt. So entstand ein rundes Gesamtbild. Der Farbtupfer ist quasi das Bindeglied, das alles einheitlich wirken lässt.

Darf es ein wenig Hamburg sein?

Unser Animationsstil lehnt sich an den ewig frischen und überraschenden <a href="https://www.aleksundshantu.com/insight/stop-motion-animation/">Stop-Motion-Trick</a> an. Der hat sich wegen des <a href="https://www.aleksundshantu.com/project/on-air-design-als-3d-paper-animation-schaetzen-bieten-bangen-rbb/">Papercut-Stils</a> angeboten. Die Elemente wurden dafür quasi wie ein Pappaufsteller auf Papier gezeichnet, ausgeschnitten, dann mit einer Wackelanimation hin- und herbewegt und zum vorgegebenen Voice-over angeordnet.

Wenn es Stil haben muss

Unsere <a href="https://www.aleksundshantu.com/digitalagentur/vfx-studio/">TV-Tricks</a> und 2D-Animationen sind eine kongeniale Mischung aus Inhalt, Ton und kreativer Abwechslung. Dabei geht es unserem <a href="/digitalagentur/animationsstudio/">Animationsstudio</a> nicht darum, Informationen lediglich aneinanderzureihen – vielmehr, sie erzählerisch darzubieten. Sie sollten einprägsam, verständlich und nachhaltig sein – und den Zuschauern einen Erkenntnisgewinn bieten. Kreative Animationen sind eine Möglichkeit, Inhalte in einem visuellen Kontext zu erklären, der tiefer geht und nachhaltig wirkt.

Wir machen aus Licht Geschichten

Tel.: +49 30 40045775

Schreib mir!

Aleksandar Mijatovic

Nimm Kontakt zu uns auf!

Weitere Arbeiten aus unserem Portfolio

Entdecke mehr!

Inspiration in jedem Projekt: Entdecke Weiteres aus unserem Portfolio!

Von Hand gezeichnete Illustrationen im Papercut-Stil – mit Stop Motion animiert. Aus unserem Berliner Animationsstudio.

aspekte – Die Geschichte der Kulturförderung

2D-Animationen für das ZDF

Das <a href="https://www.aleksundshantu.com/insight/aspekte-unser-schoenes-wildes-und-wichtiges-bildungsfernsehen/">‚aspekte‘-Magazin</a> setzt auf tiefgründige Kultur- und Gesellschaftsthemen und bereichert mit seinem feinen Gespür für aktuelle Debatten den Diskurs in Deutschland. 
Für eine Folge über die ungewisse Zukunft hat unser <a href="https://www.aleksundshantu.com/insight/animationsstudios/">Animationsstudio</a> eine kurze, aber eindrucksvolle Animation produziert, die technologische Entwicklungen, gesellschaftliche Veränderungen und Zukunftsvisionen in einem dynamischen und farblich fluoreszierenden Motion Design zusammenführt. 
Das Ergebnis ist eine kreative Animation mit einem eindrucksvollen Production Value, einer super Quote und einem zufriedenen Kunden.

zdf-aspekte-welkugel-illustration-vorschaubild

zdf-aspekte-welkugel-illustration-thumbnail

250306_as_portfolio_aspekte-zukunft-ungewiss-weltkarte_v1_compressed-1

250306_A&S_Portfolio_aspekte Zukunft ungewiss Weltkarte_v1_compressed (1)

zdf-aspekte-welkugel-illustration-portfolioslider

Die Zukunft ist in ungewisser Bewegung

Die Zukunft ist ungewiss&nbsp;– doch wie sieht sie aus? Genau diese Herausforderung hat das ‚aspekte‘-Magazin an unser Motion Design herangetragen. Die Redaktion suchte nach einer visuell fesselnden Umsetzung eines Themas, das sich nur schwer fassen lässt. Unsere Arbeit sollte nicht nur innerhalb eines Beitrags Grenzen abstecken und informieren, sondern auch emotional berühren und beeindrucken.
Unser Ansatz: Eine Mischung aus abstrakten, sich ständig verändernden Formen, dynamischer Typografie und einer klaren, aber offenen Erzählweise.
Die Herausforderung: Innerhalb einer sehr kurzen Zeit eine moderne, Sci-Fi-ähnliche Animation zu schaffen, die echte Modernität abbildet und dem Zuschauer ein Gefühl für die Zukunft schenkt.

Unser Kreativkonzept: Visionen von morgen

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 – 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.

Nach den ersten inhaltlichen Gesprächen entwickelten unsere Motion Designer eine visuelle Sprache, die das Thema „Zukunft“ auf mehreren Ebenen vermittelt. Im Zentrum stand die Idee einer Weltkarte, die sich langsam verändert&nbsp;– von bekannten Strukturen hin zu Ungewissem und abstrakten, fließenden Formen. 
Die Animation beginnt mit einer klaren, stabilen Darstellung unserer Welt, die sich zunehmend in Fragmente auflöst. Mittels weicher Übergänge und gezielt eingesetzter grafischer Elemente wird die Unsicherheit der Zukunft spürbar gemacht. Eine sich wandelnde Farbpalette und Unschärfe-Effekte verstärken den Eindruck anhaltender globaler Veränderungen.

Vom Konzept zur Animation: Der Wandel beginnt

zdf-aspekte-welkugel-illustration

250306_as_portfolio_aspekte-zukunft-ungewiss-weltkarte_v1_compressed

250306_A&S_Portfolio_aspekte Zukunft ungewiss Weltkarte_v1_compressed

Die enge Zusammenarbeit mit der ‚aspekte‘-Redaktion war ein essenzieller Bestandteil des Projekts. In mehreren Feedback-Runden wurden die Animationselemente von unserer <a href="https://www.aleksundshantu.com/insight/motion-design-agentur-berlin/">Motion-Design-Agentur</a> angepasst, um sowohl die journalistische als auch die künstlerische Vision zu vereinen. Wir arbeiteten dabei eng mit den Redakteuren zusammen, um sicherzustellen, dass die visuelle Umsetzung die inhaltlichen Aussagen des <a href="https://www.aleksundshantu.com/wiki/voice-over/">Voiceover</a>-Textes optimal unterstützt und unser Kunde genau das bekommt, was er für seine Arbeit benötigt.

Zusammenarbeit mit der Redaktion

zdf-aspekte-welkarte-ausschnitt-europa-illustration

Die 2D-Animation für die ‚aspekte‘-Redaktion ist mehr als eine visuelle Begleitung. Sie bringt ein komplexes Thema auf den Punkt, indem sie Emotionen und Informationen zu einem filmischen USP verbindet. Durch die enge Zusammenarbeit mit der Redaktion haben wir eine visuelle Mini-Narration geschaffen, die die Zuschauer in ihren Bann zieht und zum Nachdenken anregt. Zudem haben wir in kurzer Zeit eine Zukunftsvision geschaffen, die einen hohen Production Value entwickelt.

Wir machen Unsichtbares sichtbar

Weitere Arbeiten aus unserem TV-Portfolio

Animationsstudio

Visualisierung der unbekannten globalen Zukunft über animierte Weltkarte. Spaciges Design mit visionärer Kraft. Motion Design aus Berlin

aspekte – Weltkarte

2D-Animationen für ZDF-Kulturredaktion

Für den Lanserhof, das weltweit führende Health-Resort, haben wir eine Karriere-Website entwickelt, bei der es speziell um die Darstellung der Unternehmenskultur sowie die Zentralisierung des Recruitings aller Standorte ging. Waren die Stellenangebote vorher über mehrere Standorte verteilt und schwer auffindbar, sind die Angebote heute an einem Ort gebündelt, und die Website überzeugt mit emotionalen Visuals. Das Ergebnis?&nbsp;– Hohe Zugriffszahlen, perfekte Lighthouse-Werte, ein optimierter Recruiting-Prozess und eine wesentlich schnellere Stellenbesetzung.

lanserhof-karriere-vorschaubild

Lanserhof-Karriere Jobportal

lanserhof-karriere-logo

landserhof-karriere-portfolio-headergrafik

lanserhof-karriere-portrait-slider-02

Wie du mit einer Arbeitgebermarke Toptalente gewinnst

Eine Karriere-Website ist mehr als ein Bewerbungsformular. Sie ist Teil einer aussagekräftigen Arbeitgebermarke, bei der Arbeitnehmer gern ihre Expertise einbringen. Dieser Arbeitgeber macht in der Vita den zentralen Unterschied, wenn es um mögliche Karriereschritte geht. Bei der Lanserhof-Karriere-Website galt es, das Gefühl der einzigartigen Unternehmenskultur widerzuspiegeln. Zum anderen sollte die Zentralisierung des Recruitings aller Standorte ansprechend dargestellt werden. Hinzu kam, die technisch beste Performance und eine mehr als gute UX zu entwickeln. Doch wie gestaltet man das, wenn die einzelnen Standorte ihre ganz eigenen Karriereschritte und Vorstellungen haben?

Lanserhof – die Landschaft der Gesundheit

Hier kann der Geist schweben und der Körper entspannen. Die <a href="https://lanserhof.com/de/" rel="noopener" target="_blank">Lanserhof</a>-Resorts sind exklusive Health-Resorts mit weltweit betriebenen Standorten. Das „Lanserhof Concept“ ist eine Symbiose aus traditioneller Naturheilkunde und innovativen medizinischen Erkenntnissen, die dem Gast hilft, sich seelisch und geistig völlig zu regenerieren. <a href="https://jobs.lanserhof.com/" rel="noopener" target="_blank">Lanserhof&nbsp;| Karriere</a> ist die neue, zentrale Recruiting-Plattform aller Lanserhof-Standorte.

lanserhof-karriere-logo-small

Gemeinsam mit dem Lanserhof machten sich unsere Konzeptioner, Full-Stack-Designer und Projektmanager zunächst daran, die Keyfacts des Unternehmens herauszuarbeiten. Das sind bei diesem Kunden hohe Qualitätsstandards, eine enge Mitarbeiterbindung und eine außergewöhnliche Mitarbeiterzufriedenheit. Diese galt es, im Webdesign in Bilder, Bewegung und vor allem in Emotionen zu verwandeln. Dabei setzten wir auf Videos, Mitarbeiter-Testimonials und Bilder, die den Spirit des Unternehmens verbindlich fühlbar machen. Unser <a href="https://www.aleksundshantu.com/insight/wer-am-lektorat-spart-zahlt-mit-seinem-image/">Lektorat</a> übernahm in enger Abstimmung mit dem Kunden die Optimierung von Texten, deren Anpassung hinsichtlich der Corporate Language sowie die Vereinheitlichung der Standort-Benefits, um diese dann wirkungsvoll auf der Website zu implementieren.

Der Matchmaker

lanserhof-karriere-testimonials-slider

lanserhof_karriere_en

Lanserhof_Karriere_EN

Komprimiertes Video für Portfolioseite Lanserhof Karriere (Website-Projekt)

240731_as_website_showreels_lanserhofkarriere_compressed_v1

240731_A&S_Website_Showreels_LanserhofKarriere_compressed_v1

Eine Karriere-Website soll funktional sein, aber auch Emotionen vermitteln. Erst wenn User spüren, wie Bilder in Gefühle überführt werden, erreicht sie ihre Besucher und hinterlässt einen nachhaltigen Eindruck. Mit unserer Kombination aus handgezeichneten <a href="https://www.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a>, <a href="https://www.aleksundshantu.com/insight/svg-animationen/">SVG-Animationen</a> und einer klaren Bildsprache entwickelten wir eine Plattform, die genau dieses Leuchten überträgt. Jeder der vier Standorte des Lanserhofs hat seine eigene Farb-Codierung erhalten, was die Navigation für Bewerber kinderleicht macht.

Wenn du die Website fühlen kannst

Der Bewerbungsprozess sollte nicht nur einzigartig, sondern auch leicht zugänglich und vor allem intuitiv sein. Das bedeutet, dass wir es dem Bewerber leichtmachen einzusteigen, um so die Hürde zu senken und sich spontan zu bewerben. Mit Micro-Animationen führen wir Interessierte Step-by-Step durch den Prozess und nutzen Icons und spezifische Farbgebungen, um easy zwischen den Bereichen (Gastronomie, Medizin, Administration) zu unterscheiden. So bleibt dieser Teil klar und übersichtlich&nbsp;– jederzeit, egal ob in Englisch oder auf Deutsch.

Visuell durch den Bewerbungsprozess 

lanserhof-karriere-icons-farbwelten

Das illustrierte Schnellbewerbungsformular ist das absolute Herzstück der Karriere-Website. Mit wenigen Klicks und dank eines präzisen Prozesses können sich Bewerber in nur vier Schritten bewerben und ohne viele Unterlagen zu ihrem potenziellen neuen Arbeitsplatz gelangen. Damit bietet Lanserhof kurzentschlossenen und spontanen Interessierten einen Bewerbungsquickie der modernen Art.

Deine Wünsche sind unser Ziel 

lanserhof-karriere-schnellbewerbung

Die neue Karriere-Website hat nicht nur den Recruiting-Prozess vereinfacht, sondern stärkt ganz entscheidend die Arbeitgebermarke Lanserhof. Ein ansprechendes Design, klare Struktur und ein intuitiver Bewerbungsprozess machen es Talenten zum Vergnügen, sich zu bewerben, denn neben dem Nutzen begeistert die Lanserhof-Welt mit Emotionen – die perfekte Kombination für ein nachhaltiges und erfolgreiches Employer Branding.

Wir kreieren mehr als Websites

Tobias Brückner

Professionelles Webdesign

Lanserhof at The Arts Club

Lanserhof – Web

Neon – Webdesign

Stillstars

Hotel MSSNGR – professionelles Webdesign

AMSilk – Imagefilm

Health Standard Solutions – Corporate Design

Aqua Dome – Website

Haus of Honey

Neue Karriere-Website für den Lanserhof: Konzept, Design, Programmierung, Content-Management, Korrektorat. – Talente finden und binden!

Lanserhof Karriere

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

Shantu Bhattacharjee

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

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

Fraunhofer-Institut – Erklärvideos

DeepL – Eventwebsite

Event Branding – Atomico

Naturenergie – 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

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

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!

Für das ZDF-Magazin ‚aspekte‘ haben wir 2D-Animationen entwickelt, in denen sich alles um die Zeit dreht. Aber was ist das überhaupt, Zeit? Diese und mehr Fragen stellte die Redaktion dem Wissenschaftler <a href="https://de.wikipedia.org/wiki/Georg_Northoff" target="_blank">Georg&nbsp;Northoff</a>. Weil wir seine wissenschaftlichen Grundlagen den Zuschauern auf besondere Weise nahebringen wollten, entwarfen wir 2D-Animationen, die genau davon erzählen und so unterhaltsam sind, dass sie Millionen Menschen begeistern.

VFX für 3sat-Serie ‚Kulturlandschaften‘

Schwarzwald, Wuppertal, Saarland, Mecklenburg-Vorpommern, Eifel

Inspiration in jedem Projekt: Entdecke Weiteres aus unserem Portfolio!