【課題制作】リゾートホテルの新規オープンキャンペーンサイト

OVERVIEW

SHElikes WEBデザインコースの課題制作です。新しくオープンするホテルの無料宿泊キャンペーンへの応募を促すWEBサイトを制作しました。〈要件定義/ペルソナ設定/ワイヤーフレーム/デザインカンプ〉〈使用ツール:Photoshop〉

YEAR 2023

同内容のバナーに関してはこちらからご覧いただけます。


▽ 制作目的
・新しくオープンするホテルがあることの認知拡大
・無料宿泊キャンペーンへの応募
→ サイトを見てSNSから応募してもらい、情報が拡散され、認知拡大することが目標


▽ サイトのターゲット
思い通りな生活を送れず、日頃のストレスが溜まっている20代後半~30代の社会人


▽ ホテルの特徴

・周りに自然(木)が多い
・都心からのアクセスは1時間半~2時間
・ヨガの朝クラス開催あり
・食事はからだにやさしい、野菜中心のメニューを提供
・アメニティにもこだわっており、自然由来の質の良いものを使用
・朝は焼き立てパンのビュッフェがついてくる




上記を踏まえて、要件定義とペルソナ設定をまとめました。

▽ 要件定義


▽ ペルソナ設定
なるべく細かくターゲットのイメージを書き出しました。




▽ デザインカンプ
要件定義やペルソナ設定の内容から、ターゲットの心が動くようなWEBサイトを制作できるようにしました。制作のポイントは最後に記載しています。

▽ 制作のポイント

〈全体〉

・自然派のホテルでリラックスできることにより、ストレスを忘れ前向きになれる印象を与えるため、透明感のある白色と明るく薄い緑をメインに使用しています。また、写真にも明るめのレタッチをしています。

・リラックスをして余裕が持てるようになるイメージで、文字のフォントはゆったりと間を開け、要素の配置も余白を作っています。

・背景の緩やかな線は、自然の柔らかいそよ風をイメージしています。


〈ヘッダー / メインビジュアル〉

・都会に住む社会人の女性に響くような、モダンなおしゃれ感且つ自然派なホテルということが伝わる画像を使用しました。また、ヘッダーにもモダンさが伝わるような大文字の細いフォントを使用しました。

・開放感が伝わるよう、画像は全面に使用しました。

・キャンペーンの文言は、目線のZの法則を意識して最後に見る場所に置きました。


〈コンセプト〉

・説明する文字が多めだったので、まとまりを意識して段落を分けました。また、行の間の余白も多めにとり、心の余裕をイメージしました。

・白く透けているような背景を使用し、滞在を通して心が洗われるような清涼感、いろんな色に染まった自分から白いキャンバスの元の自分を取り戻すイメージをデザインしました。

・画像は均一に配置せず、風の流れに身を任せてリラックスするイメージで配置しました。


〈キャンペーン概要〉

・一番見てほしい内容ではあるので、背景は他よりも目立つように色をつけ、長方形で囲みました。

・各SNSの画像をクリックするとハッシュタグが既に記載されている投稿を作成できるリンクを貼るイメージです。

・ハッシュタグをつけて投稿することが条件なので、目立つよう文字の色を背景色に使用しました。


〈アクセス / フッター〉

・行き方が4パターンあったので、車と電車で分け、それぞれ移動後半の同じルートはまとめて、分かりやすく図式化しました。

・パソコンとスマホでは幅が異なるので、パソコン用は横向き・スマホ用には縦向きの図を作成しました。

・フッターも同じくパソコンは横、スマホは縦にリンクを並べています。