フェイスネットワーク様

https://faithnetwork.co.jp/

東京（城南3区）の新築一棟マンションの販売・管理を行うフェイスネットワーク様のWebサイト

実施した施策

Webサイト制作 内部SEO対策 リスティング広告運用 バナー広告、リマーケティング広告運用 Facebook広告,Instagram広告運用 CRM,マーケティングオートメーション アクセス解析,ヒートマップ解析 販促コンサルティング コンテンツマーケティング サーバ管理 写真撮影

概要・課題

フェイスネットワーク様は、東京の世田谷区・目黒区・渋谷区を中心に新築一棟マンション・土地の仕入れから販売・管理までワンストップで開発している会社です。入居者の「住みたい」とオーナーの「持ち続けたい」を満たすデザインと居住性を両立させるモノづくりにこだわり、お客様の夢の実現のサポートに邁進されています。
以前のフェイスネットワーク様のサイトは、コーポレートサイト・事業サイトの双方でコンテンツを発信しており、質の高いコンテンツがたくさんありましたが、サイトの回遊性や視認性・SEOといった基礎的な部分が弱いことが課題でした。
今回のサイトリニューアルでは、上記のようなサイトの改善と、フェイスネットワーク様の「フェイスネットワーク様らしさ・信頼感」を表現するデザインの追求、システム面の刷新、長期的なマーケティング戦略など、大規模な改修に携わらせていただきました。

ターゲット

・東京の新築一棟マンション投資を考えている方
・フェイスネットワークについて詳しく知りたい方

デザインコンセプト

フェイスネットワーク様からお伝えいただいたキーワードの中で特に重要だったものが「唯一無二」、「リアルなものづくり」、そして「動いているサイト」でした。
「動いているサイト」というのはアニメーションのことではなく、建物ができあがっていき、その様子や空気感がサイトの更新によって感じられるサイト、という意味です。
そしてそのキーワードを元にご提案させていただいたのが、「時間経過によってWebサイトの見た目が変わる」「建物が出来上がっていく様子を視覚化する」というコンセプトです。
ユーザーが日々過ごす時間の経過と一緒にWebサイトも時間が経過していき、建物も出来上がっていく。
そしてだんだんと出来上がる建物に、フェイスネットワーク様の「ものづくり」を感じてもらう。
ただ出来上がった建物を見せるだけではなく、竣工までの「リアル」を感じていただくことで、フェイスネットワーク様が大切にされている「お客様の夢の実現がマンション購入で終わらず、その後の生活にも続いていく」ということを感じていただけるようにしました。
また、「企業情報をシンプルかつわかりやすく見せる」という点にもこだわり、ユーザーが必要な情報を素早く的確に確認できるようなデザインとしています。

デザインのこだわりポイント

「時間経過によってWebサイトの見た目が変わる」というコンセプトについては、TOPページのファーストビューの部分で表現しています。
アクセスする時間帯によって背面の空が「青空」→「夕方の空」→「夜空」と変わるようになっているので、「Webサイトもユーザーと同じ時間の経過をしている」という感覚になっていただく狙いで、この仕掛けを考えました。
また、もう一つのコンセプトである「建物が出来上がっていく様子を視覚化する」については、各物件の進捗グラフのデザインで表現しています。
一般的なグラフの形ではなく、マンションにだんだん色がついていく形にすることで、100%になるとマンションのイラストも完成する、というグラフになっています。
そしてその2つのコンセプト以外にも「土地と建物のクオリティの高さ」を表現する必要がありました。
余白をたっぷり使ったり、メインカラーも真っ黒ではなく少しグレー寄りの色を使うことで、上質で高級感が出るようにしています。
フォントもあまり太字を使わないことで圧迫感を減らし、ゆったりとした空気が流れるようにしました。

UI・UXでこだわったポイント

プロジェクト一覧の右側に、自分が今居る位置が分かるようなグラフを表示しています。記事数が多いと自分が今どの辺りを見ているのか、あとどれくらい物件があるのかがわからなくなってしまいますが、このグラフがあることで目安になります。
また、各ページにリッチなアニメーションを施していますが、決してうるさくならず、心地よい動きになるように調整しています。
そして太字を使わないデザインはメリハリが出にくいため、余白のバランスを細かく調整することでリズム良く読めるようにしました。

WordPressの仕様

プロジェクトページについてはサイトの中でも特に更新性が高く、ユーザーにとっても関心のあるページのため、商品ごとのステータスカテゴリー（施工・販売状況など）や、物件ごとのニュースなどリアルタイムですぐに伝えたい情報に対応できるようにしています。
また、進行度はWordPressでプロジェクト開始日と完成予定日を入力することで、都度更新を行わなくても自動で更新されていく仕様にしています。
これにより更新漏れや手間がかかってしまうという問題をクリアしました。
またプロジェクトページの本文は1カラムと3カラムの2種類のレイアウトを自由に配置できるので、内容によってより閲覧しやすい形で情報を掲載できるようにしました。

写真コンセプト

「採用サイト」の実績をご覧ください。

TOPページ

フェイスネットワークとはページ

商品ページ

商品力ページ

担当者からの一言

纐纈響子

Writer 纐纈響子プロフィール

Director

プロフィール

フェイスネットワーク様らしさを体現した上で、毎日でも見たくなるような高いデザイン性、システム面の刷新、ユーザー・クライアントともにわかりやすい操作性、不動産投資や投資商品についてマーケティング目線も踏まえたページコンテンツ制作など、かなり大規模かつこだわり抜いた制作進行でしたが、関わっていただいたすべての方々のご尽力があり、業界としても洗練された比類ないサイトが作成できたと思っています。
一棟マンション・不動産小口化商品のコンテンツ制作、フェイスネットワーク様の信頼感を伝える会社紹介、リニューアル前後含めたマーケティング施策、外部ツールの連携など多岐にわたる部分で多くの綿密なやりとりが必要だったため、多い月には4回以上のお打ち合わせを行い、フェイスネットワーク様・アライブ双方非常にたくさんのメンバーが関わりこのプロジェクトを遂行いたしました。
公開後にはフェイスネットワーク様からコンバージョン率の向上やデザイン性でお褒めの言葉をいただくなどしっかりと実を結んでおり非常に嬉しい限りです。
また現在も新規コンテンツ、サイト改修、マーケティング戦略を進めており、さらなる成果に繋げるため全力でサポートさせていただきます。