Renetik Music Apps Website

私はMusic Appsウェブサイトを、アプリケーションファミリ全体を網羅するパブリックなプロダクトレイヤーとして設計・構築しました。提供されたデザインを実装するのではなく、ビジュアル言語、情報アーキテクチャ、ナビゲーション、レスポンシブなページ構造、プロダクトのプレゼンテーション、ドキュメントのアプローチ、コンテンツを自ら作成しました。

このサイトは、Vue 3、TypeScript、Vite、Node.js、Hopeテーマ、カスタムVueレイアウトとコンポーネント、および調整されたSCSSレイヤーを用いて構築された、独立したVuePress 2アプリケーションです。Markdownと構造化されたフロントマターにより、各ページをハードコーディングすることなく、プロダクトページ、機能ガイド、チュートリアル、スクリーンショット、レビュー、ストアのアクションを保守しやすくしています。

最適化されたWebPメディア、フルスクリーンギャラリー、動画サポート、検索、パンくずリスト、サポートおよびプライバシーページにより、このサイトはプロダクトのショーケースであると同時に実践的なユーザーガイドとしても機能します。また、ビルドではアナリティクス、正規URL、ソーシャルメタデータ、サイトマップ、リダイレクト、プロダクト固有の404エクスペリエンスも処理されます。

統合renetik.comリリースにおいて、生成されたサイトを/app/配下に統合しました。ポータルは最終成果物をオーケストレーションし、検証します。一方、Music AppsのWebリポジトリとポータルリポジトリは独立した履歴を保持し、ウェブサイトのソースを複製することなく境界を明確にします。

ハイライト