Webサイト

OVERVIEW

架空Webサイトの制作物をまとめています。 企画、デザイン(ロゴ含)、コーディング、アップロードまで全て自分で行いました。

架空Webサイト「令春大学」

サイトURL:架空大学Webサイト(令春大学)

概要:大学の架空Webサイト
   PC、タブレット、SPの3種類でレスポンシブデザインを作成

ページ:トップページプログラムページの2種類

コンセプト:スタイリッシュ/勉強がしやすい雰囲気

ターゲット:海外留学、国際交流に興味のある受験生

Webサイトの目的:資料請求

制作期間:3ヶ月

制作時のポイント:

  • 勉強がしやすい落ち着いた雰囲気を感じてもらうため、キャンパス内の自然がよくわかるような写真選びをしました。
  • ターゲットを意識して「国際交流」という視点を強く意識したコンテンツを考えました。
  • アカデミックさが伝わるようにフッダー等でサイトが引き締まるようなデザインをしました。

架空Webサイト「木の葉温泉」

サイトURL:架空大学Webサイト(木の葉温泉)

概要:温泉の架空Webサイト(PC版のみ)

ページ:トップページ/温泉ページ/アクセスページの3種類

コンセプト:四季に合わせた自然を堪能できる温泉

ターゲット: 長期休暇中に旅行に訪れる社会人

Webサイトの目的:部屋の予約

制作期間:2ヶ月

制作時のポイント:

  • 四季に合わせて楽しんでいただけることが一瞬で伝わるようにファーストビューにテイストの異なる写真を4枚配置しました。
  • 旅館の「和」の雰囲気をWebサイト上で演出するために、背景に和紙のテクスチャを使用しました。