集客に強いSEO対策完備のホームページ制作会社|新潟・東京・名古屋→全国対応
0120-66-0209
お電話
ホームページのご相談・お見積り

制作事例

自然と住まい研究所PC
自然と住まい研究所SP

自然と住まい研究所2016.02 Released.

クライアントである自然と住まい研究所様は、茨城県にオフィスを構え、人と環境に優しい建築を提案する新進気鋭の建築事務所。単なる設計・建築の枠組みを超えた、ライフスタイルへのアプローチも含んだ提案は、家づくりを考えている人はもちろん、全国の同業他社からも注目を集めています。 今回ドコドアでは「自然と住まうことの美しさ」を最大限に表現し、美と自然環境への意識が高いユーザー(=クライアントの狙ったターゲット層)からのアクションを増やすことを目的に、Webサイトのリニューアルを手掛けました。

CLIENT
自然と住まい研究所様
PLAN
パーフェクトプラン
URL
http://www.na-style.co.jp/

期待する効果

  • イメージアップ
  • アクセスアップ
  • コンバージョンアップ
  • 更新を簡単に

ドコドアからの制作アプローチ

【全体】
洗いざらしの布や白木の色を思わせる落ち着いたアースカラーをキーカラーに据え、全体をエコロジカルな印象に。住宅写真の美しさを強調するため、無駄な配色や凝ったアイコンなどはあえて外しました。美しい住宅写真が散りばめられたトップページからは、住宅作品のクオリティの高さとバラエティがダイレクトに伝わるような仕掛けになっています。またコンテンツは若干グリッドを意識した配置にすることですっきりとしたフィールドを実現させ、求める情報や伝えたい情報を際立たせることに成功。デザイン性とユーザビリティを両立させています。
今後は施工事例、住まい手の声、お知らせ、メディア情報などをクライアントが更新していくことで、トップページに情報が反映される仕組み。事業の成長と共にWebサイトの魅力も増していくような、将来性のある構造になっています。

 

【動き】
トップページではパララックスを採用しました。
スクロールとともにコンテンツが浮かび上がり、コンテンツを読み飛ばすことが少なくなります。
トレンドであるリッチな表現を用いることで、クライアントがデザインや表現にこだわりがあることも、エンドユーザへアピールします。
ナビゲーションを固定することでサイトの回遊性を向上させ、離脱率を下げます。
「お問い合わせ・資料請求」は目立つような配色・デザインにすることで、周囲のナビゲーションとの差別化を図り、コンバージョン率アップを狙っています。
施工例ではユーザにストレスを感じさせないよう、物件をページ送りさせるのではなく、自動読み込みのシステムを用いました。
閲覧者が最も興味があるコンテンツであるため、可読性・ユーザビリティにこだわっています。

制作内容

  • WordPress
  • スマホ対応

Works

Works

住宅の施工事例のページになります。
美しい外観・内観写真をメインイメージに据え、掲載写真も多くすることでギャラリー的な役割も担っています。

Voice

Voice

お客様の声のページです。
実際に家を建てて暮らしているお客様へのインタビュー内容を、複数の写真と共に掲載しています。

Build

Build

住宅商品の紹介ページです。
商品の資料請求をしていただくことをゴールに、写真や図と合わせて分かりやすくご説明しています。

Event Infomation

Event Infomation

イベント情報ページです。
イベント告知を見たユーザーがそのままお申込みできるよう、ページの下部に専用フォームを設けています。

今すぐ無料でお問合わせ&お見積り

ホームページ制作に関するお問合わせ・お見積もりは下記フォームより承ります。
選択式で簡単入力、90秒で送信完了。内容を確認後、弊社担当が即時ご連絡いたします。

今なら3つの特典をプレゼント!

  • 特典1

    イラストとストーリーで分かる
    SEO戦略ハンドブック進呈

  • 特典2

    様々な効果アップに成功した
    制作事例集進呈

  • 特典3

    検索上位表示の秘訣が詰まった
    マニュアル進呈

(※)は訪問する場合に限らせていただきます。

必須の項目は必ずご記入ください。

お問合せ・お見積りについて

会社名
お名前
メールアドレス
お電話番号
都道府県
ご住所
現サイトURL
ご希望の連絡方法
ご質問・ご意見

上記送信内容をご確認いただけましたらチェックしてください。