Portfolio

【LP】Kacooアカデミー(架空)

作業フェーズ
デザイン(WF・テキスト以外) / コーディング
制作期間
2021年12月〜2022年2月(デザイン9h / コーディング10h)
使用ツール
Photoshop / VSCode Editor
ターゲット
  • ・これからチャレンジしたいと思っている、未経験のエンジニア志望者
  • ・通学講座ではなく、自宅で通信講座を受けたい人
  • ・短期間で効率よく学習したい人
  • ・メインターゲットの20代〜30代(会社員・非会社員)
コンセプト
親しみやすさがありつつ信頼感もあるシンプルなWebサイト
クライアントの課題
・エンジニア通信育成に特化したLPで申込み数・アクセス数を伸ばしたい。
クライアントの要望
  • ・親しみやすい・敷居が低い、初心者向け、信頼感がある、シンプルというイメージを与えたい。
  • ・Edge・Chrome・FireFox最新バージョンに適応したサイトにしてほしい。
  • ・レスポンシブ対応してほしい。
アウトプットによる解決策
  • ・とっつきやすさを出すためにオレンジがかった黄色をメインカラーにした。さらに、丸い印象のイラストを使用した。
  • ・一方で、「スキルがつく」「しっかり学べる」という信頼感も欲しいので、メインカラーの補色の深めの青をボタンに使用した。また、CTAの背景には写真を使用した。
  • ・視線が止まる部分になるよう、CTAボタンを配置しているエリアは横幅いっぱいに背景写真を広げている。
こだわり
  • ・FVの背景の下部を下向きの矢印のような形にすることでスクロールを促したい。
  • ・ボタンは立体的にし、ホバーすると押して凹んだように見える仕組みにしている。