【課題制作】Webサイト デザインカンプほか

OVERVIEW

SHElikes WEBデザインコース内の課題にて作成したリゾートホテルのPC・SPなどのデザインカンプです。[制作期間:1ヶ月半/使用ツール:デザインカンプ→Photoshop]

YEAR 2023

<制作範囲>

テーマ決め・要件定義→ワイヤーフレーム→デザインカンプ(PC・SP・Twitter・Instagram・GDN)を制作しました。


<制作の目的>

  • リゾートホテルLIKESの新規オープンにあたりSNSキャンペーンを実施し、ホテルに興味をもってもらう
  • ホテルの環境やこだわりに魅力を感じてもらいたい


<ターゲット>

  • 自分の時間がなかなか取れなくてストレスを抱えている人
  • 週末を利用して心身ともに整えたい人
  • アクティビティよりリラクゼーションを求めてくる人
  • ワーケーションやリラクゼーションに興味がある人
  • 1人で旅行に行ったことがないが興味がある人、初めての1人旅行者
  • 無農薬野菜やオーガニックという言葉に惹かれてしまう人


【デザインの方向性】

ホテルの特徴として周りの自然環境や野菜中心の食事など、癒しを求めている人がターゲットになっているため、リラックス効果があると言われる緑をメインカラーにし、画像も自然や滞在イメージがしやすいものでデザインしました。


フォントは日本語は游ゴシックを使用して馴染みのあるフォントで読みやすさを重視しました。


【メインビジュアル】

オープンキャンペーンが開催されている事が一目で入るように、テキスト部分にグリーンバックを配置し視認性を意識しました。


提供素材↓

メインビジュアル内

・2022年7月2日オープン

・リゾートホテルLIKESオープン記念

・Instagram/Twitterに投稿すると抽選で無料宿泊プレゼント


【コンセプト・キャンペーン】

ホテルのコンセプトと画像で滞在イメージをしやすいようにできる限りコンセプト内容に合った画像を配置しました。

また、キャンペーンでは各セクションごとに区切り、知りたい情報がどの部分にあたるのかを見出しで判断できるようにしました。


【アクセス】

アクセスはまずマップで目的地はどの辺りにあるのかを確認、その上でどのルートで行くことができるのかの流れを作りたいと思い、トップに大きめにマップを配置しました。

その上で、車と公共交通の2パターンを図解し、目的地であるホテル部分だけ少し色を変更し差別化しました。


【スマホカンプデザイン】


【各SNSバナー】

バナー写真は、目に入ったときに、「こんなふうに過ごしたい」というイメージをもってもらいやすくしたかったので、あえてメインビジュアル以外で使用している写真を選びました。(ホテルのサイトなので、メインビジュアルはホテルのイメージがつきやすいもの。バナーはアクセスしてもらうために、こんな滞在がしたいと思ってもらえるものと考えた為)


<Instagram>


<Twitter>


<GDN>