Animationsstudio

Content-Kreation

Filmproduktion

Interactive-Studio

Onlinemarketing

Interactive-Studio Archive

Interactive-Studio Archive - ALEKS &amp; SHANTU GmbH

Professionelles Webdesign

Professionelles Webdesign Archive

Professionelles Webdesign Archive - ALEKS &amp; SHANTU GmbH

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://aleksundshantu.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

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://aleksundshantu.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://aleksundshantu.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://aleksundshantu.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://aleksundshantu.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

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://aleksundshantu.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

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

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

Tel.: +49 30 40045775

Shantu Bhattacharjee

Nimm Kontakt zu uns auf!

Weitere Arbeiten aus unserem Portfolio

Inspiration in jedem Projekt: Entdecke Weiteres aus unserem Portfolio!

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

Politiker-Website aktiv

Politiker-Website aktiv Archive

Politiker-Website aktiv Archive - ALEKS &amp; SHANTU GmbH

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://aleksundshantu.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

Rasmus-Portfolio-beitragsbild

rasmus-andresen-logo

rasmus_andresen-freisteller-header

rasmus_andresen-portrait_slider

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

Die <a href="https://aleksundshantu.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://aleksundshantu.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.

Eine Plattform für Inspiration und Vernetzung

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://aleksundshantu.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://aleksundshantu.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.

Von der Idee zur digitalen Umsetzung

rasmus-desktop_screen_vergleich-themenuebersicht_dektop

rasmus-desktop_screen_vergleich-themenuebersicht_straight_arrows

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://aleksundshantu.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

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

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

Professionelles Webdesign und digitale Kommunikation für deine politische Arbeit

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

Politiker-Website

Politiker-Website Archive

Politiker-Website Archive - ALEKS &amp; SHANTU GmbH

<a href="https://www.ingrid-nestle.de/" target="_blank">Ingrid Nestle</a> ist eine grüne Politikerin aus Deutschland. Sie ist Fraktionssprecherin für Klimaschutz und Energie und zudem die stellvertretende Vorsitzende im Beirat der Bundesnetzagentur, einer der wichtigsten Behörden Deutschlands bei Fragen rund um Stromnetze, Telekommunikation, Digitalisierung und Post. 
Unsere <a href="/digitalagentur/">Digitalagentur</a> hat für die Kundin eine ausdrucksstarke Website entwickelt, die den Markenkern ihrer politischen Arbeit authentisch widerspiegelt. Sie dient dem Wahlkampf und als informatives Angebot an ihre Wählerinnen und Wähler. 
Dank unserer Technologien und Erfahrung in der Programmierung erzielt die Seite bei Google-Lighthouse-Tests eindrucksvolle Ergebnisse von 100&nbsp;Prozent. Sie überzeugt mit perfekter Ladegeschwindigkeit, hoher Sicherheit sowie barrierefreier und optimaler Benutzerfreundlichkeit&nbsp;– wie die täglichen Zugriffszahlen belegen.

ingrid_nestle-vorschschaubild

ingrid-nestle

ingrid_nestle-gruenenpolitikerin-header

ingrid_nestle-gruenenpolitikerin-header-mobil

ingrid_nestle-portrait-slider

Ingrid Nestle – Personal Brand für die politische Arbeit

Die Politiker-Website für Ingrid Nestle bietet heute viel Raum, um ihr politisches Profil zu schärfen und dient ihr als digitales Forum. Hier kann sich die Politikerin bürgernah präsentieren, politische Standpunkte definieren und aktuelle Informationen schnell und nutzerfreundlich aufbereiten.
Doch bis es so weit war, galt es, etliche Anforderungen an eine moderne Politiker-Website zu erfüllen: Neben einer persönlichen und authentischen Darstellung sollte unser <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/professionelles-webdesign/">professionelles Webdesign</a> vor allem die Teamübersicht, Presseberichte, den Termin- sowie den Kontaktbereich nahtlos integrieren. Alle Elemente mussten klar definiert werden und sollten eine authentische Kommunikation gewährleisten. Zugleich galt es, das Design und später die Umsetzung in der Programmierung barrierefrei zu gestalten, um auch Menschen mit Beeinträchtigungen einen Zugang zu Informationen und Interaktionen zu ermöglichen.
Zu den zentralen Vorgaben zählte zudem ein weitreichendes Sicherheitskonzept, das die Website vor Hackern schützen solle, ohne dass diese etwas von ihrer Usability, Performance oder Zugänglichkeit verlieren würde. Darüber hinaus sollte das von uns entwickelte Berlinfahrten-Tool angeschlossen werden, das die Planung und Organisation von Wahlkreisfahrten und Reisen zum Deutschen Bundestag in Berlin ganz erheblich vereinfacht.

Ingrid Nestle ist eine deutsche Politikerin von Bündnis 90/Die Grünen. Sie war mehrfach Mitglied des Deutschen Bundestages und hat sich dort besonders für die Klima- und Energiepolitik engagiert. Zwischen 2012 und 2017 war Ingrid Nestle Staatssekretärin in Schleswig-Holstein. Sie war zudem Sprecherin für Klima- und Energiepolitik im Bundestag, hat aber angekündigt, 2025 nicht erneut zu kandidieren.

Professionelle Webentwicklung: von der Idee bis zur Umsetzung

Unsere Konzeptioner, Full-Stack-Webdesigner und Webentwickler haben die <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/politiker-website-digitale-kommunikation/">Politiker-Website</a> in enger Abstimmung mit der Kundin entworfen. In Video-Calls trugen sie alle Wünsche und Vorgaben zusammen und entwickelten daraufhin entsprechende Lösungsvorschläge.
Auf dieser Basis erstellte unser Team einen <a href="https://aleksundshantu.aleksundshantu.com/wiki/high-fidelity-prototyp/">Prototyp</a> in Figma. Dieser bildet das Design für verschiedene Endgeräte ab und ermöglicht eine frühzeitige Abstimmung mit allen Projektbeteiligten. Für eine zentrale und transparente Kommunikation sind Tools wie Slack und Trello wertvolle Instrumente. Sie haben unser Projektmanagement und damit den gesamten Workflow agil gehalten, indem sie schnelles Reagieren fördern und eine nahtlose Zusammenarbeit sicherstellen.

Beim Webdesign legten wir den Fokus auf die Farben Grün, Blau und Gelb, um der Fülle des Contents eine stringente Struktur zu geben. Ergänzt wurde das Design durch frische, authentische Fotografien, die im Wahlkreis der Politikerin aufgenommen wurden und einen starken persönlichen Bezug schaffen.
In der technischen Umsetzung kombinierte unser Developer-Team Next.js und React im Frontend mit einem Headless Backend, basierend auf einem WordPress-Klon (API first). Next.js ermöglicht dabei serverseitiges Rendering und statische Seiten&nbsp;– ideal für die nahtlose Integration von Headless-CMS-Inhalten. React sorgt hingegen für ein dynamisches und interaktives Frontend, das die Daten attraktiv und effizient darstellt. Dieser moderne Tech-Stack ist bester Standard der professionellen Webentwicklung; er wird von uns regelmäßig getestet und optimiert, um das Maximale an (Website-)Performance herauszuholen.

Die Website der Politikerin und Bundestagsabgeordneten Ingrid&nbsp;Nestle haben wir als Multipage-Application umgesetzt. Der visuelle Einstieg bildet dabei eine Hero Area, die eine natürliche Fotografie der Politikerin bei ihrer Arbeit zeigt, kombiniert mit dem Claim ‚Für unsere Lebensgrundlagen‘. Die authentische Darstellung erzeugt einen verbindlichen ersten Eindruck. Ergänzt wird dieser prominente Bereich durch eine Social-Media-Sidebar, die eine direkte Vernetzung ermöglicht.
Wir konzipierten das Webangebot so, dass die unterschiedlichen Inhalte der einzelnen Unterseiten leicht zugänglich sind. Unsere Frontend-Webentwicklung legte dabei besonderen Wert auf eine klare Struktur und Benutzerfreundlichkeit. Wir vermeiden also Umwege, unklare Verzweigungen in der Navigation und fehlende Hinweise.
Ein zentrales Element ist das übersichtliche Menü, das Besuchern einen schnellen Überblick verschafft und gleichzeitig die Möglichkeit bietet, schnell und einfach auf tiefer liegende Inhalte zuzugreifen. Eine intuitive Gestaltung sorgt dafür, dass sich sowohl Erstbesucher als auch regelmäßige Nutzer leicht orientieren und einen unkomplizierten Zugang zu den gewünschten Inhalten finden.
Den Themen-Bereich mit seinem vielfältigen Content präsentieren wir abwechslungsreich und dennoch konsistent: mit einheitlich gestalteten Artikeln und ansprechend aufbereiteten Fotos zum Wahlbezirk. Mit nur einem Klick gelangt man zu weiteren Informationen wie Pressemeldungen und Redebeiträgen. 
Die Nutzererfahrung unterstützen wir durch dezente Micro-Animationen und Scroll-Effekte, die für fließende Übergänge sorgen. Die Navigation einer animierten Website wirkt stets smart und angenehm zeitlos.

Im Mittelpunkt stehen die Nutzer 

Nicht nur Bundespolitiker brauchen Bodyguards, auch ihre Websites erfordern lückenlosen Schutz. Politiker-Websites sind immer wieder Ziel von Hackerangriffen. Dazu zählen sogenannte Brute-Force-Attacken oder DDoS-Angriffe. Wir bieten allen unseren Kunden ein umfangreiches Sicherheitskonzept an: mit 24-Stunden-Monitoring-System (Schutzmaßnahmen und geheime Abwehrtechniken), das uns über alle Attacken informiert und schnelle Reaktionsmöglichkeiten bietet. 
Ein weiterer wichtiger Bestandteil ist die kontinuierliche Aktualisierung von Plug-ins und Erweiterungen; veraltete Versionen werden nämlich häufig von Hackern als Einstiegspunkt genutzt. 
Zusätzlich profitieren unsere Hosting-Kunden von einem deutschen Serverstandort&nbsp;– und damit von europäischem Datenschutz&nbsp;– sowie von regelmäßigen Wartungsmaßnahmen. Wer zur Sicherheit seiner Website Fragen hat, kann uns jederzeit gern kontaktieren.

Sicherheit ist der zentrale Aspekt einer Politiker-Website 

Über die Plattform <a href="https://aleksundshantu.aleksundshantu.com/berlinfahrten/">Berlinfahrten</a> können Wahlkreisbüros Fahrten zu ihren Bundestagsabgeordneten in Berlin sowie Besuche im Deutschen Bundestag organisieren. Die benutzerfreundliche Lösung basiert auf einer robusten Backend-Infrastruktur mit Node.js und TypeScript, die für eine zukunftssichere Weiterentwicklung sorgt. Express.js dient als Framework für die API-Endpunkte, während MySQL für die effiziente Verwaltung komplexer Daten sorgt.
Die Plattform bietet eine tokenbasierte Authentifizierung über JWT, ein flexibles Benutzer- und Rollenmanagement sowie einen automatisierten Mailversand für wichtige Updates und Termin-Erinnerungen. Dank der skalierbaren Architektur lässt sich die Lösung problemlos erweitern und über externe APIs integrieren.

Berlinfahrten – der neue Wahlkreis-Service für politische Teilhabe

Die Website erfüllt die Anforderungen der Kundin präzise und zuverlässig. Besucher können sich dank der klaren Struktur intuitiv orientieren und umfassend informieren, während die eingesetzten technischen Lösungen eine reibungslose Nutzung gewährleisten.
Ein weiteres Highlight ist die benutzerfreundliche Content-Verwaltung: Das Team von Ingrid&nbsp;Nestle kann Inhalte problemlos hinzufügen, bearbeiten und ersetzen. Zudem überzeugt die Website mit ihrer hohen Sicherheit, absoluter Fehlerfreiheit und maximalen Performance-Werten. Damit das so bleibt, sorgen wir innerhalb eines Retainers für die reibungslose Funktion aller Sektionen.

Die Website vereint Nahbarkeit, Funktionalität und effektive Kommunikation und wurde so gestaltet, dass sie den Ansprüchen der Kundin und ihrer Zielgruppe optimal gerecht wird. Wir sind stolz darauf, mit unserer Arbeit einen entscheidenden Beitrag geleistet und eine Plattform geschaffen zu haben, die eine komfortable Nutzung mit technischer Zukunftsfähigkeit verbindet.
Das Ergebnis ist eine Website, die nicht nur benutzerfreundlich und barrierefrei ist, sondern auch flexibel anpassbar bleibt. Sie bietet ein sicheres Fundament, um neuen Aufgaben und Entwicklungen vorausschauend und zuverlässig zu begegnen&nbsp;– ein nachhaltiger Erfolg für die digitale Kommunikation.

Contentstärke und smartes UI-/UX-Design, Datenbank- und Webperformance, API-Anbindung und Green Hosting – bei uns alles aus einer Hand! 👌

Ingrid Nestle

Professionelles Webdesign für MdB Ingrid Nestle

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

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

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

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

Die Nutzererfahrung wurde durch dezente Animationen unterstützt, die die Übergänge zwischen den einzelnen Sektionen fließend gestalteten. Das <a href="https://aleksundshantu.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://aleksundshantu.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 

Nach dem Event ist vor dem Event

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 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 Jobportal

lanserhof-karriere-logo

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.

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://aleksundshantu.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

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://aleksundshantu.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a>, <a href="https://aleksundshantu.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 

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_en

Lanserhof_Karriere_EN

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

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

Lanserhof Karriere

Content-Kreation Archive

Content-Kreation Archive - ALEKS &amp; SHANTU GmbH

Die Noble Group, ein führender Partner der deutschen Industrie für Technologiemetalle und seltene Erden, hat mit Noble Gold ein Produkt speziell für eine junge Zielgruppe gelauncht. Um diesen Markteintritt erfolgreich zu gestalten, entwickelten wir einen professionellen Web- und Branding-Prototyp, der vom Kunden intern programmiert wurde. Durch unsere <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/performance-marketing/">Performance-Marketing-Strategie</a> und <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/suchmaschinenoptimierung/">suchmaschinenoptimierte Webtexte</a> konnte Noble Gold bereits kurz nach dem Launch eine deutliche Keyworddichte, steigende Zugriffszahlen und einen überzeugenden Markteintritt verzeichnen.

Website-Design Noble Gold +Finomet

Noble-Group-logo-RGB

Noble Gold – wo aus Gold Sicherheit wird

Unsere Aufgabe bestand darin, ein Webdesign und Branding zu entwickeln, das den Fokus auf den Goldpreis sowie klare Call-to-Actions zur Investition legt. Mit suchmaschinenoptimierten Texten (SEO) und einem prägnanten Claim sorgten wir dafür, dass Noble Gold seine Zielgruppe direkt ansprechen konnte. Die Herausforderung bestand darin, eine Verbindung zwischen Eleganz, Vertrauen und jugendlichem Esprit zu schaffen.

Die goldene Customer-Story

Noble BC ist als Unternehmen der Noble&nbsp;Group einer der führenden Anbieter von Technologiemetallen und seltenen Erden im B2C-Bereich. Über ein blockchaingesichertes Sachwert-Register sind Investitionen in Hightech-Metalle so einfach wie nie: durch Transparenz, Unabhängigkeit und höchste Sicherheitsstandards. Zur Noble&nbsp;Group zählen neben der <a href="https://noble-bc.de/" target="_blank">Noble&nbsp;BC</a> die <a href="https://www.noble-elements.de/" target="_blank">Noble&nbsp;Elements</a> und die Produktmarke <a href="https://noblegold.de/" target="_blank">Noble&nbsp;Gold</a>, die bereits mehrfach mit Bestnoten geehrt wurde.

Von der ersten Abstimmung bis zur Umsetzung arbeiteten unsere Projektmanager und Konzeptioner eng mit dem Kunden zusammen. Das Ziel: eine visuell ansprechende und moderne Website, die die Sehgewohnheiten der digital affinen Generation (Born Digitals) vollständig aufgreift. Unser Design-Team setzte dabei auf eine mutige Farbkombination aus mattem Gold und Flieder, um das Branding frisch und auffällig zu gestalten. Diese Highlights lenken die Aufmerksamkeit gezielt auf den Goldpreis und bieten den Nutzern eine intuitive Customer Journey.

Die Kurve steigt nach oben

Im Fokus stand die junge Zielgruppe, die mit nur 1&nbsp;Euro in physisches Gold investieren kann. Unsere Aufgabe war es, Vertrauen und Leichtigkeit in die digitale Ansprache zu integrieren. Unterstützt durch flüssige Animationen und klar strukturierte Sektionen entstand ein Design, das die Navigation mühelos macht und gleichzeitig die emotionale Bindung zur Marke stärkt.

Deine Wünsche sind unser Ziel

Da die Zielgruppe finanzielle Entscheidungen zunehmend über Smartphones trifft, war ein mobiloptimiertes Konzept essenziell. Der Prototyp wurde gezielt für mobile Endgeräte optimiert, mit einem responsiven Design, das den Goldpreis prominent hervorhebt. So wird die steigende Wertentwicklung zum schlagkräftigen Verkaufsargument. Während der finalen Übergabe standen unsere Entwickler dem Inhouse-Team des Kunden beratend zur Seite, um einen reibungslosen Übergang zu garantieren.

Wenn es mobil glänzt

Mit diesem Projekt haben wir gezeigt, wie unsere <a href="/digitalagentur/">Digitalagentur</a> durchdachte und innovative Lösungen liefern kann: von starken Corporate Websites über agile Apps bis hin zu Performance-Marketing-Strategien. Unser Ansatz ist modular und auf die Bedürfnisse jedes Kunden zugeschnitten, wie bei Noble Gold, wo der Prototyp den erfolgreichen Markteintritt nachhaltig unterstützte.

Unser goldenes Angebot

Konzeption, Design, Textkreation, Programmierung – alles aus einer Hand für einen maximalen Erfolg! Professionelle Webentwicklung aus Berlin.

Noble Gold

Konzeption und Prototyping für zielgerichtete Weblösungen

Wir kennen Katzen meistens aus der heimischen Wohnung, doch Katzen sind auch wilde Tiere, die in der Natur leben. Ihre Lebensräume sind zwar stark eingeschränkt, wenn sie jedoch in die Natur zurückkehren, bedeutet das eine Renaturierung und Verbesserung der Biodiversität. Es fördert die Artenvielfalt und trägt viel zur Klimastabilität bei. Der <a href="https://www.bund.net/" rel="noopener" target="_blank">BUND</a> begleitet diese Prozesse und bietet auf seiner <a href="https://wildkatzenwald-erleben.bund.net/" rel="noopener" target="_blank">Website</a> wichtige Hintergrundinformationen zu diesem Thema.

bund-vorschschaubild_wildkatzen

BUND-Logo

bund_header_freisteller_mobile_desktop_aunds_converted

bund-portrait-slider_wildkatzen

Wo die wilden Katzen wohnen

Mit interaktiven <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a> ist es möglich, Technik und Kreativität zu verbinden; der BUND suchte nach einer <a href="/digitalagentur/">Digitalagentur</a>, die genau diese spezifische Symbiose bietet. Die Illustration bekamen wir dieses Mal direkt vom Kunden. Unser <a href="/digitalagentur/animationsstudio/">Animationsstudio</a> sollte passende Mikroanimationen auf der Illustration ausführen und im <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/professionelles-webdesign/">professionellen Webdesign</a> galt es, klickbare Punkte zu setzen, um im Ergebnis einen einladenden Gamification-Effekt zu erzielen.

Das Schloss gehört den Katzen

Der <a href="https://www.bund.net/" target="_blank" rel="noopener">BUND</a> (Bund für Umwelt und Naturschutz Deutschland e.&nbsp;V.) wurde 1975 in Marktheidenfeld gegründet. Er setzt sich für Natur- und Umweltschutz ein und wird von mehr als 674000 Menschen unterstützt. Etwa 2000 ehrenamtliche Gruppen engagieren sich deutschlandweit für ökologische Landwirtschaft, Klimaschutz und den Schutz bedrohter Arten. Der BUND finanziert sich durch Mitgliedsbeiträge und Spenden und ist unabhängig von Politik und Wirtschaft.

Um die zehn Punkte auf der <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/illustrationen/">Illustration</a> als Klick-Animation zu nutzen, animierten wir im <a href="https://aleksundshantu.aleksundshantu.com/insight/the-rise-of-motion-design/">Motion Design</a> zunächst einzelne Tiere mit After Effects und schufen Klick-Elemente. Wenn Besucher draufklicken, öffnen sich informative Overlays mit Audio-Option, die auch für die Barrierefreiheit von Bedeutung ist.

Das Overlay und deine Klicks 

Für die verspielte <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/interaktive-infografiken/">interaktive Illustration</a> verwendete unser Full-Stack-Webentwickler funktionsstarkes JavaScript, mit dem er eine Image-Map entwickelte. Die Punkte platzierte er auf einer Achse im Backend, womit die anklickbaren Punkte nun im Frontend sichtbar und nutzbar wurden.

Technische Expertise 

Großes Bild und kleiner Viewport?&nbsp;– Eines der Probleme, die unser Full-Stack-Designer löste, war die Darstellung der Illustration auf einem Smartphone oder Tablet. Als Ganzes wäre sie auf dem Bildschirm viel zu klein. Aus diesem Grund entschieden wir uns, sie heranzuzoomen und mit mehreren Ebenen zu arbeiten. Diese verschieben sich nahtlos gegeneinander, ohne die Usability zu beeinträchtigen, und führen die Besucher zum nächsten Klick.

Dein Smartphone und unsere interaktive Illustration

Naturschutzverbände und Umweltorganisationen benötigen viel Ausdauer, Kreativität und Witz, um im Konzert der Mächtigen ihren Platz zu behaupten. Wir unterstützen den BUND ebenso wie viele andere gemeinnützige Organisationen. Das hängt mit unserem Bedürfnis nach Gerechtigkeit zusammen und dem Ziel, die Welt jeden Tag ein wenig besser zu machen. Für den BUND gelang es uns, statische in interaktive <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/illustrationen/">Illustrationen</a> zu verwandeln, die nicht nur sehenswert sind, sondern nützliches Wissen vermitteln.

Interaktive Illustration 

Lass Bilder lebendig werden! Mit interaktiven Illustrationen und Infografiken! Animation + professionelles Webdesign machen’s möglich.

Interaktive Illustration für BUND

Spielerisch-interaktive Illustrationen für die BUND-Website

Der Markt der Großkanzleien ist in Bewegung. Neugründungen und KI-Angebote fordern die Etablierten gerade im Netz heraus. Um sich neu aufzustellen und das Image zu verändern, wurde aus BMH Bräutigam NEON. Die Berliner Anwaltskanzlei beauftragte unsere <a href="/digitalagentur/">Digitalagentur</a> mit der Entwicklung einer innovativen Website, zu der ihnen später selbst Mitbewerber auf Social Media gratulieren sollten.

neon-vorschschaubild-katze

neon-logo-small

neon_law-header-freisteller-desktop-mobile-screen

neon-portrait-slider-aspect-ratio-7-10

Legal Remix, der neue Beat für die Kanzlei

Unsere <a href="https://aleksundshantu.aleksundshantu.com/digitalagentur/fullservice-webentwicklung-modular/">professionelle Webentwicklung</a> hat schon einige Websites für Kanzleien umgesetzt, doch einen Auftrag wie diesen hatten wir selten. Das Grunddesign, erstellt von der Agentur <a href="https://www.peperoni.berlin/" rel="noopener" target="_blank">Peperoni</a>, lieferte eine visuelle Basis, die wir technisch zu interpretieren hatten. Die neue Website sollte nicht nur schlechthin informieren, sondern die Brand Awareness steigern, während sie technisch anspruchsvolle, dynamische Inhalte präsentiert.

Brand New Brand

<a href="https://neon.law" rel="noopener" target="_blank">NEON</a>, ehemals BMH Bräutigam, ist eine Anwaltskanzlei in Berlin, die sich auf Wirtschaftsrecht spezialisiert hat. Die Kanzlei legt großen Wert auf Freiheit, Selbstbestimmung und Freude an der Rechtspraxis. NEON ist bekannt für seine authentische und tolerante Kultur und betont die Bedeutung persönlicher und beruflicher Beziehungen.

Für den Relaunch der NEON-Website entschied sich unser Team der Full-Stack-Webentwicklung, auf den progressiven Headless-Ansatz zu setzen. ‚Headless‘ bedeutet optimale Flexibilität, beste Performance und doppelte Sicherheit. Dafür nutzen wir Next.js in Verbindung mit WordPress als Headless CMS. Der wirklich beeindruckende Aspekt ist jedoch der ‚Explore Mode‘. Das ist ein ‚Endless Grid‘, das unbegrenzte Scrollmanöver bietet. Die Website wirkt damit wie eine digitale Wunderkammer, ein Kaleidoskop der Neugierde. Jede Kachel bietet Entdeckungen. Zusätzlich haben wir mit <a href="https://aleksundshantu.aleksundshantu.com/insight/page-transitions/">Page Transitions</a> und fortgeschrittenen <a href="https://aleksundshantu.aleksundshantu.com/insight/die-10-schoensten-scroll-animationen/">Scroll-Animationen</a> gearbeitet und einen hohen Production Value geschaffen.

Ein technisch innovatives Fundament

Fähige Mitarbeiter zu gewinnen ist heute ein zentraler Aspekt in jedem Unternehmen. Ja, der Fachkräftemangel ist real. Um potenzielle neue Mitarbeiter anzusprechen, implementierten wir Such- und Filterfunktionen, die eine intuitive Navigation bieten, einen HR-Bereich, der Talente anzieht, und mittels API integrierte HR-Software Personio, um die Daten zu managen.

Innovative Suchfunktionen und starker Fokus auf Human Resources

Es gibt wohl nur wenig visuell so ansprechende und gleichzeitig technisch überlegene Websites. Der Explore-Modus, die anspruchsvollen Web-Animationen und raffinierte Übergänge führen eine ganz neue Dimension der Interaktivität und Nutzerbindung ein. Mit dem Angebot setzt NEON Maßstäbe in der digitalen Präsentation von Rechtsdienstleistungen. Die Website erzielt ausgezeichnete Ergebnisse in Performance-Audits und wird dabei von Technologien wie etwa Lazy Loading unterstützt.

Unser animiertes Website-Angebot

Auch für Mobile muss das Look-and-Feel stimmen. Auf einen Blick die gesuchte Fachrichtung finden, auswählen und dann die Ansprechpartner kontaktieren.&nbsp;– Nie war eine exzellente Erstberatung so einfach.

The Mobile Experience

NEON ist nicht irgendeine Kanzlei. Ihre Größe, Reputation und Erfolge überschreiten gewohnte Dimensionen. Um Exzellenz zu demonstrieren und über neueste Fälle zu informieren, haben wir den Webauftritt auch Mobile taschengerecht und übersichtlich verpackt.

Größe zeigen und Erfolge feiern

Die neue NEON-Website ist eine Symbiose aus Design und Technologie für das nächste Jahrzehnt. Dieser Auftritt repräsentiert nicht nur die Modernität des Unternehmens, sondern bietet auch Raum für zukünftige Entwicklungen und stetige Verbesserungen. Dafür haben unsere Webentwickler in puncto Technologien den State of the Art genutzt, um zu neuen Ufern aufzubrechen.

Arbeiten aus unserem Interactive-Studio