rusutsu | 札幌のホームページ制作 Webデザイン会社アイタス

実績・事例

ルスツリゾート様 Webサイト

春夏秋冬それぞれで楽しめるアミューズメントやアクティビティなどのプラン紹介をメインに、サイト構成、デザインを刷新して訴求力の向上を図ったサイトリニューアルの事例です。

リニューアル前のサイトではページの横幅が狭く、写真や文字が小さいために、やや窮屈な印象になっていたので、見せたいものをより見やすく、読みやすくすることで魅力が伝わるようにリニューアルを提案
クライアントのWeb担当者のかたがHTMLやCSSなどに関して詳しいかただったので、あらかじめ複数のレイアウトパターンを用意して、それらの組み合わせでページを制作していただけるように、テンプレートフォーマットを提供
春用、夏用、秋用、冬用それぞれで比較的簡単にサイトのデザインを切り替えられるように、全体の基本設計は統一し、四季のテーマカラーを変化可能なサイトとして設計

リニューアル前のトップページ（左）とリニューアル後のトップページ（右）

大型の液晶ディスプレイ普及にともない、画面の表示領域を拡大したレイアウトとし、写真や文字などを大きくあつかうことで、読みやすくインパクトを伝えられるように心がけました。

▲画像クリックで拡大表示します。

サイトリニューアル後には、おすすめプランをランキング表示して、特に推したいプランをアピール。プラン一覧情報を画面横幅いっぱいまで表示することで一覧性を高め、使い勝手の向上を図りました。

▲画像クリックで拡大表示します。

「四季を感じられるリゾート」ということで、季節ごとにサイトの配色を変えたいというご要望をいただきました。

サイトリニューアル後は、ご担当者のかたがページの追加や更新をおこなわれる運用を想定されていましたので、極力簡単にサイトの雰囲気を変えられるように構築方法を計算して設計しました。

その方法として、全体の基本骨格は四季で統一し、グローバルナビゲーションや背景画像、見出し画像、リンクボタンなどのパーツをを季節ごとに決めた配色で用意。

それらをできるだけ負担ををかけずに切り替えられることを想定した構築をおこないました。

表示するボタンの数（4点用・5点用・6転用）にあわせてそれぞれパーツを用意しました

▲画像クリックで拡大表示します。

また、ナビゲーション　ボタンの個数が4～6点で変動する想定があったため、ナビゲーションボタンの個数変動にも対応できるようにパーツの作りかたやファイルの構成を設計しました。

下記は、それぞれ季節ごとデザインです。

春バージョンのデザイン

春は雪解けからの開放感と軽快さを表すために、明るいエメラルドグリーンを基調としています

夏バージョンのデザイン

夏はアクティビティやアトラクションを見せるため、屋外での遊びをイメージした緑の配色です

秋バージョンのデザイン

秋は紅葉をイメージした落ち着いた配色です。2009年にはオータムフェスティバルという食の祭典が開かれたこともあり、食欲を感じさせるよう暖色系にしています

冬バージョンのデザイン

冬は雪とウィンタースポーツを連想させる寒色系の色でまとめました。寒く暗くなりすぎない配色を心がけました

ルスツリゾート様のサイトでは、サイトリニューアル後にご担当者のかたがページの追加や更新をされることが事前に決まっていました。

リニューアル以前から膨大な情報量がありましたので「今後のページづくりや更新をどのように簡単にするか」を重視して構築をおこないました。

Webサイトは、公開がゴールではなくスタートです。

アイタスでは、どのようなスタートを切ると今後うまく走っていけるかということを考え、そのための体制づくりをサポートいたします。

サイトリニューアルをお考えの際に「今後のサイト運用を悩んでいる」「自分で手を入れたいのだけど、できるのだろうか？」といった不安や、ご不明点がありましたら、ぜひ下記のフォームからご相談ください。

お問い合わせ内容入力必須

現状の課題・問題・お悩みなども、こちらにご記入ください。

ご担当者名	例：札幌太郞
貴社名	例：合資会社アイタス
電話番号	例：011-223-6322 （半角数字でご入力ください）
メールアドレス	例：（半角英数でご入力ください）
画像認証	上記のアルファベットおよび数字を下記の欄にご入力ください。例：AB12 （半角英数でご入力ください）