WithMeは、10代向けに設計されたモバイルプラットフォームです。仮想空間での共有体験を通じて、仲間とのつながりを育みます。

「画面がリアルな友情に取って代わる時代」
10代の若者たちは、友だちと直接会ってつながるよりも、スマートフォンやノートパソコンを前にひとりぼっちで過ごす時間が増えていた。WithMeには、そのユーザー層にとって親しみやすく、魅力的で、活気に満ちた空間を提供する必要があった。ただ画面をスクロールするだけの時間を、本物の共有体験で置き換えられるような空間を。しかも、10代のユーザーには安全や心身の健康に関して特別な配慮が必要だということを、常に念頭に置きながら。

私たちはWithMeのアイデンティティとプロダクト体験をゼロから構築しました。ネオンカラーでノスタルジックな世界観と、包括的なデザインシステムを軸に据えています。

ビジュアル言語:無機質で企業的な印象ではなく、親しみやすく魅力的で楽しいトーンを定義するため、活気に満ちたレトロ風のムードボードを作成しました。

体験の共有: 単にメッセージをやり取りするだけでなく、友達同士で共に時間を過ごすきっかけを作るため、「Super Trivia」ゲームショーや「Beach Resort」でのハンアウト(交流)スペース、「Welcome Party」空間など、ワールド内で楽しめるアクティビティをデザインしました。

Safety by Design:「思いやりを持って行動しよう」「あなたはひとりじゃない」「プライバシーは大切に」というメッセージを、10代のユーザーに良いコミュニケーションの姿勢を、各ミニゲームのオンボーディングで表示します。


統合されたデザインシステム: 新機能の追加に伴って製品が拡張されても、常に一貫性と識別性を保てるよう、カラーパレット、ボタンライブラリ、タグ、コントロール、通知コンポーネントの全仕様を構築しました。

UMGを活用し、Unreal Engine 4上でUIとアニメーションの実装を直接担当。デザインの意図と最終的なリリース成果物とのギャップを解消しました。
.webp)
コンセプトから生きたソーシャルプラットフォームへ: 10代が抱える孤独という課題を、実用可能な完成されたソーシャルプロダクトへと昇華させました。
プロダクトデザイン
ビジュアル&ブランドデザイン
デザインシステム
ワイヤーフレーミング&プロトタイピング
モーションデザイン
UE4/UMG実装