Beranda website Renetik Music Apps yang menampilkan keluarga produk Android saat ini.

Website Renetik Music Apps

Platform produk, dokumentasi, dan dukungan yang saya rancang dan bangun dengan VuePress, Vue, TypeScript, dan Vite.
Buka website Music Apps
Klien
Renetik — produk independen
Peran
Desainer produk, desainer web, desainer konten, dan insinyur frontend
Keterlibatan
Maret 2021 – Sekarang
VuePress 2Vue 3TypeScriptViteNode.js

Saya merancang dan membangun website Music Apps sebagai lapisan produk publik untuk seluruh keluarga aplikasi. Saya menciptakan bahasa visual, arsitektur informasi, navigasi, struktur halaman responsif, presentasi produk, pendekatan dokumentasi, dan kontennya sendiri tanpa mengimplementasikan desain yang sudah ada.

Situs ini adalah aplikasi VuePress 2 terpisah yang dibangun dengan Vue 3, TypeScript, Vite, Node.js, tema Hope, tata letak dan komponen Vue kustom, serta lapisan SCSS yang disesuaikan. Markdown dan frontmatter terstruktur menjaga halaman produk, panduan fitur, tutorial, tangkapan layar, ulasan, dan tindakan toko agar tetap mudah dikelola tanpa melakukan hard-coding pada setiap halaman.

Media WebP yang dioptimalkan, galeri layar penuh, dukungan video, pencarian, breadcrumb, halaman dukungan, dan privasi mengubah situs ini menjadi etalase produk sekaligus panduan pengguna yang praktis. Build ini juga menangani analitik, URL kanonik, metadata sosial, sitemap, pengalihan, dan pengalaman 404 khusus produk.

Saya mengintegrasikan situs yang dihasilkan di bawah /app/ dalam rilis gabungan renetik.com. Portofolio mengorkestrasi dan memverifikasi artefak akhir sementara repositori web Music Apps dan Portofolio mempertahankan riwayat yang independen, membuat batasannya menjadi eksplisit tanpa menduplikasi sumber website.

Sorotan

Identitas produk, UX, desain web responsif, arsitektur informasi, dan konten yang dibuat oleh saya.
VuePress 2, Vue 3, TypeScript, Vite, Node.js, komponen Vue kustom, dan SCSS.
Markdown terstruktur dan frontmatter mendukung halaman produk, fitur, tutorial, dan dukungan yang dapat digunakan kembali.
Galeri WebP yang dioptimalkan, video, pencarian, navigasi, dokumentasi, dan jalur konversi Google Play.
SEO kanonik, pratinjau sosial, analitik, sitemap, pengalihan (redirect), halaman privasi, dan perilaku 404 kustom.
Pemeriksaan rilis otomatis memvalidasi 49 halaman HTML yang dihasilkan dan kontrak penerapan /app/ gabungan.
Beranda website Renetik Music Apps yang menampilkan keluarga produk Android saat ini.
Halaman produk Renetik Audio Mixer di dalam website Music Apps.