学校の中間課題で少し高級感のあるスパのLPを作る
という課題が出されたので、その制作過程をレポートしていきます。
順次更新していきます。
サイトを作るに当たって、
まずは「どのような過程でwebサイトが出来上がるか」を
クリエイターボックスさんより引用します。
目次
誰のため？何のため？Webサイトを作り始める前に。
Webサイトの構成図を簡単に作れる便利ツール
Webサイト設計図 – ワイヤーフレームの作り方
PhotoshopでWebサイトのデザインをしよう
Photoshopでスライスし、パーツ画像を作成する方法 ←今ここ
文書構造を意識しながらHTMLマークアップしよう！
CSSでWebサイトのレイアウト組み＋装飾の基本プロセス
ついに完成！ファイルをアップロードしてWebサイトを公開！
-- 1.ヒアリングシート --
・内容「スパ・WEB」のデザイン
・課題：ps016 + dw025
・対象 : デザイナー志望者
-- 2.いろんなサイトを見て情報収集する。 --
最初から作り始めるのではなく、いろんなバリエーションを見てから徹底的にイメージを固めた後にデザインに入らないと途中で迷走してしまうので、まずは代表的なホテルのスパのLPを見学してみた。
まず、ベンチマーク企業は以下の３つ。
(1)プライベートホテル＆スパレストラン「森羅」
(2)タラソテラピーリゾート「テルムマランパシフィーク」
(3)コンラッドホテル「水月スパ＆フィットネス」
(4)他、参考サイト「東京ステーションホテル」
白、ネイビー、グレーを基調に綺麗にまとまっていて上品。
ヘッダーのネイビーの東京駅をモチーフにしたロゴがかっこいい。
メインビジュアルが数枚の写真のスライドショーになっており、イメージしやすい。
メインコピー：セントラルステーションのリラクゼーションタイム。
東京駅という絶好のロケーションで、心身ともに解放する上質なリラクゼーションタイム。 Fitness & Spa at The Tokyo Station Hotelは 英国のラグジュアリースパブランド「エレミス」のスキン&ボディケアを用いた SPA TOKIONE（スパ トキオネ）、 最新のフィットネスマシンを置き「URBAN CAVE -都会の洞窟-」を演出した会員制プレミアクラブTHE JEXER TOKYO、 都心では珍しい人工炭酸泉でゆっくりと寛げるバス＆リラクシングエリア、と充実した施設を備えます。 ご滞在中はもちろんお仕事の前後などに、エクスクルーシブなひとときを。
サブコピー：日本の中心、東京から「美」を発信する大人の空間。
フランス語で東京を意味する「TOKIO」と 「根」「音」「寝」の３つの意味をこめた「NE」を合わせた 「SPA TOKIONE」。 東京の根にあたる静寂な地下で、都会の喧騒から一線を画し 心地よい音色と至福の眠りに包まれる、大人のスパ空間です。 お一人お一人の「時」を大切におもてなしするという 最上級のホスピタリティで、日本の中心、東京から「美」を発信します。 →詳細を見る
0コメント