お問い合わせ

©2024 AI MORITA PORTFOLIO ALL RIGHTS RESERVED

Cafe Camp
Event Site

  1. Home
  2. 作品集
  3. カフェキャンプ

デスクトップ画面

Information

職業訓練校の自習課題を制作しました。
カフェキャンプという架空のキャンプイベントサイトの制作課題で、
イベントのコンセプトや本文、写真の意図をくみ取り、テーマに合うデザインにすることを目標に制作しました。

クライアント
キャンプイベントを運営するキャンプ場
作業内容
コンセプト設計 / デザイン
制作時期
2024年5月
制作期間
27時間(設計3時間/デザイン24時間)
使用ツール
Photoshop/Illustrator/Adobe Firefly/Figma/VSCode
表示サイズ
PC(フルサイズ 1920)

Concept

サイトコンセプト

『人と人とのつながりを今一度思い出し、カフェのように気軽に楽しく過ごせる場としてのキャンプを提案するキャンプイベント』

ユーザーに届けたいストーリー

ファミリーから気の置けない仲間たち、そして個人の方までキャンプに興味がある老若男女をターゲットにしたイベントです。
キャンプ初心者だけれど、人と交流しながらキャンプを気軽に楽しみたいという方。
また、人同士が密になることの難しかった時期を経て、今一度人とのつながりに目を向けてキャンプを過ごしたい方を、カフェキャンプは結びつけてくれます。
⽇⾼⼭脈の麓、清流札内川にほど近い広大なキャンプ場を舞台に、入門者からキャンプ好きまで楽しめる様々なイベントの詳細を伝えつつ、
カフェキャンプの明るく楽しい雰囲気を、イラストや写真を用いて伝えたいと考えました。

Design

デザインコンセプト

キャンプ入門者が参加しやすい楽しい雰囲気を重視し、ポップなカラーリングやイラスト選定を行いました。
素材に合わせたデザインツールを使い分け、カラーリングや切り抜きの丁寧さに気を付けて作業に当たりました。

フォント

親しみを感じてもらえるデザインにするため、
見出し用の日本語フォントにはオーソドックスで柔らかさのある筑紫A丸ゴシックを選びました。
また、英語の見出しフォントには丸みを帯びたデザインのBrandon Grotesqueを選び、親しみやすさを演出しました。

Sans-serif JP:
筑紫A丸ゴシック
Sans-serif:
Brandon Grotesque
Sans-serif:
Poppins
Serif:
Noto Serif JP
Sans-serif JP:
Noto Sans JP

配色

全体的に親しみやすさや温もりが感じられるカフェ風の色合いにし、
特にメインカラーはキャンプの楽しさやアクティブな雰囲気を表現するオレンジを選びました。
アクセントカラーにはダークブラウン系を選び、デザインを引き締めました。

ベース
ベースカラーのベージュ
#F6EFDC
メイン
メインカラーのオレンジ
#EF760D
アクセント
アクセントカラーのダークブラウン
#6F2B00
アクセント2
アクセントカラーのダークブラウン
#4E261C
本文テキスト
本文テキストの黒色
#000000

トップページのデザイン