Page d'accueil du site web Renetik Music Apps présentant la famille de produits Android actuelle.

Site web de Renetik Music Apps

Une plateforme de produit, de documentation et de support que j'ai conçue et développée avec VuePress, Vue, TypeScript et Vite.

Client
Renetik — produit indépendant
Rôle
Concepteur produit, web designer, concepteur de contenu et ingénieur frontend
Mission
mars 2021 – Présent
VuePress 2Vue 3TypeScriptViteNode.js

J'ai conçu et développé le site web de Music Apps en tant que couche produit publique pour l'ensemble de la famille d'applications. J'ai créé son langage visuel, son architecture de l'information, sa navigation, sa structure de page adaptative, la présentation des produits, l'approche de la documentation et le contenu, plutôt que d'implémenter un design fourni.

Le site est une application VuePress 2 distincte, construite avec Vue 3, TypeScript, Vite, Node.js, le thème Hope, des dispositions et composants Vue personnalisés, ainsi qu'une couche SCSS sur mesure. Le Markdown et le frontmatter structuré permettent de maintenir les pages de produits, les guides de fonctionnalités, les tutoriels, les captures d'écran, les avis et les actions de la boutique sans coder en dur chaque page.

Des médias WebP optimisés, des galeries en plein écran, la prise en charge de la vidéo, la recherche, les fil d'Ariane, ainsi que des pages de support et de confidentialité font du site à la fois une vitrine de produits et un guide utilisateur pratique. La compilation gère également les analyses, les URL canoniques, les métadonnées sociales, les sitemaps, les redirections et une expérience 404 spécifique au produit.

J'ai intégré le site généré sous /app/ dans la publication combinée de renetik.com. Le portfolio orchestre et vérifie l'artefact final tandis que les dépôts web de Music Apps et du Portfolio conservent des historiques indépendants, rendant la limite explicite sans dupliquer le code source du site web.

Points clés

Identité de produit, UX, design web adaptatif, architecture de l'information et contenu créés par mes soins.
VuePress 2, Vue 3, TypeScript, Vite, Node.js, composants Vue personnalisés et SCSS.
Du Markdown structuré et du frontmatter alimentent des pages réutilisables de produits, de fonctionnalités, de tutoriels et de support.
Galeries WebP optimisées, vidéo, recherche, navigation, documentation et parcours de conversion Google Play.
SEO canonique, aperçus sociaux, analyses, sitemaps, redirections, pages de confidentialité et comportement 404 personnalisé.
Des vérifications de publication automatisées valident 49 pages HTML générées et le contrat de déploiement combiné /app/.