WORKS
WebサイトのFV画像

スクール課題

キャンプイン能勢HP(チーム制作)

案件概要

架空のキャンプ場「キャンプイン能勢」HP
ワイヤーフレーム、デザイン、一部コーディングを担当しました。デザインでは、女性がターゲットのため、キャンプの無骨なイメージを払拭するような優しく品のあるサイトに仕上げました。

Figmaを
見る

設計の詳細は
こちらから!

ここが一味違う!

「女性も行きやすいキャンプ場」

  • キャンプの無骨さを払拭するためグラデーションと優しい色を使用しました
  • 円や三角などシンプルな図形でスッキリと清潔感を演出しました
  • 美しい景色を紹介セクションのメインに配置し、その下に具体的な過ごし方のイメージ写真を配置することで、訴求力を高めるレイアウトを意識しました
  • 具体的な過ごし方としてグループの名称と目的を写真とセットで掲載することで、実際の利用イメージを膨らませる構成にしました

ターゲット

メインは30代〜40代の女性
ファミリー、カップル、ソロキャンプで訪れて頂く

目的

  • ・認知の向上
  • ・利用者数の増加

構成のポイント

手ぶらでキャンプを楽しめること、立地の良さが強み。情報量が多いサイトのため、必要な情報にすぐアクセスできるような導線や必要に応じて反復することでわかりやすさを意識。キャンプ場の利用イメージが湧くように、写真を多用・過ごし方のパターンを提示。場内マップも一から作成しました。

使用ツール

Photoshop

Illustrator

Figma

VScode

デザインコンセプト

「大自然で癒されたい。女子も楽しめる安心お手軽キャンプ。」

ターゲットに合わせて、キャンプに対する無骨で男性的なイメージを払拭することを目的にデザインしました。 上品かつ少し遊びもあるように色味はポップにしつつ、柔らかいグラデーションを使用しました。 読みやすく親しみやすいがしっかり品もある、角ゴシック体を選定。 装飾は基本的な丸や三角など規則的な形を使うことで、信頼感や安心感を演出しました。

安心感

落ち着き

癒し

清潔感

自然

コンセプトカラー

#F6F1E9

#FFEE93

#3795CC

#E37D44

#7BBB8A

#41797B

制作期間

ヒアリング・分析

ワイヤーフレーム

デザイン

コーディング

8日間

9日間

14日間

5日間

※ご利用案内ページやボタンなどのパーツを担当

デザイン完成図

デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図