デザインカンプ・バナーデザイン

OVERVIEW

【 自主制作 】キャリアスクールSHElikesのWebデザインコースの課題で制作しました。使用ツール:Photoshop

YEAR 2023

課題内容詳細

架空ホテルの新規オープンにあたりSNSキャンペーンを実施。


<制作物の内容>

  • キャンペーンサイトの制作(PC・SP)
  • キャンペーンサイトへの告知用バナー3種(Twitter用・Instagramストーリーズ用・GDN用)


掲載内容(コピー / コンセプト / 写真)は提供されたものを使用


デザインコンセプト

提示された内容より、コンセプトを以下のように定義しデザインに反映させました。

▶︎ 伝えたい印象  
・頑張る自分へのご褒美

・都心からすぐの非日常

・癒し 

・緑、オーガニック

・丁寧な暮らし

▶︎ キーワード
・特別感

・グリーン

・セルフケア

・シンプル、洗練された

マイナスイオンが出ていてエネルギーを充填できそうなイメージ/透明感あるグリーン

▶︎ イメージボード 

近い:透明感、自然、リラックス、余白多め

遠い:ポップ、原色、お得感、わいわい

完成デザイン

【 工夫した点 】 

▶︎ トンマナ 

自分へのご褒美、非日常、緑、オーガニック、丁寧な暮らしなどのキーワードやコンセプトから、「マイナスイオンが出ていてエネルギーを充填できそうなイメージ/透明感あるグリーン」をテーマに色や写真、デザインを考えました。 

▶︎ ペルソナ 

ホテルの特徴にあった「ヨガ、大浴場、丁寧な暮らし」などのキーワードからペルソナを20代後半〜30代の働く女性と設定し、自分ごととしてサイトを見てもらえるように人物の写真を意識して取り入れました。 

▶︎ 写真 

写真は明るく、日がきらきら差し込むようなイメージでレタッチや加工をしました。メインビジュアルの写真は中央テーブルに黒いタイヤが付いておりイメージに合わないので消去しました。 

▶︎ ヘッダー 

サイトのヘッダーは窓枠を利用しました。 

▶︎ CTA 

キャンペーンへの参加を促すことを一番の目的と考え、気軽に「私も投稿してみよう!」と思ってもらえるよう、リラックスして楽しくスマホを触る女性を想像する写真や、みんなが投稿しているような吹き出しをデザインしました 

▶︎ アクセス 

アクセスは図解を作成し、「この方法なら行けそう!」と、必要な情報を一目で読み取っていただけるように工夫しました。スマホ版は窮屈にならないよう縦に配置しました。 

▶︎ バナー 

Twitterは文字になれているユーザー様が多いと推測し読みやすいように文字を配置。Instagramは写真を複数枚使用し、プラットフォームにあったデザインにしました。GDNは小さな画像の中で目を止めてもらえるよう「無料宿泊プレゼント」を大きく配置しました。