01
ファンド情報の密度が高く、閲覧と切り替えの負担が増加
ファンドページは多くの指標とデータを同時に抱えており、まとめて表示するとユーザーが内容を読み取るのに時間がかかり、情報の検索や切り替えの負担も増えていました。
強基金（Fundhot）
より直感的で、利用シーンに寄り添う投資信託コミュニティ体験
強基金（Fundhot）は投資信託を中心とするコミュニティプラットフォームで、ファンド情報、市場指標、投資に関する議論を提供しています。情報量と利用シーンの増加に伴い、JoinXはファンド情報、機能ナビゲーション、会員管理、コミュニティ閲覧体験を再整理し、「オフィスモード」などシーン別のインターフェースを構築。複雑なファンド情報を探しやすく、切り替えやすく、使いやすくしながら、プラットフォーム本来のコミュニティ性を維持しました。
ファンド情報UXの最適化機能・ナビゲーション統合シーン別閲覧モード会員センター再構築
プロジェクト類型
会員・コミュニティ
開発カテゴリ
ウェブ開発
BACKGROUND
プロジェクト背景
強基金は長年にわたり投資信託の情報と投資交流の場を提供し、独自開発のFBI指標（Fundhot Bias Index）を通じて市場の熱度を把握できるよう支援してきました。 ファンドデータ、会員機能、コミュニティコンテンツが蓄積されるにつれ、既存のインターフェースが同時に扱う情報も増え続けていました。そのため本プロジェクトは画面の再デザインにとどまらず、ユーザーが実際にファンド情報を閲覧し、議論に参加し、個人情報を管理する流れから出発して、情報構造と操作ロジックを再整理しました。 • 開発動機： ファンド情報、会員機能、コミュニティコンテンツの増加により、既存ページに情報密度の高さや操作入口の分散といった問題が生じ、全体的な体験の再整理が必要でした。 • アップグレード目標： 必要なファンド情報と機能により速くたどり着けるようにし、異なる利用シーンに適した閲覧方法を確立すること。 • コア機能： ファンド情報の階層化、機能ナビゲーション統合、オフィスモード、会員センター再構築
CHALLENGES
プロジェクトの課題と詳細評価
ファンド情報、コミュニティコンテンツ、会員機能が増え続けるなか、情報の見せ方、操作入口、利用シーンを再整理し、複雑な機能でも明快で直感的な体験を維持する必要がありました。
02
機能と会員情報が分散し、操作フローが集約されていない
お気に入りや購読などの常用機能に加え、履歴、アカウント設定、お気に入りリストがそれぞれ別の場所にあり、機能を探したり個人情報を管理したりする手順が増えていました。
03
単一のインターフェースでは異なる利用シーンに対応しきれない
コミュニティのユーザーは時間や環境を問わず閲覧しますが、既存のインターフェースには特定の場面に応じた利用モードがなく、より柔軟なシーン別体験が必要でした。
SOLUTIONS
プロジェクト成果とクライアントフィードバック
JoinXは情報階層、機能入口、利用シーン、会員操作の観点からプラットフォーム体験を再整理し、複雑なシステム構造を理解しなくても必要な情報と機能に直感的にたどり着けるようにしました。
ファンド情報の再階層化
ファンド情報をコンテンツ種別ごとに整理し直し、タブ切り替えを導入。ユーザーがその時のニーズに応じてデータを切り替えられるようにし、1ページに大量の情報を同時表示することによる閲覧負担を軽減しました。
常用機能とナビゲーション入口の集約
ヘッダーと主要機能の配置を再設計し、お気に入り、購読、殿堂入りなどの常用入口を集約してアイコン化。重要な機能を見つけやすく、使いやすくしました。
シーン別の「オフィスモード」を構築
オフィスでの利用を想定して掲示板のインターフェースを再設計し、プレゼン資料や表に近いビジュアルでコンテンツを表示。コミュニティの交流機能を完全に保ちながら、一般的な掲示板とは異なる閲覧方法を提供します。
会員センターの操作フローを再編
履歴、アカウント設定、お気に入りリストを会員センターに集約し、一貫したページ構造とタブ切り替えによって、ページ間を行き来する手間を減らしました。
TECH STACK
技術実践とフレームワーク
画面の再デザインに加えて、今回のアップグレードではファンド情報、会員機能、利用シーンを独立して管理できるモジュールに分割し、既存サービスを維持しながら、今後の機能調整や拡張の柔軟性を確保しました。
01
モジュール化された情報アーキテクチャ
種類の異なるファンド情報を独立したコンテンツモジュールに分割し、一貫した切り替えロジックで表示。1ページに情報を積み重ね続けることを避け、今後のコンテンツ調整も柔軟に行えます。
情報モジュール化 タブ切り替え構造 ファンドデータ階層化
02
共通機能と会員モジュールの統合
プラットフォーム内の共通操作入口と会員関連機能を再整理し、より一貫したナビゲーションと管理構造を構築。機能ごとに個別に発展したことによる操作のばらつきを減らしました。
機能モジュール統合 会員センター ナビゲーション構造
03
シーン別インターフェース構造
既存のコミュニティ機能に加えて「オフィスモード」のインターフェースを構築し、同じコンテンツを利用シーンに応じて表示し直せるようにしながら、従来の議論・交流機能を維持しています。
シーンモード インターフェース切り替え コミュニティ交流
IMPACT
プロジェクト成果と価値
ファンド情報が探しやすく、読みやすく
情報の階層化と切り替えの仕組みにより、以前は一括表示されていたファンドデータを再整理し、ユーザーがその時に本当に必要な情報に集中できるようにしました。
プラットフォームの操作がより集約され、理解しやすく
常用機能と会員データの再統合により、ページ間で探したり切り替えたりする操作コストを減らし、重要な機能にはより明確な入口を用意しました。
より多様で持続的に拡張できる利用体験を構築
「オフィスモード」は従来のコミュニティの利用シーンを広げ、ファンド情報と会員機能のモジュール化は、今後の機能調整、プラットフォーム拡張、運用保守に多くの余地を残しています。
