Facebook 結婚相談所 インタラクティブ動画 ビジュアル
Logo

結婚相談所 インタラクティブ動画 ビジュアル

クレジット
Avatar
グラフィックデザイナー
結婚相談所 インタラクティブ動画 ビジュアル-1
シェア

結婚相談所 インタラクティブ動画 ビジュアル

数ある結婚相談所や婚活サービスの中から、自分に最適なものを選ぶための診断型インタラクティブ動画のコンテンツ画面です。 最大のこだわりは、ユーザーの「真剣な想い」に寄り添い、信頼感と期待感を醸成するビジュアル設計です。 【信頼と幸福感を両立するカラー&レイアウト】 清潔感と誠実さを表す白をベースにしつつ、結婚への明るい未来を想起させる柔らかなピンクやゴールドをアクセントに採用。 医療系とは異なる、温かみのある品格を追求しました。 また、スマートフォンの小さな画面でもストレスなく情報を読み取れるよう、タイポグラフィの強弱や余白を大胆に使い、論理的な情報のグループ化を徹底しました。 【アクションを迷わせない親切なUI設計】 「自分に合うサービスを知りたい」というユーザー心理に対し、設問画面では選択肢を明確に色分けし、タップしやすいサイズと配置にこだわりました。 また、診断結果に至るまでのプロセスを視覚化することで、離脱を防ぐ工夫をしています。 単に「綺麗な画面」を作るのではなく、ユーザーが迷わずに診断を完了し、次のアクション(資料請求等)へとスムーズに進めるよう、心理的ハードルを下げる導線設計を色とレイアウトで実現しました。
クレジット
Avatar
グラフィックデザイナー
シェア
foriio

あなたのforiioを無料で作成

fori.io/
結婚相談所 インタラクティブ動画 ビジュアル-1

結婚相談所 インタラクティブ動画 ビジュアル

数ある結婚相談所や婚活サービスの中から、自分に最適なものを選ぶための診断型インタラクティブ動画のコンテンツ画面です。 最大のこだわりは、ユーザーの「真剣な想い」に寄り添い、信頼感と期待感を醸成するビジュアル設計です。 【信頼と幸福感を両立するカラー&レイアウト】 清潔感と誠実さを表す白をベースにしつつ、結婚への明るい未来を想起させる柔らかなピンクやゴールドをアクセントに採用。 医療系とは異なる、温かみのある品格を追求しました。 また、スマートフォンの小さな画面でもストレスなく情報を読み取れるよう、タイポグラフィの強弱や余白を大胆に使い、論理的な情報のグループ化を徹底しました。 【アクションを迷わせない親切なUI設計】 「自分に合うサービスを知りたい」というユーザー心理に対し、設問画面では選択肢を明確に色分けし、タップしやすいサイズと配置にこだわりました。 また、診断結果に至るまでのプロセスを視覚化することで、離脱を防ぐ工夫をしています。 単に「綺麗な画面」を作るのではなく、ユーザーが迷わずに診断を完了し、次のアクション(資料請求等)へとスムーズに進めるよう、心理的ハードルを下げる導線設計を色とレイアウトで実現しました。
クレジット
Avatar
グラフィックデザイナー
シェア
foriio

あなたのforiioを無料で作成

fori.io/