IETTO様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績

IETTO様

相談への心理的ハードルをやわらげる温もりあるデザインと、購入の不安を先回りして解消するコンテンツ設計

クライアント IETTO様(東京都 渋谷区)
制作プラン Meta定額制30プラン
カテゴリ コーポレートサイト コーポレートサイト・事務所 建築・住宅・不動産
URL https://ietto.co.jp/
制作チーム
  • ディレクション
    M.Ogawa

  • Webデザイン
    M.Ogawa

  • システム
    T.Taguchi

  • マーケティング
    M.Hotta

  • ライター
    M.Saito

POINT

制作のポイント

お客様のご要望

  • ブランディング向上

単身・若年層の不動産購入の物件探しからその後の売却まで総合的にサポートしている、IETTO様のコーポレートサイトを新規作成いたしました。


 


今回新規作成の主要な目的として、「信頼できる会社だと思ってもらえるホームページをつくりたい」というご要望をいただきました。そのため、トップページのメインビジュアル内の右下に「初めての不動産購入」ページへ遷移する導線バナーを設けております。


 


こちらのページでは、「よくあるお悩み」「IETTOの強み」「不動産購入の流れ4ステップ」「よくある質問」という4つのコンテンツを掲載いたしました。


初めての不動産購入でユーザーが抱えやすい不安や疑問を1ページで解消でき、「ここまでサポートしてもらえるなら、自分たちでも購入できそう」と感じられる構成に仕上げています。


 


また、ホームページの随所に温かみのあるイラストを配置しております。一見、ハードルの高そうな不動産購入のイメージを払拭し、安心感を訴求できるよう工夫を施しました。

ディレクション
M.Ogawa

今回、新規作成の主要な目的として、「信頼できる会社だと思ってもらえるホームページをつくりたい」というご要望をいただきました。

 

そのため、「不動産コンサルティング」ページの「事例紹介」コンテンツでは、「賃貸より支払いが安くなったうえに、部屋が広くなった」など、不動産購入によるメリットが伝わる3つの事例を、人物アイコンを用いて掲載しております。

実際の身近な成功事例を訴求することで、ユーザーが自分事に置き換えて想像でき、安心感のあるお問い合わせの後押しとなっております。

 

また、「ファーストビュー」と「サービス内容」コンテンツの間に複数のお写真が右から左へ流れるアニメーションを取り入れました。広々とした明るいリビングや、笑顔でくつろぐ女性のお写真を使用することで、ユーザーが実際の快適な暮らしをイメージできる設計にしています。

Webデザイン
M.Ogawa

「はじめて不動産を購入される方」「独身で購入と賃貸を迷っている方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を91に想定し、モバイルファーストで設計しております。

 

スマートフォンサイトでは、お問い合わせメニューボタンを画面右下に固定表示しました。こちらのボタンをタップすると、「電話する」「メールでお問い合わせ」という2つのボタンがスライド式で表示されます。ユーザーが気になったタイミングですぐにお問い合わせができる導線設計に仕上げました。

さらに、スマートフォンの小さな画面での操作性と視認性の両立を実現しております。

Webデザイン
M.Ogawa

デザイン面では、トップページのメインビジュアル直下に「IETTO」の各アルファベットをマスクとして使用し、お写真をはめ込んだビジュアルを配置しました。5つのアルファベットには、「ソファでリラックスする女性」や「ペットと暮らす女性」など、理想の暮らしを想像できるお写真を採用いたしました。
そうすることで、ユーザーが「IETTOで家を購入した後の暮らし」を直感的にイメージできるとともに、お客様の社名を印象的に訴求するオリジナリティあふれるデザインに仕上げております。

エンジニア
T.Taguchi

システム面では、「お役立ちコラム」ページをオリジナルのCMSで自社開発しました。
こちらのCMSでは、管理画面からお客様ご自身でコラム記事を簡単に登録・更新できるシステム設計となっております。
また、キーワードで検索できる機能も実装しており、記事数が増えても、ユーザーが気になるコラムをスムーズに確認できる仕様となっております。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧