works > website

ワーキングスペースサイト(架空)
2024.05

ワーキングサイトのモックアップ

ターゲット
集中して働ける場所を求めている
20代〜50代の社会人

制作目的
世の中的に新しいサービスを認知してもらい
無料見学予約に繋げるため

制作期間
1週間

使用ツール
Illustrater

制作ポイント
スクール課題として、会員制コワーキングスペースの架空サイトを制作しました。
クライアント様からは黄色をベースに使用し、サービスの利用者が増えるようなサイトにして欲しい、と希望があったと想定し制作しました。

情報設計

  • リード文をシンプルに構成し伝わりやすくした
  • それぞれのセクションをデザインの4原則に則って制作することで各情報を読み取りやすくした

デザイン

  • ファーストビューに彩度の強い黄色を使用することでパッと目を惹くサイトに
  • このサイトの目的である無料見学予約にスムーズに誘導出来るよう、メインカラーで使用した黄色の補色である青を予約ボタンに使用
  • 明度を下げた黄色の背景色をセクションごとに交互に用いることで、アニメーションを使わなくてもサイトに動きが感じられ、配色にも統一感を持たせた
ワーキングスペースサイト一覧
装飾文字works
pc版ワーキングスペースサイト一覧
sp版ワーキングスペースサイト一覧