AuraHarmony ist eine native Mobile-App für iOS und Android – ein eigenes Softwareprodukt von EicDevCon. Die zugehörige Website sollte deshalb mehr leisten als eine klassische Landingpage: das Produkt erklären, Inhalte bereitstellen, unterschiedliche Sprachen und Zielgruppen tragen und technisch eng mit der Produktstrategie verbunden bleiben.
Ausgangslage
Für ein digitales Produkt reicht eine einzelne Download-Seite langfristig nicht aus. Neben der App selbst sollten Funktionen, Hintergründe und weiterführende Themen verständlich vermittelt werden.
Die Website musste dabei mehrere Aufgaben gleichzeitig erfüllen:
- das Produkt erklären
- Besucher zu den mobilen Anwendungen führen
- Inhalte und Hintergründe veröffentlichen
- mehrere Sprachen tragen
- technische und rechtliche Informationen bereitstellen
- Datenschutz bereits bei Architekturentscheidungen berücksichtigen
- für Suchmaschinen sauber erschließbar sein
Sie wurde deshalb von Anfang an als eigenständiger Bestandteil des Produkts betrachtet – nicht als Beiwerk.
Ziel
Die Webplattform sollte die Mobile-App ergänzen, ohne deren Funktionen im Browser nachzubauen. Im Mittelpunkt standen klare Produktkommunikation, die Verbindung zu iOS und Android, mehrsprachige Inhalte, Blog- und Wissensbereiche, technische SEO, eine datensparsame Architektur, kontrollierte externe Abhängigkeiten und langfristige Erweiterbarkeit.
Website und App übernehmen unterschiedliche Aufgaben, bleiben aber Teil desselben Produktumfelds.
Website und Mobile-App als gemeinsames Produktumfeld
AuraHarmony besteht nicht aus einer App und einer davon getrennten Marketingseite. Die Anwendung stellt die eigentlichen Funktionen bereit; die Website konzentriert sich auf Produktbeschreibung, Funktionsübersichten, weiterführende Inhalte, Blog und Wissen, Verweise auf die mobilen Anwendungen, Datenschutz- und Rechtsthemen sowie die langfristige Auffindbarkeit über Suchmaschinen.
Dadurch lassen sich Produkt und Kommunikation unabhängig weiterentwickeln und bleiben fachlich verbunden.
Mehrsprachigkeit als Produktanforderung
AuraHarmony richtet sich nicht ausschließlich an einen deutschsprachigen Markt. Mehrsprachigkeit wurde deshalb nicht als spätere Übersetzung einzelner Seiten behandelt, sondern als Bestandteil der Website-Struktur.
Die Sprachfassungen besitzen eigene Inhalte, Metadaten und URLs und sind technisch miteinander verknüpft:
- sprachspezifische Seiten unter eigenen Adressen
- lokalisierte Produkttexte und Navigation
- mehrsprachige Blog- und Wissensinhalte
- Canonical- und hreflang-Beziehungen, einschließlich einer Vorgabe für nicht zugeordnete Sprachen
- Sprachalternativen in der Sitemap
Damit bleibt die Zuordnung der Inhalte auch bei wachsendem Sprachumfang nachvollziehbar.
Content über die reine Produktbeschreibung hinaus
Eine Produktwebsite muss nicht bei Funktionen und Download-Verweisen enden. Für AuraHarmony entstand deshalb ein redaktioneller Bereich, in dem Themen rund um das Produkt und seinen fachlichen Kontext ausführlicher behandelt werden können: Blogbeiträge, Hintergrundwissen, Erklärungen zu Funktionen sowie technische Themen wie Architektur und Datenschutz.
Die Beiträge sind nach Kategorien geordnet und in beiden Sprachfassungen redaktionell gepflegt – die englische Fassung ist keine Spiegelung der deutschen, sondern ein eigener Bestand.
Transparente Medienkennzeichnung
Im redaktionellen Bereich werden erzeugte Bilder sichtbar als solche gekennzeichnet. Die Herkunft eines Bildes bleibt damit für Besucher nachvollziehbar, ohne dass sie dafür in Metadaten suchen müssten.
Privacy by Design
Datenschutz wird nicht ausschließlich als nachträgliche Einwilligungsfrage betrachtet. Bei Produkt- und Webarchitektur wird berücksichtigt, welche Datenverarbeitung tatsächlich erforderlich ist und welche externen Abhängigkeiten notwendig sind. Externe Dienste werden bewusst eingebunden und über eine Einwilligungslösung gesteuert.
Der Ansatz passt zum Offline-first-Konzept der mobilen Anwendung, bei der wesentliche Funktionen lokal auf dem Endgerät ausgeführt werden.
Technische Qualität
Auch bei einer Produktwebsite gehören Auffindbarkeit, Wartbarkeit und kontrollierte Abhängigkeiten zur Umsetzung. Dazu zählen unter anderem:
- strukturierte, sprachspezifische URLs
- Canonicals und hreflang
- strukturierte Daten
- Sitemap mit Sprachalternativen und robots.txt
- Weiterleitung auf die passende Sprachfassung
- responsive Darstellung
- Einwilligungssteuerung für externe Dienste
Verbindung zu den mobilen Anwendungen
Die Website bildet den Übergang zwischen Information und Nutzung: Besucher informieren sich über das Produkt und wechseln anschließend zur passenden mobilen Anwendung.
Website und App bleiben dabei technisch getrennte Systeme. Die Website muss weder Funktionen der App duplizieren noch eine zweite Anwendungslogik aufbauen. Diese Trennung reduziert Komplexität und erlaubt, beide Systeme unabhängig weiterzuentwickeln.
Ergebnis
Es entstand eine Produktwebsite, die Produktkommunikation, Mehrsprachigkeit, redaktionelle Inhalte, Datenschutz und die Verbindung zur Mobile-App in einer gemeinsamen Architektur verbindet – ohne selbst zur Webversion der App zu werden.
Das Projekt zeigt einen weiteren Grundsatz der Webentwicklung bei EicDevCon: Eine Produktwebsite sollte nicht isoliert betrachtet werden. Architektur, Produkt, Content, Datenschutz und spätere Weiterentwicklung müssen zusammenpassen.
Technischer Überblick
Produktumfeld – Web, iOS, Android Website – Produktseiten, Blog, Wissensinhalte, Mehrsprachigkeit Discovery – Canonical, hreflang, strukturierte Daten, Sitemap, robots.txt Privacy – Privacy by Design, kontrollierte externe Dienste, datensparsame Architektur Integration – Produktkommunikation, mobile Anwendungen, Web
