SHElikes課題 HOTEL LIKESデザインカンプ&バナー
SHElikesのWEBデザインコースのデザインドリルで作成した架空のホテルのキャンペーン用LPデザインカンプとSNS用バナーです。
デザインカンプ(PC)
レスポンシブTwitter(X)用バナー
Instagram ストーリーズ用バナー
GDN用バナー
制作データ
********************************************
制作箇所:すべて(※テキストは指定のテキスト。写真素材は指定の素材の中から選定して使用。アイコン等その他素材は素材サイトよりお借りしました。)
使用ツール:Photoshop
制作時間:2023.5月~
********************************************
要件定義
(主な内容を抜粋しています)
********************************************
ターゲット:自分の時間がなかなか取れずストレスを抱えている人
アクティビティよりもリラクゼーションを求めている
身体にご褒美を与えたい
無農薬野菜やオーガニックという言葉に惹かれる人 等
制作目的:ホテルオープンを記念したSNSキャンペーンを実施するためのキャンペーンサイト
指定条件:キャンペーンの概要を記載する、下記の要素を入れる
ヘッダー、メインビジュアル、ホテルコンセプト・キャッチコピー、キャンペーン概要・応募方法、アクセス・ロケーション情報、フッター
********************************************
コンセプト・こだわった点
リラクゼーションや安らぎ、自然といったキーワードがあったため、ナチュラルな雰囲気のデザインを意識しました。
それと同時にこのホテルに興味をもつ方は単なる旅行先の宿泊地ではなく、ホテルへの宿泊自体に価値を求めていると思ったので、特別感も必要だと思いました。
自然をイメージさせる淡いグリーンやベージュをベースに、ゴールドの色味も配色へ入れることで高級感もプラスしました。
余白は広めにとり、窮屈感がでないように気をつけています。
また、各所にいれた四角のあしらいは葉っぱをイメージして二箇所のみ角丸の四角を採用しました。
フォントは細めの明朝体を採用し、柔らかい雰囲気をだしながらどことなく高級感を残すようにしています。
苦労した点
SNSキャンペーンの応募方法やメインビジュアル部分のバッジ、アクセスのルート部分は文字量が多く、苦労しました。
メインビジュアル部分のキャンペーンのバッジは、メインビジュアルの雰囲気を壊してしまわないようにシンプルなデザインにしました。
キャンペーン方法については、X(※課題内容はTwitterとなっていましたのでTwitterで作成しています)とInstagramでほとんど内容は変わりませんが、メリハリをつけるために色を変えたり、挿絵を入れてわかりやすく、目に止まりやすいように心がけました。
アクセスのルート部分は単なる文字の羅列にならないよう、背景をいれたり色を変えたりして出発地と終着点がわかりやすいように工夫しました。
初期デザイン案&ワイヤーフレーム
ボツになったものもありますが、初期デザイン案と当初作成したワイヤーフレームも併せて掲載します。