【課題】AIによる議事録作成サービスLP デザインカンプ

OVERVIEW

SHElikesトレーニングプログラムの課題で制作しました。

|制作物

使用ツール:Photoshop

制作期間:3週間

|要件

サービス概要

オンライン会議の音声を元にして、AIが会話内容を文字起こし・要約し、議事録を自動で作成してくれるサービス「ラクギジ」。簡単な設定で議事録作成の手間から解放し、仕事の生産性を大幅に向上させます。

目的

・サービスの特徴やメリットを伝え、サービスに関心を持ってもらい詳細資料をダウンロードしてもらう
・関心を持った人の情報(連絡先など)を入手して、個別に営業をかけられるようにする。

提供情報

・サービスロゴ
・ワイヤーフレーム

|工夫点

◆全体のイメージ

・イラストも含め、全体的に見やすくシンプルさを心掛けました。

・議事録ツール=「書く」を連想し、方眼紙をイメージした背景を取り入れました。

・ビジネス向けのためメインカラーに青、ボタンなど目立たせたい部分にはアクセントカラーとして補色のオレンジを使用しました。

・ボタンはグラデーションとドロップシャドウで立体感を出し、自然とクリックしたくなるデザインを意識しました。

・各セクションごとに背景を色分けし、自然に区切りがつくようにしました。

◆メインビジュアル

1番最初に目に入る左側にタイトルなどの文字、右半分に議事録を取っているイメージの写真を配置しました。パソコンの上に「議事録ラクラク完成」というワードを追加し、

ラクラクの部分は仕事と量が軽くなって浮くようなイメージで1文字ずつ丸で囲いました。

◆導入

各項目に関連したイラストで、色味もLP全体のイメージと統一感が出るようにしました。

「悩み→導入すれば生産性が上がる」ことを一目でわかるように伝わるように工夫しました。

◆特徴

AIを連想できるように、ロボットが含まれるイラストを選択しました。導入部分と同様に、LP全体と統一感のある色味にしています。

各項目のナンバリングをオレンジにしてタイトル背景に大きめに配置することで、導入部分よりも明るい印象になるようにしました。

◆導入事例

LP全体が長くなり過ぎないよう要点だけ記載し、クリックすれば見たい人が詳しく見れるようにしました。

◆ご利用の流れ

流れが簡潔に伝わるよう、イラストは線だけで文章2行に収まるよう工夫しました。

◆よくある質問

導入事例と同様にLP全体が長くなり過ぎないよう、質問の答えはクリックで表示されるようにしました。

◆資料請求

情報を入力しやすいよう白背景にし、シンプルにしました。

|SP版デザインカンプ