ノンノの杜サイトのメインビジュアル

キャンプサイト ノンノの杜

作品概要

キャンプサイト 「ノンノの杜」の架空Webサイト

担当範囲

企画 / デザイン

製作期間

企画

1h

デザイン

16h

使用ツール

Figma

目的

レスポンシブ対応のデザインカンプ制作やロゴ制作を練習する目的で作成しました。

ターゲット

20~30代の男性

デザイン

キャンプ場の魅力を直感的に伝えるため、写真を中心としたレイアウトを採用しました。風景やアクティビティの様子を多く見せることで、ユーザーが自然の中で過ごす時間を具体的にイメージできるよう設計しました。

フォント:

若年層の男性ユーザーを想定し、見出しには力強くスタイリッシュなフォントを大きめに配置しました。本文には可読性を重視し、ゴシック体を採用することで、情報がすっきりと伝わる設計にしました。

配色:

ベースカラーには深みのあるグリーンを採用し、キャンプ場の自然らしさを表現しながら、洗練された印象も損なわないよう配慮しました。さらに、暗色と明色を交互に配置することで、視覚的なリズムと動きを生み出し、サイト全体に流れを持たせています。

#172C19

#FFFAEE

PC版のデザインカンプ

SP版のデザインカンプ

TOPへ