SHElikesの課題で、架空のAI議事録サービスを制作。サイトデザインと、実装まで行いました。(レスポンシブ対応済)
[ 制作年:2025年3月 使用ツール:Illustrator / Photoshop / STUDIO ]
WEBサイトはこちら >>
https://pink063728.studio.site/
ツールの概要
オンライン会議の音声を元にして、AIが会話内容を文字起こし・要約し、議事録を自動で作成してくれるサービス。簡単な設定で議事録作成の手間から解放し、生産性を大幅に向上させる。
サイトの概要・制作目的
サービスの特徴やメリットを伝え、サービスに関心を持ってもらい詳細資料をダウンロードしてもらう。
関心を持った人の情報(連絡先など)を入手して、個別に営業を掛けられるようにする。
サイトのターゲット
議事録などのサービスに敏感でありそうな20代後半〜30代の管理職手前の中堅の方。新人育成や、日々の仕事に追われている為、少しでも効率化して業務圧縮をしたいと思っている。
デザインのポイント
・他社とは何か違うかも、とファーストインプレッションで感じてもらう
・誰でも簡単にツールを使えることを訴求できれば
・もっと知りたい、詳しく見てみたい、と思ってもらい、資料DLを促す
<情報設計>
一番の謳い文句となると考えた「ビジネスを加速する」という文言を目立たせました。
テキストの右側の方にはモックアップを用いてそこに実際の使用イメージ画をはめ込み、より使用状況が想像できるように最終、仕上げることができればと思っております。
飽きずに読んでいただけるように、それぞれの部門でイラストやグラフ、モックアップなどを用いてガチャガチャしないように注意しながら、離脱率を下げれるようなデザインになるように意識いたしました。
議事録などのサービスに敏感でありそうな管理職手前の中堅の方(20代後半〜30代)をターゲットとしているため、「利用しやすそう」という印象を持って欲しかったので、ビジネステイストに寄りすぎない少しカジュアルな雰囲気も出しつつ制作いたしました。
<配色・テキストなどのデザイン>
IT系の雰囲気を出したかったのですが、競合リサーチの際に青色を基調としたデザインが多く見受けられた為、目新しさを少し出し、「何か他と違うかも」と少しでも興味を持ってもらえたらと思い、親しみ・温かみが感じれるような緑基調で作成いたしました。
謳い文句の「加速する」の言葉の意味通り、動き・速さを表現したいと思い、文字に速さが出るような加工をいたしました。ポイントになるグラデーションカラーも使用し、軽やかさを表現し、より速さを強調できるように意識して作成いたしました。