MCA不動産

コーポレートサイトリニューアル
https://www.mca-mcae.co.jp/

プロジェクト概要

MCA不動産様のコーポレートサイトリニューアルを担当しました。

今回のプロジェクトでは、単にデザインや情報を整理するだけではなく、企業の背景にあるストーリーや事業への想いを掘り下げ、その魅力をWebサイトで伝えることを目指しました。

不動産会社は物件情報だけで比較されがちですが、その会社がどのような考えで事業を行い、お客様と向き合っているのかも、大切な価値の一つです。

そこで、企業の歩みや取り組みを丁寧に整理し、コンテンツとして再構成しました。

https://www.mca-mcae.co.jp/area.html

課題

既存サイトでは事業内容は掲載されていましたが、会社としての想いや強み、これまで積み重ねてきた経験が十分に伝わっているとは言えませんでした。

企業としての信頼感や独自性が伝わるサイトへ刷新することが今回の目的でした。

AgWORKSの取り組み

今回はお客様との距離が近かったこともあり、対面で何度もミーティングを重ねながらプロジェクトを進めました。
ヒアリングでは事業内容だけでなく、

• 会社設立の経緯
• これまでの歩み
• 地域への想い
• プロジェクトへの考え方

などを一つひとつ伺い、その内容をWebコンテンツとして整理。

単なる会社紹介ではなく、「この会社らしさ」が伝わる情報設計を行いました。

https://www.mca-mcae.co.jp/kyobashi.html

コンテンツづくりの背景

今回のアプローチには、以前、高畠ワイナリーグループのWebサイト制作で得た経験が活かされています。

ワインづくりへのこだわりやテロワール、品種ごとの特徴などを取材する中で、「企業が当たり前だと思っている話こそ、お客様にとっては価値あるコンテンツになる」ということを実感しました。

その経験から、今回も企業の歴史や経営への想いを丁寧に掘り下げ、不動産会社ならではの魅力が伝わるコンテンツとして構成しました。

https://www.mca-mcae.co.jp/history.html

制作ポイント

• 丁寧なヒアリングによる情報整理
• 企業のストーリーをコンテンツとして再構成
• 信頼感につながる情報設計
• 更新しやすさも考慮したCMS構築
• 長く活用できるコーポレートサイトとしてリニューアル

まとめ

Webサイトは、会社概要やサービスを掲載するだけのものではありません。

企業が歩んできた歴史や考え方、仕事への姿勢を伝えることで、他社との違いや信頼感を生み出すことができます。

AgWORKSでは、デザインや開発だけでなく、ヒアリングを通して企業の魅力を整理し、それを伝わるコンテンツへ落とし込むことも大切にしています。

INFILL様の「RENOVATION」のウェブページを制作いたしました。

SOMPOシステムズ様の「キャリア採用サイト」のウェブページを制作いたしました。

ブランドサイトリニューアル
https://www.takahata-winery.jp/

ワインの魅力を、もっと正しく伝えるために

高畠ワイナリーのウェブサイトリニューアルでは、サイトのデザインや機能を新しくするだけでなく、「高畠ワイナリーの魅力を、Webサイトを通してどのように伝えるか」というところから企画を進めました。

高畠という土地でワインをつくること。
そこで働く生産者のこと。
ぶどうづくりや醸造へのこだわり。
そして、世界的なアワードにも選ばれるワイン。

高畠ワイナリーには、商品そのものだけでは伝わりにくい、さまざまな魅力があります。

それらを一つひとつ整理し、Webサイトのコンテンツや構成に落とし込んでいきました。

高畠ワイナリーの魅力を整理する

まず考えたのは、「ワインを紹介するサイト」から、もう一歩踏み込んで「ワインが生まれる背景まで伝わるサイト」にすることでした。

ワインの味や特徴だけでなく、どのような土地でつくられているのか、どのような人がワインづくりに携わっているのか、どのような考えで醸造しているのか。

そうした情報を整理し、高畠ワイナリーならではの価値を伝えられるコンテンツを検討しました。

テロワールやつくり手の思いを伝える

ワインの価値を伝えるうえで、商品の情報だけではなく、その背景にあるストーリーも重要です。

高畠の土地や気候といったテロワール、生産者の思い、ワインづくりへのこだわりなどをコンテンツとして整理。

「どんなワインなのか」だけではなく、「なぜこのワインがつくられているのか」まで知ってもらえるよう、ワイナリーそのものを知るための情報をWebサイトに組み込みました。

多様なワインとブランドを整理する

高畠ワイナリーでは、さまざまなブランドや種類のワインがつくられています。

それぞれのワインには異なる特徴やコンセプトがあり、それらを分かりやすく整理して伝えることも、サイト設計の重要なポイントでした。

ワインを単純に一覧表示するのではなく、ブランドごとの位置づけや商品の特徴を整理し、ユーザーが興味のあるワインを見つけやすい構成を考えました。

ワインデータベースを構築する

多くのワインを分かりやすく紹介するため、ワインの情報をデータベースとして管理する仕組みを構築しました。

商品ごとの情報を整理して登録することで、Webサイト上でワインを検索・閲覧できるようにしています。

ワインの種類や特徴など、さまざまな情報を組み合わせて探せるようにすることで、目的のワインにたどり着きやすい構成としました。

コンテンツとして蓄積した情報を、商品紹介や検索機能にも活用しています。

WebサイトからECサイトへつなげる

高畠ワイナリーでは、紹介しているワインをオンラインショップで購入することができます。

そこで、Webサイトを単なる情報発信の場として考えるのではなく、「ワインを知る」ことから「ワインを選ぶ」「購入する」ことまでを一つの流れとして設計しました。

ワイナリーやワインについて知る。

↓

気になるワインを探す。

↓

ワインの特徴や背景を知る。

↓

購入できる商品を確認する。

↓

ECサイトで購入する。

この流れを意識し、Webサイトで伝えた情報を実際の購入につなげられる構成を考えました。

コンテンツとシステムを一体で考える

今回のリニューアルでは、コンテンツ、情報設計、デザイン、データベース、ECへの導線をそれぞれ別々に考えるのではなく、一つのWebサイトとして設計しました。

何を伝えるのかを整理し、それをどのような構造で見せるのかを考える。

さらに、その情報を継続的に管理・活用できるよう、データベースや検索機能としてシステムに落とし込む。

企画から情報設計、デザイン、システム開発までを一つにつなげながら、Webサイト全体を構築していきました。

ワインの価値を伝えるWebサイトへ

高畠ワイナリーのウェブサイトでは、ワインそのものの情報だけでなく、そのワインが生まれる土地や人、つくり手の思いまで知ることができます。

そして、興味を持ったワインを探し、詳しく知り、購入するところまでをWebサイトからつなげています。

高畠ワイナリーが持つさまざまな情報や魅力を整理し、それをコンテンツと仕組みに落とし込む。

その一つひとつを積み重ねることで、ワインの価値がより正しく伝わるWebサイトを目指しました。

DIC株式会社様の「こんなところに！DIC」ページの開発を担当しました。
化学メーカーが持つ製品や技術は、私たちの生活のさまざまな場面で使われています。
一方で、製品や技術そのものを説明しようとすると、専門用語や情報量が多くなり、初めて訪れた人にとっては「自分に関係する情報がどこにあるのか」が分かりにくくなります。

そこで今回は、製品や技術そのものではなく、「暮らしの中の場面」を入口にするインタラクティブイラストマップとして設計・開発しました。

イラストの中を自由に見渡しながら、気になる場所を選ぶ。
そこから、その場所で使われている製品や技術へアクセスする。
複雑な情報を、「探して読む」から「触って見つける」体験へ変換した事例です。

情報量を減らすのではなく、「入口」を変える

DIC様が持つ製品・技術情報は非常に多く、専門性も高いものです。
すべてを一覧で見せようとすると、情報量そのものがユーザーにとってのハードルになります。
そこで、

「製品を探してください」ではなく、

「あなたの身近な場所から探してみてください」という入口をつくりました。

生活シーンを描いたイラストマップの中から、ユーザーが興味のある場所を選択。
そこから関連する製品や技術へ自然に移動できる構造としています。

専門的な情報を単純化するのではなく、ユーザーが理解しやすい順番に並べ替える。

これが今回のインタラクティブマップの設計思想です。

「見る」だけではなく、「触って探せる」マップに

今回のマップは、単なるイラストではありません。
画面の中に配置されたキャラクターや乗り物などをアニメーションさせ、ユーザーが触れながら探索できるインタラクティブコンテンツとして実装しています。

マップを自由に探索

マウスやタッチ操作による拡大・縮小、パン操作に対応。
広いイラストの中から、興味のある場所を自分で探すことができます。

イラストそのものをインターフェースに

キャラクターや建物、乗り物などのイラストを単なる装飾として扱うのではなく、情報への入口として設計。

「どこをクリックすればいいのか」を説明する前に、見れば触りたくなるUIを目指しました。

PCからスマートフォンまで

PCだけでなく、スマートフォン・タブレットでも利用できるようレスポンシブに対応。
タッチ操作でもマップを拡大・縮小しながら探索できます。

公開後も、情報を更新しやすい仕組みに

インタラクティブコンテンツは、公開した瞬間が完成ではありません。
製品情報が変わる。
新しい情報が追加される。
リンク先が変更される。

企業サイトとして長く利用していくためには、制作時の表現だけでなく、公開後にどのように運用・更新していくかまで考える必要があります。

今回のコンテンツも、公開後の運用を考慮し、情報を更新しやすい仕組みとして設計・開発しています。

インタラクティブな表現を維持しながら、必要な情報を運用側で変更・追加しやすくすることで、「作って終わり」ではないWebコンテンツを目指しました。

複雑な情報を、「分かる形」に翻訳する

今回の開発で重要だったのは、イラストを動かすことだけではありません。

化学メーカーが持つ専門性の高い情報を、ユーザーが自然に理解できる導線へ変換すること。そのために、

専門的な情報
↓
生活シーン
↓
興味のある場所
↓
関連する製品・技術

という順番で情報へたどり着ける構造をつくりました。
情報そのものを簡単にするのではなく、情報への入り方を変える。
これもWebコンテンツを開発する上で重要な設計だと考えています。

インタラクティブコンテンツは、「見せ方」まで設計する

Web上で動くコンテンツは、単にアニメーションを追加すれば成立するものではありません。
どこを動かすのか。
どこを触れるようにするのか。
どの情報をどの順番で見せるのか。
PCとスマートフォンで、どう操作方法を変えるのか。
そして、複雑な情報をどうすればユーザーに理解してもらえるのか。

AgWORKSでは、情報設計・UI・フロントエンド実装までを一体で考え、インタラクティブなWebコンテンツを開発しています。

「詳しい人しか使えない仕組み」を、「誰でも触れる入口」に翻訳する。

AgWORKSでは、専門的な情報や複雑な仕組みを、そのままユーザーに渡すのではなく、Web上で触れながら理解できる体験へ変換する開発を行っています。

参考事例

三協フロンテア｜簡単シミュレータ
「詳しい人だけが使うツール」から「誰でも触れる入口」へ。

高畠ワイナリー｜ワインデータベース開発
専門的な情報を、楽しみながら探索できる体験へ。

複雑な仕様でも、まずはご相談ください。

「こういうことはWebでできるのか？」そんな段階からでも構いません。

AgWORKSでは、企画・情報設計からUI、フロントエンド、インタラクション、システム実装まで、技術的な検証を含めて一緒に考えます。

技術的に難しい仕様も、まずはご相談ください。

お問い合わせ・ご相談はこちら

3Dデータを使って、自社の商品シミュレータをつくる。

そんな仕組みそのものを、Webサービスとして開発したのが「だれでもシミュレータ」です。

商品の色や素材を変えたり、パーツを組み合わせたり。
3Dで商品の完成イメージを確認しながら、ユーザー自身が商品を選べるシミュレータを、Webブラウザ上で構築できます。

AgWORKSがこれまで培ってきたWebGL・3Dシステム開発の知見を、ひとつのサービスとして形にしました。

3Dシミュレータを「つくる仕組み」そのものを開発

3Dシミュレータを一つ開発するだけなら、その商品のためのシステムを作れば完成します。

「だれでもシミュレータ」は、そこから一歩進んだ考え方で開発しています。

商品ごとに異なる3Dデータや選択項目を登録し、Web上で商品のシミュレーションを構築できる。

つまり、ひとつのシミュレータを作るのではなく、シミュレータを作るための仕組みそのものをWebサービスにしています。

商品の3Dデータから、シミュレータへ

3Dモデルを登録し、商品の構成や選択肢を設定する。

すると、ユーザーがWebブラウザから商品を操作し、色や素材、パーツなどを切り替えながら完成イメージを確認できるシミュレータとして公開できます。

商品の種類や組み合わせ方に合わせて、さまざまなシミュレーションを構築できるようにしています。

「見る」から「選ぶ」へ

商品を写真で見るだけではなく、実際に触ってみる。

色を変えてみる。
パーツを付け替えてみる。
別の組み合わせを試してみる。

3Dシミュレータなら、商品の検討そのものをWeb上の体験に変えることができます。

さらに、シミュレーションした結果を画像として保存したり、共有したり、見積もりにつなげたりすることもできます。

3Dを表示するだけではなく、商品を選ぶためのWebシステムとして使えることを目指しています。

実際の商品シミュレータにも使われています

「だれでもシミュレータ」は、単なる技術デモではありません。

実際の商品を使ったシミュレータを構築し、Web上で運用することを前提に開発しています。

商品の選択、3D表示、組み合わせ、画像保存、見積もりなど、実際の販売や営業で必要になる機能を組み込めるようにしています。

これまでAgWORKSが開発してきた3Dシミュレータの経験を、サービスとして蓄積しているのも特徴です。

AgWORKSが開発・運用

「だれでもシミュレータ」は、AgWORKSが企画・設計・開発し、現在も運用しているWebサービスです。

3DモデルをWebブラウザ上で表示するだけではなく、3Dデータの管理、商品の組み合わせ、シミュレーションの設定、ユーザーが操作する画面まで、3DシミュレータをWebサービスとして成立させるための仕組みを開発しています。

WebGLを使ったコンテンツを制作するだけではなく、実際に使われるWeb3Dサービスそのものを開発・運用している。

それが「だれでもシミュレータ」という開発事例です。

Web3Dを、商品やサービスの中へ

Web3Dは、特別なデモコンテンツのためだけの技術ではありません。

商品を見せる。
商品を選んでもらう。
組み合わせを試してもらう。
営業や問い合わせにつなげる。

WebサイトやWebサービスの中に3Dを組み込むことで、これまで写真や文章だけでは伝えにくかった商品の魅力を、実際に触れる体験として届けることができます。

AgWORKSでは、既存のWebサイトやサービスへの3D組み込みから、3Dシミュレータそのものの開発まで、用途に合わせたWeb3D開発を行っています。

作品を展示する場所を、Web上につくる。

「ギャラリスト3D」は、アーティストが自分の作品を3D空間に展示できるオンラインギャラリーサービスです。

作品画像を登録すると、Webブラウザ上のギャラリーに作品を展示できます。

訪れた人は、ギャラリーの中を自由に移動しながら作品を見て回ることができます。

リアルなギャラリーに足を運ばなくても、作品の世界に入り込んで楽しめる。

そんな新しい作品展示の場を、Webサービスとして開発しました。

作品を「並べる」のではなく、「空間に展示する」

オンラインで作品を公開するだけなら、画像を一覧表示するだけでもできます。

ギャラリスト3Dでは、作品を3D空間に展示します。

壁に作品を飾り、ギャラリーの中を歩きながら作品を見る。

近づいて作品を眺めたり、別の部屋へ移動したり。Webブラウザの中に、作品を見るための「場所」をつくっています。

アーティスト自身がギャラリーをつくる

ギャラリスト3Dは、単なる3Dビューアではありません。

アーティスト自身が作品を登録し、自分のギャラリーとして公開できるWebサービスです。

作品画像をアップロードし、作品情報を設定する。
展示する作品を入れ替える。
ギャラリーの見せ方を選ぶ。

3D空間を専門的に制作しなくても、自分の作品を展示できる仕組みを目指しました。

作品を見る人にとっても、ギャラリーを歩く体験を

訪問者は、作品一覧を見るだけではありません。

3D空間の中を移動しながら、気になる作品を探すことができます。

作品に近づけば、より大きく見ることもできます。

「次はどの作品を見よう？」

と、ギャラリーを歩きながら自分で作品に出会っていく。

オンラインだからこそ、時間や場所に縛られずにギャラリーを訪れることができます。

展示するだけでなく、作品との出会いをつくる

ギャラリスト3Dでは、作品を展示する空間だけでなく、作品を見つけてもらうための仕組みも開発しています。

作品情報の表示やプロフィールページなど、アーティストと作品を知ってもらうための機能を用意しています。

さらに、作品をARで表示するなど、3D空間の外へ作品体験を広げる機能も開発しています。

3Dギャラリーを入口に、作品との出会い方そのものを広げていく。

それがギャラリスト3Dの考え方です。

Web3Dを「サービス」として運用する

ギャラリスト3Dは、ひとつのバーチャルギャラリーを制作した事例ではありません。

複数のアーティストが利用できるサービスとして、作品登録、ギャラリー管理、ユーザー管理などの仕組みを含めて開発しています。

3D空間をつくるだけではなく、そこに作品が登録され、ユーザーが訪れ、継続的に利用される。

Web3Dを実際のWebサービスとして運用するために必要な仕組みを、開発・運用しながら改善しています。

AgWORKSが開発・運用

ギャラリスト3Dは、AgWORKSが企画・設計・開発し、現在も運用しているWebサービスです。

3D空間の構築だけでなく、作品登録、ユーザー管理、ギャラリーの設定、作品情報の表示など、サービス全体をWebシステムとして開発しています。

Web3Dを使ったコンテンツを「つくって納品する」だけではなく、実際にユーザーが利用するサービスとして運用する。

その経験を蓄積しながら、ギャラリスト3Dを進化させています。

Web3Dで、Webの中に「場所」をつくる

Webサイトには、ページがあります。Webサービスには、画面があります。

Web3Dを使えば、そこに「場所」をつくることもできます。

ギャラリー、ショールーム、展示会、ミュージアム。人が訪れて、歩いて、見つけて、体験する。

そんなWebサイトやWebサービスを、AgWORKSはWeb3Dでつくっています。