Beranda situs web Renetik Music Apps yang menampilkan lini produk Android saat ini.

Situs Web Renetik Music Apps

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

Saya merancang dan membangun situs web 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 daripada sekadar mengimplementasikan desain yang disediakan.

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 mudah dikonversi 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 kanonis, metadata sosial, sitemap, pengalihan, dan pengalaman 404 khusus produk.

Saya mengintegrasikan situs yang dihasilkan di bawah /app/ dalam rilis gabungan renetik.com. Portfolio mengorkestrasikan dan memverifikasi artefak akhir sementara repositori web Music Apps dan Portfolio mempertahankan histori independen, membuat batasannya menjadi jelas tanpa menduplikasi sumber situs web.

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 kanonis, 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 situs web Renetik Music Apps yang menampilkan lini produk Android saat ini.
Halaman produk Renetik Audio Mixer di dalam situs web Music Apps.