オンラインスクール課題制作｜LP・SPデザイン｜ホテルオープンキャンペーンサイト

制作情報

制作時期：2025年4月
制作時間：25時間
使用ツール：Photoshop、Notion、Googleスプレッドシート

制作要件

ペルソナ

取り組み＜リサーチ＞

入念にリサーチをしながら、要件定義に則した情報設計、デザインを意識。参考になりそうなサイトをNotionにストックし、架空のクライアントの提示した「洗練されたホテルのイメージ」を分析。

情報設計のポイント

❶ ホテルがオープンすること、その日時を１番に周知するために、FV（ファーストビュー）ではバッジのあしらいなどをつけて視認性をあげた。また、無料キャンペーンへのクリック誘導のためのボタンを設置。矩形の前にボタンを配置して目立たせた。それぞれを”Zの法則”に従って、ホテルオープン記念→いつ（2022.7.2）→キャンペーンへのクリックという配置にした。

❷ホテルのロケーションを周知させてその後の来客アップを図る。ROOM,MEAL,STAYの３つの項目で、ホテルで味わえる体験をまとめた。見出しもライティングし、どんな体験ができるのか端的に伝える設計にした。

❸ページの離脱を防ぐため、左上には常にキャンペーンボタンを配置。それぞれの項目にジャンプするためのメニューも備えた。

❹ユーザーがキャンペーンに参加しやすいよう、InstagramとXにすぐに投稿できるボタンをそれぞれ設置した。

デザインのポイント

❶洗練された＋リラックス＋ラグジュアリーがキーワード

❷ホテルの空間伝える写真を生かすために、シンプルな背景に。自然光が感じられるよう写真をレタッチ。

❸やわらかいベージュでリラックス感を。ボタンなどは黒にして上品さが出るように引き締めた。

❹洗練された空間を演出するため、明朝体やセリフ体のフォントを採用。

制作物

左：LP 　右：SP、メニュー