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システムズ様の「キャリア採用サイト」のウェブページを制作いたしました。

【簡単シミュレーターとは】

パネル方式を採用し、様々なオプションの組み合わせが可能な三協フロンテア様のモバイルスペース。

本体の色、壁・窓・ドア、その他オプションを選ぶだけでお客様の理想の空間をカタチにできます。
そのモバイルスペースのパーツの組み合わせを、スマホから簡単にシミュレーションでき、その結果を見積もりに出力したり、AR表示もできるシステムが「簡単シミュレーター」です。

【簡単につくれる・見れる「だれでもシミュレータ」の機能を採用】

有限会社エージーワークスは「だれでもシミュレータ」をベースに、モバイルスペースという製品の持つ特長に合わせカスタマイズ開発を行いました。
今回のカスタマイズ開発では、だれでもシミュレータの「ウェブ上で3Dデータの登録および管理ができるシステム」「登録データを自動でAR化」など、基本の機能はそのままに、主にUIのカスタマイズを行うことで、モバイルスペースの製品特長に合わせた3Dシミュレーターを、短納期で開発・リリースいたしました。

3分でできる！簡単シミュレータ
https://www.sankyofrontier.com/light_simulator/

ー

開発結果：結果として、こんな状態が解消されました

三協フロンテア様には、もともと莫大な費用をかけて開発された高機能なシミュレータが存在していました。

ただその一方で、

• 操作が複雑で、使いこなせる人が限られる
• 詳しい営業担当者や、本気で検討している一部の顧客しか使わない
• Webからの集客や、初期検討フェーズでは活用しづらい

という課題も抱えていました。

今回開発した「簡単シミュレータ」は、既存の高機能シミュレータを置き換えるものではなく、検討の入口に立つ人のための“間口を広げる仕組み”として位置づけられています。

その結果、お客様は「難しい前提知識がなくても、自分の条件で大まかなイメージを掴める」ようになり、営業担当者は「説明の前に、理解度を揃える」という役割をWebに任せられるようになりました。

結果として、

・高度すぎて使われなかった既存シミュレータとの役割分担が明確になり
・Webからの流入ユーザーを無理なく検討フェーズに乗せられ
・「詳しい人だけが使うツール」から「誰でも触れる入口」へ

という状態が作られています。

ー

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

こうした考え方で進めた事例があります。

こんなところにDIC
― 情報が多すぎて、たどり着けなかったケース

高畠ワイナリー ワインデータベース開発
― 専門的な情報を、楽しめる体験に翻訳したケース

ー

高畠ワイナリー様のワインデータベースを開発しました。

高畠ワイナリーのワインを、種別や品種、ブランドやビンテージなどから検索できるシステムになっています。

購入可能の商品は自動でECサイトへのリンクを表示。検索結果からそのまま購入も可能です。

また受賞歴からの検索や、認証情報の表示なども行なっています。

ー

開発結果：結果として、こんな状態が解消されました

高畠ワイナリー様では、多くのワイン情報や受賞歴、詳細なデータを保有していましたが、それらは主に業界関係者や詳しい人向けの文脈で整理されており、一般の来訪者にとっては少し距離のある情報になっていました。

そのため、

・ワインに興味はあるが、何を基準に見ればいいか分からない
・情報量は多いのに、楽しさや選びやすさにつながらない
・滞在時間が短く、記憶に残りにくい

といった状態が起きやすくなっていました。

今回のワインデータベース開発では、専門的なデータをそのまま並べるのではなく、
「知識がなくても、自然に辿り着ける導線」を重視しています。

その結果、

来訪者は
「詳しくなくても、自分の好みや関心からワインを探せる」ようになり、
ワイナリー側としても
「情報を説明する場」から「体験として伝える場」へと役割を広げることができました。

結果として、

・専門知識がないと楽しめなかった情報構造
・情報はあるのに、選ぶ体験につながらない状態
・初めて訪れた人が置いていかれてしまう導線

といった、“分かる人だけのサイト”になってしまう課題が解消されています。

ー

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

こうした考え方で進めた事例があります。

こんなところにDIC
― 情報が多すぎて、たどり着けなかったケース

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

ー

ブランドサイトリニューアル
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、フロントエンド、インタラクション、システム実装まで、技術的な検証を含めて一緒に考えます。

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

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

ニッコー株式会社様のバスルームブランド「BAINCOUTURE」のウェブサイトをリニューアルいたしました。