Facebook 【スクール課題】AI議事録サービスFV
Logo

【スクール課題】AI議事録サービスFV

クレジット
Avatar
WEBデザイナー
【スクール課題】AI議事録サービスFV-1
シェア
制作ノート
AI議事録サービス|FV

【コンセプト】

「チームの会議をもっと身近に、もっとスマートに」 AIツールに対する「難しそう」という心理的ハードルを下げ、日々の実務にすぐ取り入れられるイメージを視覚化。チーム全体のコミュニケーションを円滑にするポジティブな変化を表現しました。  

【ターゲット】

  • 会議が多く、議事録作成に時間を取られているマネジメント層や事務担当者。
  • DX推進や業務効率化を検討している中小企業の経営層。
  • ITツールに慣れていない層でも安心して導入できる「使いやすさ」を求めているユーザー。

【ビジュアル設計】

  • 信頼感と清潔感のある配色: ビジネスシーンに適した落ち着いたグリーン(誠実さ)をベースに、アクションを促すボタンには視認性の高いオレンジ(活動的・解決)を配し、心理的なコントラストを設計。
  • 一目で伝わるイラストレーション: オンライン会議の様子を中央に配置。AIが介在することで円滑に進む会議のイメージを抽象化し、文字を読まなくても「何のためのツールか」が伝わる構成。
  • 強弱をつけたタイポグラフィ: 「加速」「最大化」といった重要なキーワードに色をつけ、圏点(ドット)を添えることで、導入によるベネフィットを強調。

【トンマナ設計】

  • クリーン・スマート
  • 信頼感・誠実
  • モダン・直感的

【情報設計・UIのポイント】

  • キャッチコピーの構造化: 「現状の課題(ムダをなくす)」と「導入後の未来(成果を最大化)」を対比させ、ユーザーの共感と期待を同時に獲得する。
  • サービス概要の即時伝達: 下部の波形シェイプ内に、AIによる文字変換・要約というコア機能を短文で記述。スクロールする前にサービスの価値を過不足なく提示。
  • クリック率を意識したCTA: ページ下部に「資料ダウンロード」ボタンを固定的に配置。資料のアイコンを添えることで、次のステップで得られるものを具体化しました。
シェア
Kotori-designの他の作品