箱ノ森ネイチャーガイド【WEBページ】

課題

1. 1.サイトのレイアウトは3カラムで構築する。
2. 2.中央カラムはスマートフォン対応。
3. 3.アニメーションを取り入れ、動きのあるサイトにする。

目的

周辺に競合他社が3社存在するため、「気軽さ」「親子で楽しめる」という特徴を打ち出し、観光客を誘致してツアー予約につなげる。

ターゲット

30代男性（小学生の子どもを持つ父親）

• ・家族との思い出作りがしたい。
• ・子どもと一緒に気軽に楽しめる自然アクティビティを求めている。

情報設計

• ・見出しやメニューにフォント「Cabin Sketch」を使用し、親しみやすさとファッション性を演出
• ・メニュー画面選択時にムササビの画像が出現
• ・ボタンには足跡のイラストを用いたアニメーションを付与し、子どもの興味を引く

デザイン

• ・自然を連想させる色合いでありながら、「厳しさ」という印象を与えないよう、全体を丸みをもたせた
• ・ファッション性を感じさせつつ、気軽に自然を楽しめる雰囲気を表現

制作範囲

企画、デザイン、コーディング

制作期間

• ・ワイヤーフレーム：

  2日

• ・デザイン：

  3日

• ・コーディング：

  2週間

使用ツール

• ・コーディング：

  HTML/CSS/JavaScript

• ・デザイン：

  Adobe Photoshop / Canva

• ・画像生成：

  ChatGPT

使用色