職業訓練校での実制作課題として、介護勤怠管理システム「LINDA」のプロモーション比較サイトを６名で制作し、私は主にWF、イラスト、PC、SPのデザインカンプの制作を担当いたしました。

（コンペ形式で採用に至らなかったため、サイトURLの掲載は割愛させていただきます。）

介護施設長や管理責任者などの管理職で忙しい方。

LINDAの優位性や導入メリットを理解してもらい、HPへ誘導できるか。またITリテラシーの低い方のシステムに対する抵抗感や苦手意識を払拭しすること。

訪問された方が出来るだけ少ないアクションでLINDAの強みを理解し、公式サイトへのアクセスや、お問い合わせ数の増加。

コンセプトは「安心感」と「誰もが見やすいキャッチーさ」です。 忙しく責任ある立場の方が「ここの情報はなんとなく信用できそう」、「シンプルで読みやすい」と疲れず読み進められるよう、クライアントの要望でもある情報の公平性に配慮し、ランキング形式を取り入れる事ででキャッチーで見やすいサイトを目指しました。

プレゼン資料URL

出来るだけ少ないアクションで読み進められるようLPサイトデザインを立案。 キャッチーさを演出するために写真ではなくイラストを多めに使用し、前半から後半にかけて背景色などでグラデーションをつける事で情報量のグラデーションとリンクさせ視覚的なメリハリをつけるなど、読みやすくなるよう工夫しました。

またそれぞれの項目がスクロール無しでデバイスの高さに収まるよう、詳細ページはアコーディオンパネルを設置するなど全体的にコンパクトに収まるよう配置しました。 またクライアントの要望でもある、情報がフラットに掲載されていて、尚且つ自社システムの印象が残るように強調する。という点ではHPを読み進めていく中でクライアントのシステムが際立つよう、『迷っているあなたにオススメページ』を設置するなどデザインにも配慮しました。

前半はすぐに公式サイトへ飛びたい忙しいユーザー向けに、要点を絞りイラストや図でぱっと見で情報が伝わるよう工夫し、比較表すぐ上に公式サイトへのリンクボタンを設置しました。 後半に進むにつれて深掘りした情報や具体的なエピソードなどを掲載し、ITリテラシーの低い方でも簡単に理解を深め、公式サイトへ誘導を促せるよう工夫しました。

またあえて、フローティングの公式サイトへのリンクボタンなどを設置しないことで公平性に配慮し、安心感を得る狙いがありますが、代用として目次とフローティングのトップへ戻るボタンを設置し、ユーザビリティー向上を目指しました。

情報をフラットに掲載しながらナチュラルに宣伝する。という課題にかなり最初は苦戦しましたが、６名でなんとか形にできてよかったと思います。反省点としては、分業制で制作に取り掛かったのですが、作業量にばらつきが出てしまったのがもったいなかったと思います。

しっかりと作業を振り分けることができれば、もう少し細かい部分を詰めれたのではないかと思うところもあるので、今後複数名で作業をする時はする時はをその点に気を付けて取りかかりたいと思います。

ワイヤーフレーム（８時間）

PCデザインカンプ（７０時間）

SPデザインカンプ（６時間）

Photoshop    Illustrator    figma