Renetik Music Apps 网站

打开音乐应用网站

客户

Renetik — 独立产品

角色

产品设计师、网页设计师、内容设计师及前端工程师

合作期间

2021年3月 – 至今

VuePress 2Vue 3TypeScriptViteNode.js

我设计并构建了 Music Apps 网站，作为整个应用系列的公共产品层。我创造了它的视觉语言、信息架构、导航、响应式页面结构、产品呈现、文档方法和内容，而不是实现现成的设计。

该网站是一个独立的 VuePress 2 应用程序，使用 Vue 3、TypeScript、Vite、Node.js、Hope 主题、自定义 Vue 布局与组件以及定制的 SCSS 层构建。Markdown 和结构化的 Frontmatter 使产品页面、功能指南、教程、截图、评价和商店操作易于维护，无需对每个页面进行硬编码。

优化的 WebP 媒体、全屏图库、视频支持、搜索、面包屑导航、支持和隐私页面使网站既成为产品展示橱窗，又成为实用的用户指南。构建过程还处理了分析、规范 URL、社交元数据、站点地图、重定向以及产品专用的 404 体验。

我将生成的网站集成到 renetik.com 组合发布的 /app/ 路径下。作品集负责编排和验证最终构件，而音乐应用网站和作品集的代码库保持独立的版本历史，在不复制网站源码的前提下明确了边界。

核心亮点

产品特性、UX、响应式网页设计、信息架构以及内容均由我一手创作。

VuePress 2、Vue 3、TypeScript、Vite、Node.js、自定义 Vue 组件及 SCSS。

结构化的 Markdown 和 Frontmatter 支持可复用的产品、功能、教程和支持页面。

优化的 WebP 图库、视频、搜索、导航、文档以及 Google Play 转化路径。

规范的 SEO、社交预览、分析、站点地图、重定向、隐私页面以及自定义 404 行为。

自动化发布检查验证了 49 个生成的 HTML 页面及合并的 /app/ 部署契约。