WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

検索のユーザビリティを高めたデザイン

      2015/08/12

名称未設定 1

 

Renottaの公式ホームページです。全面的にリニューアルし、どのデバイスでも閲覧出来るレスポンシブ対応の構成になっています。トップにプロモーションムービーを配置し、世界観が伝わるイメージになっています。また、プロモーションムービーでは多彩な色を使って表現していたのですが、Web全体のデザインではロゴマークに合わせて必要最低限の色しか使用していないのも特徴的です。スクロールすると、地図が表示されており、地図検索機能を追加し、物件情報や空室状況をより的確に確認できるようになり物件検索のユーザビリティを高めたデザインになっています。

物件の詳細ページでは、写真をクリックすると大きく表示され、どんな雰囲気の物件か分かりやすくなっており、それぞれにコンセプトがあるのでさらに自分に合った物件に巡り会える気がします。文章を中央に配置し、シンプルなデザインになっているので参考にしたいと思いました。

 

 - 色で表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

コンテンツいっぱいに写真を配置する

「放課後等デイサービス」というハッピーテラス株式会社が運営するサービスです。ロゴ …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …

鮮やかな色だけど安心感のある自動車販売店

自動車販売店「Big Wave(ビッグウェーブ)」のホームページです。 パッと見 …

文字の色を少し薄めのグレーにすることで全体的に優しい色合いに

沖縄県の春・夏・秋・冬の季節ごとの魅力を紹介するキャンペーン「しゅんおき!旬香周 …

様々な情報が各ブロックごとに色んな大きさで並んだレイアウト

長野県小谷村の観光公式サイトです。 左側にアイコンが縦に並んだメニュー欄、右側に …

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。 …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …

ずっと見てられる!「シネマグラフ」を使ったwebサイト3選!

  参照元 http://www.embrulha.com/arte- …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …