「会社案内が文字ばかりで読まれない」「WEBサイトの事業紹介が難解だと言われる」といった課題はありませんか？イラストマップは、複雑な関係性を1枚の絵で整理し、直感的な理解を促す解決策です。

イラストマップ制作は、企業や施設、地域の取り組みをひと目でわかりやすく伝えるための有効な表現手法です。

文章や写真だけでは説明が難しい内容も、イラストとして整理することで、全体像や関係性を直感的に理解してもらうことができます。

この記事では、実際のイラストマップ制作事例をもとに、2DイラストマップとWebGLを使ったインタラクティブなイラストマップの違いや、どのような場面で効果を発揮するのかを紹介します。

イラストマップ制作の実例｜「こんなところにDIC」

有限会社エージーワークスでは、DIC株式会社様の取り組みを伝えるためのイラストマップ制作を行いました。

こんなところに！DIC：3Dイラストマップを作成しました。

テーマは、

「私たちの身近なところに、どんな形で関わっているのか」。

事業内容や技術の話は、どうしても説明が長くなりがちですが、イラストマップとして1枚にまとめることで、

・初めて見る人でも全体像がつかめる
・会話のきっかけになる
・説明の補助として使いやすい

といった効果を持たせています。

なぜ企業紹介にイラストマップが有効なのか

全体像を最初に共有できる

イラストマップの最大の特徴は、細かい説明に入る前に、全体像を見せられることです。

文章で順番に説明するのではなく、「全体はこういう構造です」と最初に共有できることで、その後の説明がスムーズになります。

複数の媒体で使い回しができる

イラストマップは、

・Webサイト
・パンフレット・会社案内
・展示会やイベント
・プレゼンテーション資料

など、さまざまな場面で活用できるビジュアルです。

一度制作すれば、長く使える情報整理ツールとして機能します。

静止画（2D）イラストマップ制作のメリットと活用シーン

一般的にイラストマップというと、2Dの静止イラストをイメージされることが多いかもしれません。

2Dイラストマップは、

・シンプルでわかりやすい
・印刷物との相性が良い
・情報整理に向いている

といった特徴があります。

企業紹介や事業紹介など、内容を整理して伝えたい場合に特に効果的です。

WebGL（3D）によるインタラクティブなイラストマップ制作

エージーワークスでは、2Dイラストマップだけでなく、WebGLを使ったインタラクティブなイラストマップ制作にも対応しています。

WebGLイラストマップでできること

WebGLを使うことで、

・マップを回転・ズームして見る
・エリアごとに情報を切り替える
・動きのある表現で構造を理解してもらう

といった、体験型の表現が可能になります。

工場や施設の紹介、拠点やプロセスの可視化、特設サイトや展示コンテンツなどで特に相性が良い表現です。

2DイラストマップとWebGLの使い分け

どちらが優れている、という話ではなく、目的によって使い分けることが重要です。

・シンプルに整理して伝えたい → 2Dイラストマップ
・印象づけや理解促進を重視したい → WebGLイラストマップ

最初に2Dで全体を整理し、必要に応じてWebGLで体験的に見せる、という段階的な展開も可能です。

イラストマップ制作で大切にしていること

制作の際に意識しているのは、

・情報の正確さ
・親しみやすさ
・説明に使いやすい構成

見た目のインパクトだけでなく、誰かが説明するときに自然と使えるデザインであることを大切にしています。

イラストマップ制作が向いているケース

・企業や事業内容の説明が複雑な場合
・施設や拠点をわかりやすく紹介したい場合
・Webにもう一段の理解促進要素を加えたい場合
・文章や図解だけでは伝わりにくいと感じたとき

「地図にしたら整理できそう」

そう思ったタイミングで、イラストマップ制作は力を発揮します。

まとめ｜整理することもデザインの仕事

イラストマップは、情報を増やすためのものではなく、情報を整理し、伝わりやすくするための表現です。

2Dイラストマップ制作も、WebGLを使ったインタラクティブな表現も、目的に応じて選ぶことで効果を発揮します。

説明に迷ったとき、表現の選択肢のひとつとして思い出してもらえたらうれしいです。

ギャラリスト3Dのコアシステム「G3Dエンジン」で開発したバーチャルギャラリーを、株式会社日立ソリューションズ・クリエイト様の「社内アート交流活動」に導入頂きました。

株式会社 日立ソリューションズ・クリエイト
https://www.hitachi-solutions-create.co.jp

「アートで社内交流する」

社員同士、仲間同士で作品を発表し合える、閲覧する、そしてそれをコミュニケーションのきっかけ、深めるきっかけにする「社内アート交流活動」。
バーチャルギャラリー空間がその様なコミュニケーションのツールになり得るのだなと、開発の意義を改めて実感いたしました。

通常の業務とは別に、「作品を発表し合う」そんな行為を持ってコミニュケーションを図ろうとする企画。

社内でのご利用となるため、どのような展示をされているかが見えないのは残念ですが、「アートで社内交流する」と言う素晴らしい企画にギャラリスト3Dをご利用いただけた事、大変嬉しく思っています。

社内利用に限定したクローズド仕様

ユーザーアカウント発行やギャラリー設定など、独自に発行、無制限に管理できるシステムとなっており、また、株式会社日立ソリューションズ・クリエイト様のご要望に合わせてUIもカスタマイズ。「社内アート交流活動」をスムーズに行なっていただけるバーチャルギャラリーシステムになっています。

「G3Dエンジン」の作品を自由にアップできる機能、3D空間で作品を閲覧できる機能はそのままに、日立ソリューションズ・クリエイト様の社内利用に限定した、クローズドな環境で使用できるシステムにカスタマイズいたしました。

また、今回のカスタマイズでは、非常に貴重なご意見・ご要望もいただけました。
このフィードバックを元に、更にユーザー目線、利用者目線で「使いやすい」システムを目指して開発を進めてまいります。

ー

この事例のように、G3Dエンジンを活用した独自仕様の開発・カスタマイズを承っております。

「社内限定で利用したい」「独自のUIを構築したい」「既存のシステムと連携させたい」など、ビジネスニーズに合わせた柔軟なカスタマイズが可能です。

ゼロから開発するよりも圧倒的にスピーディで、コストパフォーマンスに優れた3D空間構築をご提案します。

[➡ WEB3Dギャラリー受託開発の詳細・プラン比較はこちら]

「だれでもシミュレータ」が株式会社サザビーリーグ　エーアンドエスカンパニー様のカスタムオーダーツールに採用。

株式会社サザビーリーグ　エーアンドエスカンパニー様のジュエリーブランド、「LAMBDA」の3Dカスタムオーダーツールに「だれでもシミュレータ」のシステムを採用いただきました。

LAMBDA（ラムダ）
https://l-ambda.com/

LAMBDA（ラムダ）とは

株式会社サザビーリーグ　エーアンドエスカンパニーが運営するジュエリーブランド。
“PLAY FREEDOM (自由を遊べ。)” というブランドメッセージを掲げ、有限な資源を無限のクリエイティブで追及し、性別や年齢の枠を超えボーダーレスなジュエリーを展開。
カスタマイズバリエーションは数億通りに及び、右に倣うことなく着用する人の個性を最大限に活かし、永く使えるジュエリーを提案。 

「だれでもシミュレータ」をジュエリーのオーダーツール専用にカスタマイズ

自分だけのジュエリーが作れるLAMBDA、その3Dカスタムオーダーツールに「だれでもシミュレータ」システムを使用。UIや在庫システムとの連携など、LAMBDA専用の機能をカスタマイズ開発し、専用システムとしてご利用いただいています。

ジュエリーパーツの3Dパーツ制作・登録

各パーツのバリエーションを、3D形状データ・マテリアルデータの他、詳細情報などを管理画面から登録して構築。運用に必要な付随データも登録しています。
また、シミュレータに使う3DパーツはAgWORKS https://www.ag-works.com/ で制作。デザインをベースに3Dデータ化いたしました。

だれでもシミュレータの機能を活用

だれでもシミュレータの「自由に組み合わせられる3Dカスタマイズ機能」以外にも、標準搭載の機能を最大限活用。

3Dコンフィギュレーション機能

ブレスレット、ネックレスの各パーツを自由に選択できます。
変えたい箇所を選ぶと該当箇所がハイライト。お好きなパーツを選択し、カスタマイズを行います。UIはLAMBDA ORDER TOOL専用のデザインになっています。

シェア機能
気に入った組み合わせは、URLやQRコードで簡単にシェアできます。
例えば組み合わせの候補をいくつか検討し、それをお友達などにURL、QRコードをシェアも可能です。

スマホやタブレットで体験。AR表示

カスタマイズした内容は3Dで見るだけでなく、ARで仮想体験できます。
「この組み合わせだと実際どんな感じだろう？」
「大きさはどんな感じかな？」といった体験を、スマホやタブレットで簡単に行えます。

画像保存機能
考え抜いた組み合わせを、画像で残せる画像保存機能。
組み合わせた画面をそのまま画像として保存できます。
自分のお気に入りを、好きなだけ保存しましょう。

豊富なパーツで無限のバリエーションから自分だけのジュエリーが作れる株式会社サザビーリーグ　エーアンドエスカンパニー様の「LAMBDA（ラムダ）」。
「だれでもシミュレータ」のシステムで是非3Dカスタムオーダーをお楽しみください。

LAMBDA（ラムダ）
https://l-ambda.com/

最近は3Dシミュレータやバーチャルギャラリー、バーチャルショールームといった、Web3D関連の記事ばかりでしたが、今回は久しぶりにウェブデザインのお話です。

弊社のウェブデザイン実績、インフィル様のインテンザウェブサイト（https://intenza.jp）が、雑誌WEB DESIGNINGのWD SELECTION×つなWEBに掲載いただきました。

これも一重に、ウチのデザインに理解があり、共感いただける担当者様、クライアント様のおかげです。
このご縁、本当にありがたいです。

そして今、ウチの中村・福田・木村が凄くいい仕事をしてくれるんです。これは本当に大きい。

人数が少なくてもまだまだやれる事があります。

もっとこういう機会を増やしていきたいものです。

つなWEBはこちら
https://tsunaweb.book.mynavi.jp/tsunaweb/work/detail/id=5429

今回は日本産婦人科医会：働き方改革サイト用に開発した、自身の労働状況が確認できる「自己診断ツール」のご案内です。
こちらは、ご自身の就業時間を入力することで、労働環境を診断し、必要な医師数などが算出できるツールになっています。

働き方改革：自己診断ツール
https://www.jaog.or.jp/work-style-reform/self-check/

1.年間時間外労働時間計算ツール
1週間の勤務状況を入力することで、年間の時間外労働時間を計算できます。
①主たる施設の勤務
②外部病院の勤務
これらを入力する事で勤務時間や時間外労働時間を算出。その数値が水準との比較結果として出力されます。

2.必要医師数計算ツール
各業務を担当する医師数から日中に必要な医師数を、またその人数から2024年以降の時間外労働時間の上限水準を満たすために確保すべき医師の人数を算出します。
①日中に勤務する医師の人数
②夜間・休日の当直に従事する医師数
③日勤の前後に行う残業時間数の一人当たりの平均
これらを入力する事で、日常勤務に必要な医師数、2024年以降の時間外労働の上限を超えないため必要な医師数が算出されます。

必要医師計算ツールオプション
上の必要医師計算ツールの結果に、医師⼀⼈当たりの外部病院での勤務時間を含めて再計算できます。
医師一人当たりの外部病院での勤務時間を入力する事で、外部病院での勤務時間を除いた場合の医師一人あたりの主たる施設における年間労働時間の上限時間が表示されます。

と、この様なツールになっています。

今後の労働環境の最適化に非常に有効なツールではないかと思います。

公益社団法人 産婦人科医会様
「産婦人科医の働き方改革」ウェブサイトはこちら。
https://www.jaog.or.jp/work-style-reform/

ーーーーーーーーーーーーーーーーーーーー

AgWORKSではこの様な医療機関のウェブサイトやこの様なコンテンツの開発を行なっております。
ご依頼・ご相談はこちらのフォームよりお問合せください。

今回は「データベースを使わない事例・実績一覧開発」のお話しです。

ウェブのコンテンツで企業やサービスの信頼度を上げるのに不可欠な実績・事例集。
キーワードやカテゴリで絞り込み表示させたいですよね。
そんな時、WP等CMSやデータベースが必要では？
その様に考える事が多くあるのではないでしょうか。

事例が日々追加され、更新される様なケースでなければCMS開発、DB開発を行わず、フロント側だけの開発で済んでしまうケースもあります。

例えば、株式会社正興電機製作所様の
SILF施工事例
https://www.silf.jp/case/

こちらではDB開発やCMS未導入で「カテゴリー」「事例」で絞り込み検索が可能になっています。

CMS開発やDB開発の場合、開発時の設計や仕様策定に工数がかかり、コスト面でバランスが悪くなるケースもあります。
まずサクッと、こう言った事例・実績コンテンツを作りたい場合は、フロント側の開発のみで実装するのも良いのではないでしょうか。

ーーーーーーーーーーーーーーーーーーーー

AgWORKSではこの様なコンテンツの開発を行なっております。
ご依頼・ご相談はこちらのフォームよりお問合せください。

こんにちは。代表の増本です。

弊社で開発した、WEB3Dでフィールドを自由に動き回れるバーチャルミュージアム、「花王こども環境絵画ミュージアム」が公開されました。

https://www.kao.com/jp/painting-virtual-museum/

今回、非常に重要だったのが「操作性」。

「この操作方は？」
「このターゲットならこうあるべきでは？」
「こんなふうに操作して欲しい」
「これじゃ思うように動かせない」
「それならこれでどうだろう？」

そんなやり取りを、関係各位、ご担当者様と何度も繰り返し、
「誰でも気持ちよく操作できる。その世界に入って行ける」
そんなギャラリーを完成させる事ができました。

フィールドを360°パノラマで眺めながら矢印タップで移動。
ストレスのない操作ができます。

しかし、各人が思う「動かしやすさ」。PCやスマホ、タブレットの操作の慣れ、改めて千差万別、いろんな方がいらっしゃると痛感…。
その中で、最大公約数的に、どんな操作なら広く、誰にでも自由に使ってもらえるだろう。
関係したみなさんの意見、どれも貴重でした。

操作の気持ちいいWEB3Dコンテンツは、自分で操作していても楽しいです。
これからもそんな開発進めてゆきたい！そう思える案件でした。

こんにちは。代表の増本修二です。

玉樹 真一郎 著
「ついやってしまう」体験のつくりかた 人を動かす「直感・驚き・物語」のしくみ

をやっと読みました。

ユーザーがそのボタン、UIをみたときに「○○するのかな？」と、思う気持ちをアフォーダンス。
そのアフォーダンスを伝えるために特化したデザインをシグニファイアと言います。

そういや「チコちゃんにしかられる」でもやってましたね。

「飾れば飾るほど一番大切なアフォーダンスを伝えるためのシグニファイアが覆い隠される」
「デザイナーはあらゆる虚飾を排除面白そうだと思わせる事すら捨て去る」

「良さ・正しさ」を伝えるよりも、まずは商品やサービスとの関わり方が直感的にわかる事を優先する。
大事だなって再認識です。

そんな事を考えながら、

アフォーダンスとシグニファイアについての簡単なデモ
http://www.ag-works.com/demo/interaction_cube.html

作ってみました。お時間あれば是非。

今日は採用ウェブサイトについて書きます。

私のは高校生の息子がいるのですが、夏休みはどんな大学を目指すか、オープンキャンパス巡りにも付き合いました。

息子の通う高校では、どの大学を目指すか、本当に自分のやりたいこと、興味が持てる、その世界で突き抜けられる様な、そんな大学選びを推奨しています。

そのため、早い時期からテーマを決めた研究や、そのプレゼン体験を授業に取り入れています。

自分の好きな分野を深く学べる大学はどこか？その大学のブランドではなく、真に学べる学部、研究室で選ぶ。

大学受験も大きく変わり、受験のための勉強ではなく、その行きたい大学に、行きたい学部でどれだけ学びたい、と言う熱意があるか、それを推し量る受験になってきている様です。

本当に学びたいことを学ぶため、学生が大学を選ぶ。
本当に学びたいと思っている学生を大学が選ぶ。

この流れ、私はとても良いと感じています。

さて、この流れで気になるのは、「では、大学を出た後はどうやって自分の好きな世界に進むのだろう」という事。

いくら好きな研究が大学で出来たとしても、卒業後、進むその世界がどんなものか、わからなければ、本当に正しい大学選びができたとはいえないのではないか、そう感じるのです。

それを知ることができれば更に良い大学選びができる。

ではそれを知るためには？

そうです。ここで重要なのが、企業の採用ウェブサイトだと思うのです。

その企業が社会にとってどの様な形で貢献しているか、サスティナブルな社会づくりを考えているかのメッセージ。
どう言った大学で何を学び、どんな経験を経てその企業に進んでいるのか、と言った新入社員の声。
その企業や業界で長く活躍し、どの様にキャリアを積んでいったのかを語るベテラン社員の声など。

これからの人生を大学受験というタイミングから考え始める高校生と、それを見守り、一緒に考えていくであろう保護者にとって、大学選びとその先の人生を選ぶための非常に重要なコンテンツ、採用ウェブサイト。

就職活動をしている大学生、大学院生だけでなく、こう言ったステークホルダーにとっても、非常に重要なコンテンツだと、言えるのではないでしょうか。

ではその重要なコンテンツをどう作ってゆくか？
それはまた次回の記事にてお話したいと思います。

ーーーー弊社制作のウェブサイトいくつかご紹介ーーー

日立グローバルライフソリューション採用ウェブサイト

JALUX採用ウェブサイト

トラベルスタンダードジャパン採用ウェブサイト

リサーチアンドソリューション採用ウェブサイト

その他、採用サイト実績は下記よりご覧いただけます。

エージーワークス これまでの実績：採用ウェブサイト制作
http://www.ag-works.com/tag/recruit/

こんにちは、AgWORKS代表の増本です。

EXC3DのWEB3Dシミュレータ制作サービス、WEB3Dインテリアシミュレータのデモコンテンツを公開しました。

壁や床の素材を変えたり、家具の置き換え、テキスタイルの切り替えも可能。もちろんマウスドラッグで360°自由に視点を操作できます。
レスポンシブデザインにも対応しており、各デバイスで今すぐ体験できます。

ぜひご覧ください。

※※※※※※※※※※※※※※※※※※※※※※※

http://exc3d.com/model/bedroom/

※※※※※※※※※※※※※※※※※※※※※※※