宿・ホテルの予約サイト HOTESPA.netトップページリニューアル

« 山田松香木店リニューアル!(デザイン~コーディング&技術編) | ブログTOP | 新社会人になって »

2009年8月 4日

第二制作事業部第一制作部の近藤です。

4月から東京勤務となり、東京サマー満喫!と言いたいところですが
天気の悪い日々が続き夏らしさをまだ実感できておりません。
関西は昨日梅雨明けの発表があり、さっそく暑いようですね。

今年の夏はお盆休み+9月のシルバーウィークと連休が2回もあり
ワクワクと心弾ませている方も多いのではないでしょうか?

さて今回は、予定がなにもない~!という方も一度ご覧になっていただきたい
宿・ホテルの予約サイトHOTESPA.netを紹介させていただきます。
以前にディレクターの河本から紹介しているサイトですが、
昨年12月のトップページリニューアルで携わらせていただきました。


デザインするにあたってトップページのみのリニューアルということもあり、
いかに新しく、見やすく、調和したデザインにするかという所に重点を置きました。

[新しく・見やすく]
・グローバルメニュー
癒しの湯宿・ドーミーイン・SPAの3種類の施設を、色分け&大きなタブで区切ることにより違いを明確にさせました。
各ボタンはサイズを大きくすることにより、ユーザーがより認識しやすいようにしました。
また、背景には画像などは入れずスッキリさせることにより、コンテンツ部分を目立たせるように考えました。


hotespa01.jpg



・コンテンツエリア
施設・キャンペーン等の情報量が増えた為、縦長になっていた情報を横幅を広げることにより
優先度の高いコンテンツを一目で見られるように考えました。
(トップページのみ750ピクセル→950ピクセルに変更)

hotespa02.jpg



[調和]
トップ以外はヘッダとフッタ以外は変更しないことになっていたので、
中ページに入った時に、幅の違いに違和感のないデザインをするように心掛けました。
・ヘッダ・フッタをトップと中ページで共有できるものを使用する。
・ベースの幅を同じする。

旧サイトの幅をベースに、追加された横幅をタブ状(付箋のような感覚で)に表現することで、
新・旧のデザインに調和をもたすことができたのではないかと思います。

hotespa03.jpg



このサイトのリニューアルでは企画からデザインまで携わることができ、伝える重要性を再認識しました。
言葉で伝えることがとても苦手な私ですが、
せめてデザインだけでも「さすがですね!」と言われるようにこれからも努力・努力・努力・・・いたします。

関連リンク

アーカイブス

最新のコメント