Startseite der Renetik Music Apps-Website mit der aktuellen Android-Produktfamilie.

Renetik Music Apps Website

Eine Produkt-, Dokumentations- und Support-Plattform, die ich mit VuePress, Vue, TypeScript und Vite entworfen und gebaut habe.
Music Apps-Website öffnen
Kunde
Renetik — unabhängiges Produkt
Rolle
Produktdesigner, Webdesigner, Content-Designer und Frontend-Engineer
Engagement
März 2021 – Heute
VuePress 2Vue 3TypeScriptViteNode.js

Ich habe die Music Apps-Website als öffentliche Produktschicht für die gesamte App-Familie entworfen und gebaut. Dabei habe ich ihre visuelle Sprache, Informationsarchitektur, Navigation, responsive Seitenstruktur, Produktpräsentation, den Dokumentationsansatz und die Inhalte selbst erschaffen, anstatt ein vorgegebenes Design umzusetzen.

Die Website ist eine eigenständige VuePress 2-Anwendung, gebaut mit Vue 3, TypeScript, Vite, Node.js, dem Hope-Theme, benutzerdefinierten Vue-Layouts und -Komponenten sowie einer maßgeschneiderten SCSS-Schicht. Markdown und strukturiertes Frontmatter halten Produktseiten, Feature-Guides, Tutorials, Screenshots, Reviews und Store-Aktionen wartbar, ohne dass jede Seite hartkodiert werden muss.

Optimierte WebP-Medien, Vollbildgalerien, Videounterstützung, Suche, Breadcrumbs sowie Support- und Datenschutzseiten machen die Website sowohl zu einem Produkt-Showcase als auch zu einem praktischen Benutzerhandbuch. Der Build verwaltet zudem Analytics, kanonische URLs, Social-Metadaten, Sitemaps, Weiterleitungen und ein produktspezifisches 404-Erlebnis.

Ich habe die generierte Website unterhalb von /app/ in das kombinierte renetik.com-Release integriert. Das Portfolio orchestriert und verifiziert das finale Artefakt, während die Repositories der Music Apps-Webseite und des Portfolios eigenständige Historien behalten, wodurch die Grenze klar gezogen wird, ohne den Website-Quellcode zu duplizieren.

Highlights

Produktidentität, UX, Responsive Webdesign, Informationsarchitektur und Content wurden von mir erstellt.
VuePress 2, Vue 3, TypeScript, Vite, Node.js, benutzerdefinierte Vue-Komponenten und SCSS.
Strukturiertes Markdown und Frontmatter treiben wiederverwendbare Produkt-, Feature-, Tutorial- und Support-Seiten an.
Optimierte WebP-Galerien, Video, Suche, Navigation, Dokumentation und Google Play-Konversionspfade.
Kanonisches SEO, Social Previews, Analytics, Sitemaps, Weiterleitungen, Datenschutzseiten und benutzerdefiniertes 404-Verhalten.
Automatisierte Release-Prüfungen validieren 49 generierte HTML-Seiten und den kombinierten /app/-Bereitstellungsvertrag.
Startseite der Renetik Music Apps-Website mit der aktuellen Android-Produktfamilie.
Produktseite des Renetik Audio Mixer innerhalb der Music Apps-Website.