星空キャンプビレッジ(ダミーサイト)

架空のキャンプ場のウェブサイトを作成しました。

制作期間
3ヶ月
担当箇所
デザイン、コーディング
使用技術
HTML,CSS,Photoshop,Illustrator,XD

キャンプが好きなのでわたしの理想のキャンプ場を考えて作りました。
30代以上の大人の男女をターゲットとした、1〜2名様限定の静かに星空を楽しめるキャンプサイトです。

行ってみたいと思ってもらえるように写真を多く使用し、雰囲気を感じられるようにしました。
高級感や夜の雰囲気感を大事にしています。ふんわりとさりげないドロップシャドウやぼやけた写真を重ねることで奥行きを出しました。

全体的に暗くシックな色使いの中、予約ボタンをアクセントカラーのイエローにしてクリックしてもらいやすくしています。 右上の追従する予約ボタンはホバーするとひょこっと降りてくるようなアニメーションがあり、遊び心も出しています。
スマートフォンでの閲覧が多いと考えられるため、レスポンシブ対応をしています。