壊して作り直すのではなく、活かしながら変えていく

プロパティー・パートナーズのWebサイトは、 全面的なリニューアルを行ったサイトではありません。 ベースとなっているのは、公開から10年近くが経過したWebサイトです。

通常であれば、デザインやシステムが古くなった段階で、 サイト全体を作り直す「リニューアル」を検討するところでしょう。 しかし私たちは、あえて既存サイトを残しながら、 必要な部分を少しずつ更新してきました。

考えてみれば、これは私たちが不動産で行っていることとよく似ています。 既存建物の特徴を見極め、残すものと変えるものを判断し、 いまの時代に必要な機能やデザインを加える。

Webサイトについても、 「古くなったから全部作り直す」のではなく、 「いまあるものを活かしながら、どこまで進化させられるか」 という考え方で改修を進めています。

この半年、少しずつ改修を続けてきました

ここ半年ほど、サイト全体の基本構造は維持しながら、 いくつもの改修を重ねています。

ヘッダーメニューを見直し、 トップページのヒーローにはテキストエフェクトを追加。 メインビジュアルも一枚の静止画から、 複数の写真が静かにクロスフェードする構成へ変更しました。

また、サイト内のコンテンツが増えてきたことに合わせ、 リンクボタンやリンクバナーについても 大幅な追加・変更を行っています。

さらに、蓄積してきたコンテンツを ビルオーナー様の課題や関心から探しやすくするため、 「ビルオーナー様へのコンテンツ案内」 のページも新設しました。 単にコンテンツを増やすだけでなく、 「どの情報を、どこから見てもらうか」という導線そのものも 見直しています。

一つひとつは、サイト全体を作り直すほど大きな変更ではありません。 しかし、小さな改修を積み重ねることで、 10年近く前につくられたサイトでも、 現在のコンテンツや見せ方に合わせて更新することができます。

AI以前ならコスト的に難しかった表現へ

今回は、さらに一歩進めた改修を行いました。

生成AIの進化によって、 これまで専門の制作会社へ相応の予算をかけて 依頼しなければ難しかったWeb表現も、 部分的であれば現実的に導入できるようになってきました。

ただし、私たちが目指したのは、 派手なエフェクトを見せることではありません。

今回、新しい表現を入れたのは、 トップページで最も目立つヒーローエリアではなく、 その下にある 「このビル、次にどうしますか」 というセカンドエリアです。

一見すると、普通の写真に見える

このエリアで目指したのは、 「よく見なければ、凝ったことをしていると気づかない」 くらいの表現です。

動画を大きく流すわけでも、 派手なパララックスで画面を動かすわけでもありません。 一見すると、普通の写真が置かれているように見えます。

しかし、スクロールや視線の動きに合わせて、 ごく静かな変化が起きるようにしています。

Webサイトのエフェクトは、 技術を見せるために動きを大きくしたくなりがちです。 今回は、その反対を試しました。 技術的には複雑でも、見た目は静かに。 それが今回のテーマです。

派手なインタラクティブと、静かなインタラクティブ

プロパティー・パートナーズのサイトでは、 すでに360°空間やBEFORE / AFTERなど、 ユーザー自身が操作して体験する インタラクティブコンテンツも公開しています。

こちらは、通常の企業サイトとは明らかに違う体験を 意図的につくったものです。

一方、今回トップページに追加した表現は、その対極にあります。 操作方法を説明する必要もなく、 ゲームのような体験でもありません。 ページを普通に見ている中で、わずかな変化が起きます。

「できる」ことと、「やる」ことは違う

生成AIによって、 Webサイトで「できること」は急速に増えています。 これまでならコストや技術的なハードルから採用しなかった表現も、 現実的な選択肢になり始めました。

だからといって、 できることを全部やればよいわけではありません。 むしろ選択肢が増えるほど、 「何をやらないか」の判断が重要になります。

派手に動かしたほうがいい場所もあれば、 ほとんど動いていることに気づかない程度がいい場所もある。 そして、まったく動かさないほうがいい場所もあります。

必要なのは最新技術そのものではなく、 その場所にとって「程よい」表現を選ぶこと だと考えています。