株式会社ShareDan様LPデザインコンペ

概要

株式会社ShareDan様が運営する「Webクリエイターズギルド」で開催されたデザインコンペに応募し、受賞したデザインとなります。
受賞したデザインは人材育成事業で教材として使用されるデザインとなるそうです。

サイトの要件

ターゲット

• 20代～40代
• 駆け出しクリエイター
• 実務経験が浅い人
• スクールを卒業して、次に何をすれば良いか迷っている人

コンセプト

• WEB職人の親方が弟子を育てるように、新人の育成を企業に変わって行う

CV

• 問い合わせ数UP
• ギルドメンバー獲得

デザインの印象

• POP
• 楽しそう
• 分かりやすい
• 見やすい

色

• 基本的には現行サイトで使用している色

アニメーション

• よくあるシンプルなアニメーション（過度な動きは不可）

デザインデータ

• Adobe XD

工夫した点

サイト全体を通して、各要素に丸みを帯びたあしらいを施すことでポップな見た目になるようにしました。
また、画像についてはイラストを用いることで親しみやすく、楽しげな印象を与えられるようにしました。
サイトカラーについては現行LPで使用されていた緑色系統をメインカラーに採用し、アクセントカラーとして同じく現行LPで使用されていた黄色系統を採用しました。
全体的に明るい印象を与えられるように配色しています。

また、制作したデザインは人材育成事業の教材に用いられるとのことでしたので、一部レイヤー名にHTMLタグやクラス名を付与したり、
使用する文字や色、コンポーネントの各状態における見た目の変化なども資料として作成しました。
資料類を充実させることで初学者の方でもコーディングしやすいデザインとなることを意識して作成しました。

スクリーンショット

PC

SP

成果物

• デザイン