■ 事例概要

■ お客様の課題

お客様の状況

One Capital株式会社様は、AIやB2B SaaS、ヘルスケア領域のスタートアップに投資するベンチャーキャピタルです。コーポレートサイトは投資先や起業家との最初の接点であり、常に新鮮な印象を届けたいという想いから、毎年デザインを刷新されています。

弊社では2年目となる今回のリニューアルでは、主に以下の点が改善の余地として挙がっていました。

• 既存の白黒基調のデザインでは、投資先企業の個性やブランドカラーを十分に活かしきれていなかった

• 問い合わせフォームがページ内セクションに組み込まれた構成で、導線として十分に機能していなかった

• コンテンツの増加に伴い、サイトマップが複雑化し、訪問者が目的の情報にたどり着きづらくなっていた

• テクノロジー投資を手がける企業として、サイトの表現がやや静的な印象にとどまっていた

サイト構造の整理と新たなナビゲーション設計に加え、スクロールアニメーションを取り入れた先進的なデザインへの転換が求められていました。

■ ユルリカが提案したアプローチ

提案の核

デザイン刷新だけでなく、サイトマップの見直しと不要ページの統合を行い、情報設計から再構築するアプローチをご提案しました。

各コンテンツへの入口となるナビゲーションハブページを新設し、訪問者が目的の情報に迷わずたどり着ける構造へ。デザイン面では、Studioの標準機能にとどまらずカスタムコードを組み合わせ、自由度と実装品質を両立させています。

■ 実施内容

STEP 1：サイトマップ整理・デザイン方針の策定

既存のサイト構造を棚卸しし、不要ページの統合とサイトマップの再設計を実施しました。あわせて参考サイトのリサーチを行い、白基調をベースに投資先ロゴのカラーを活かすデザインコンセプトを策定。スクロールアニメーションの実現方針についても、この段階で合意形成を行っています。

STEP 2：デザイン制作・新規ページ設計

コンセプトに基づき、各ページのデザインを制作しました。コンテンツを横断的に探索できるナビゲーションハブページ「Explore Content」を新たに設計し、投資先情報・分析ツール・ニュースなどへの導線を一元化。フォームの独立ページ化や英語版対応も含め、フィードバックを重ねながらブラッシュアップを進めています。

STEP 3：Studio実装・アニメーション組み込み

Studioでの実装に加え、カスタムコードとLottieを活用したスクロールアニメーションを組み込みました。CMSによる投資先一覧の更新機能も引き継ぎつつ、新デザインに最適化。ページ間の干渉を避けるための検証も丁寧に行っています。

STEP 4：公開・多言語対応の最終確認

英語版との整合性を確認し、公開へ。2年連続のリニューアルで培った運用ノウハウをもとに、スムーズな切り替えを実現しました。

■ 導入後の変化

定量的な変化

リニューアル後、面談時にサイトに触れていただく方が約2倍に増加。対外的なコミュニケーションツールとしての役割が大きく向上しています。

定性的な変化

白黒基調から投資先のブランドカラーを活かした明るいデザインへと生まれ変わり、サイト全体の印象が一新されました。スクロールアニメーションにより、テクノロジー投資企業としての先進性が直感的に伝わるサイトへ。

サイトマップの整理と不要ページの統合により、情報への全体的なアクセスのしやすさが向上しています。新設した「Explore Content」ページがコンテンツハブとして機能し、投資先情報・分析ツール・ニュースなど多岐にわたるコンテンツへ迷わずたどり着ける導線が実現しました。

問い合わせフォームの独立ページ化もあわせて、訪問者がスムーズにアクションを起こせる設計に。2年連続でのリニューアルにより、コーポレートサイトを常に最新の状態に保つ運用体制が確立されています。

■ お客様の声

「要望に沿いながら、期待を遥かに超えるデザインを作成していただきました。実装が難しいデザインを要望しましたが、理想通りの動きでクオリティが高く満足しています。対応も非常にスムーズで、丁寧なコミュニケーションでした。」

— One Capital株式会社　中島 賢太 様

■ プロジェクトまとめ