メインコンテンツにスキップ
← ポートフォリオに戻る
UI/UXEngineering

Tiny.vn:UI/UX再設計とプラットフォームエンジニアリング

Tiny.vnのための完全なUI/UX再設計とフルスタックプラットフォーム再構築。ダッシュボード、サーバー選択フロー、サブスクリプション管理システムを再構築し...

期間:6 weeks

+65%
無料→有料コンバージョン
1 click
サーバー接続
8 languages
ロケール対応
95+
Core Web Vitals
Tiny.vn:UI/UX再設計とプラットフォームエンジニアリング

このプロジェクトについて

Tiny.vnのための完全なUI/UX再設計とフルスタックプラットフォーム再構築。ダッシュボード、サーバー選択フロー、サブスクリプション管理システムを再構築し...

技術スタック

Next.jsNode.jsPostgreSQLRedisFigmaTailwind CSS

01 課題

既存のTiny.vnダッシュボードは機能的ではありましたが、コンバージョンファネルの各段階でユーザーを失っていました。サーバー選択に必要なクリック数が多すぎました。サブスクリプション管理は購入時にユーザーを混乱させていました。UIはテキスト長や読み方向の異なる8つの言語バリエーションで崩れていました。無料から有料へのコンバージョンファネルは深刻なパフォーマンス不足で、支払いを希望するユーザーが購入完了前に離脱していました。

02 ソリューション

コンバージョンを最重要指標として、ユーザーエクスペリエンス全体をゼロから再構築しました。スマートルーティング推奨によりサーバー選択をワンクリックに削減しました。透明性の高い価格表示と即時アクティベーションを備えたサブスクリプション管理を再設計しました。8言語にわたる異なるテキスト長とRTLスクリプトに適切に対応するロケール対応レスポンシブレイアウトを実装しました。パワーユーザー向けにリアルタイム接続品質インジケーターとバッチ操作サポートを追加しました。

03 成果

再設計されたプラットフォームは、コンバージョンを阻害していたすべての摩擦ポイントを排除しました。無料から有料へのコンバージョンが65%改善しました。サーバー接続時間がワンクリックに短縮されました。ロケール対応レイアウトにより、旧バージョンでベトナム以外の市場を悩ませていたUI崩れの問題がすべて解決されました。Core Web Vitalsはサポート対象の全ロケールで95以上を達成し、ユーザーエクスペリエンスと検索エンジンランキングの両方が向上しました。

お客様のプロダクトにも同様の成果をお求めですか?

フルスタックプロダクト開発チームが、お客様のプロジェクトで測定可能かつ複利的な成果を達成する方法についてご相談ください。