FHW BLOG仮

FHWブログトップ > 実績紹介 > 公開されました!賃貸物件検索サイトRoom'Spot【デザイン編】

DATE : 2010.12.07

公開されました!賃貸物件検索サイトRoom'Spot【デザイン編】

chinup

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ

こんにちは。chinupです。

先日、私がデザインを担当した
中央ビル管理:賃貸物件検索サイト「Room'Spot」(ルームスポット)
が公開されました! わーい!



検索サイトのデザインの鉄則と言えば...

●迷わない動線
●カテゴリーのわかりやすさ

●ボタンのわかりやすさ
そんなことに気をつけながら、
どんな気持ちで作ったのかってのを紹介させて下さい。


■トップページ

賃貸物件検索サイトRoom'Spot・トップページ


Room'Spotさんはキーカラーがピンクとライトグリーンの
かわいくて爽やかなブランディングをされています。
お店のインテリアや、POP、キャンペーンの時に配る風船も。
ピンクとライトグリーンで統一されている徹底ぶり。
サイトを見てからRoomSpotさんのお店に行ったときに
その印象を崩さないように、キーカラーを踏襲。


全体で検索も出来るのですが、
12のエリアから重点的に見ることができるのも
Room'Spotさんでの特徴なので、
写真ともに入り口をメインで設けました。




■各エリアページ

1賃貸物件検索サイトRoom'Spot・各エリアページ

カラーは検索に関することをピンクで。
お店・Room'Spotさんからの情報をライトグリーンで色分けしてあります。
mmやcmやmの単位を揃えるように、
情報によって、色を揃える。わかりやすさのコツです。
地下鉄の出口は黄色い看板で統一されてますよね。
(デザイン勉強するまで気づきませんでしたが。。。)


各エリアのコピーやこだわり条件は
エリアごとに地域の特色を出しています。
各店舗の方が写真も新しく撮り直したり、
原稿を書いていただいたりして、
協力がすばらしいな~って思いました。


賃貸物件検索サイトRoom'Spot・アイコンたくさん作りましたの図

アイコンを沢山入れることにもこだわってたりします。
私自身がそそっかしいため、
文字以外の情報があると、何となくわかる。
こだわり条件は各エリアで違うので、沢山のアイコンを作りました!




■一覧ページ

賃貸物件検索サイトRoom'Spot・一覧ページ

今どこのエリアで探しているのか、ってゆうのを
ボタンやヘッダーでちょいちょいアピール!
リストエリアではパッと欲しい情報が目に入るように
強弱を付けています。

画像を使わずテキストのみで見やすく。 もうこの辺になってくると、
テキストなのにcssのみでわかりやすくコーディングしてくれたり、
写真をデザインに合うように正方形にトリミングする
スクリプト書いてくれたり、
そんな技術的な要素の方が特筆すべきことかも。。。
システムも弊社で開発してたりするので、
その大変さはまたチャーリーかハルさんあたりが書いてくれるかな。。?




その他
■詳細ページ

■路線・こだわり・住所から検索ページ
とか一通りデザインさせてもらいました!
これから追加するページの計画があったり、
まだまだRoom'Spotサイトは進化の途中ですが、
ひとまずリニューアルということでご紹介させて頂きました。


埼玉県・千葉県の賃貸専門サイトRoom'Spot(ルームスポット)

ご覧いただけたら幸いです。

トラックバック(0)

トラックバックURL:

コメント(4)

ブログ掲載ありがとうございます♪
roomspot.netのWEB担当でございます。
掲載記念に僭越ながらコメントを~。
色々無理ばかり言いまして、スケジュールも
きつきつの中お世話になりまして本当にありがとう
ございました。感謝でいっぱいです!
ちなみにこのFHWblog(仮)初めて読みました。
(薄情モノです)
面白いじゃないですかっ!!
これから定期的に読みますので掲載頑張ってください。
ランチマップ第2弾ぜひぜひ。
わぁ!早速コメントありがとうございます!
嬉しいです〜! 渋谷で打合せの際には
ランチマップのお店をご案内します! Blog是非ご覧ください。励みになります!
chinup
marichuraのWEBに限ってはアシスタント?をしております。 BLOGでの紹介ありがとうございます。
ログ解析を私がしておりますが、リニューアル後は徐々に伸びており、また問合せも増えております。問合せについては通常のE-mailとは分けることで、効果の測定もやり易くなっております。 また、直接の問合せは無くても、突然営業所に来る方もいて、中には「ここのHPが一番見やすかった!」という反響も募集担当からもらってます。 これから更なる進化を遂げて打倒ポータルサイトを目指します!
numakayaさん!コメントありがとうございます! こちらこそ紹介させていただき、ありがとうございました。
普段、なかなか聞くことの出来ない
ユーザーの方からのコメントが非常にうれしいです。涙 そう、その一言のために、
もしくは言葉にはならないけど、いい印象を持ってもらえるために
あーでもない、こーでもない、と悩んだりする
楽しくて大変な時間が報われます。 うれしいな〜。うれしいな〜。ホクホク。
numakayaさんのアクセス解析の分析結果をもとに
サイトを育ててゆくお手伝いが出来るのが
とても楽しみです。 今後ともよろしくお願いいたします。
chinup

コメントする

(スタイル用のHTMLタグを使えます)
最近の記事一覧
最近のコメント一覧
カテゴリ一覧

コーダーTIPS

ディレクターの・・・

デザインTIPS

アーカイブ

2012年

2011年

2010年

2009年

2008年

2007年

タグクラウド

My tweets
Loading..

HTML5実践

Powered by Movable Type 5.02