AfterWorks.
  1. トップ
  2. 実績
  3. 株式会社ShareDan様LPデザインコンペ

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

  • 担当箇所
    • デザイン
  • 使用技術
    • Adobe XD

概要

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

サイトの要件

ターゲット

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

コンセプト

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

CV

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

デザインの印象

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

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

アニメーション

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

デザインデータ

  • Adobe XD


工夫した点

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

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

スクリーンショット

PC

SP

成果物

Contact

お問い合わせ

「ランディングページを制作してほしい」、「WordPressを使って更新性の高いWebサイトを作りたい」、
「JavaScriptを用いてWebサイトにリッチな表現を取り入れてほしい」などお客様の様々なご要望にお応えいたします。
また、デザインのみ、コーディングのみ行ってほしいといったご依頼にも柔軟に対応できます。
まずはお気軽にお問い合わせください。