簡単AR制作！palanARでペルソナを現実に呼び出してみた

こんにちは！
介護に関する店舗でスタッフとして働く藤吉郎と申します。

私の店舗では「ペルソナ」をイメージした売り場展開をしているのですが、そこにそのペルソナ達が現れたら！
ＡＲで出現させてみました。

# できた動画はこちら

まずは動画をご覧ください。
実際の売り場にペルソナを出現させてみました！

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">palanARで作ったペルソナ達をリアルの世界に降臨させてみました。<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://twitter.com/hashtag/myscue?src=hash&amp;ref_src=twsrc%5Etfw">#myscue</a> <a href="https://t.co/jfO8foKzVD">pic.twitter.com/jfO8foKzVD</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1838141291743625281?ref_src=twsrc%5Etfw">September 23, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## 実際に使用できます

こちらのQRコードを読み取って空間にカメラを向けてみてください
![qr.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/baa53bc6-7381-85e9-d551-7a0ab5f98fa6.png)

女性二人が現れます！

# 目次
[1.ペルソナ紹介](#1-ペルソナ紹介)
[2.制作方法](#2-制作方法)
[3.使ってもらった感想](#3-使ってもらった感想)
[4.よりリアルなペルソナへ変更](#4-よりリアルなペルソナへ変更)
[5.活用の可能性](#5-活用の可能性)

# 1. ペルソナ紹介

## ペルソナの設定とは

そもそもペルソナとは何か解説します。

:::note info
ペルソナとは
ビジネス用語としての「ペルソナ」とは、マーケティングや採用などで用いられる言葉で、商品やサービスの利用者や採用すべき人物像を具体化した仮想の人物像を指します。﻿
ペルソナは、マーケティング戦略を立案する際に、ターゲットとなるユーザー層を年齢や性別などの属性で絞り込んだ「ターゲット」に対して、さらに詳細な人格を肉付けしたものです。ペルソナを設定することで、ユーザーのニーズや境遇、心境などを具体的にイメージし、より精度の高いマーケティング戦略を立てることができます。
出典元　Gemini（GoogleのAI）
:::

## 設定されているペルソナ

認知症の母と暮らす女性を主人公として仮想の設定をしています。

**主人公：聖子さん（51歳）**

* 夫、娘、実母の4人暮らし
* 元々は夫名義のマンションで、親子3人で暮らしていたが、父の死後、軽度の認知症の様子がみられるようになった母が心配になりマンションを売って母と同居するようになった

![seiko.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/a97956e1-1324-2c6e-2fe6-245ff37a3a30.jpeg)

**聖子の母（75歳）**
* 2年ほど前（夫が亡くなってから1年後くらい）から物忘れが目立つようになり、小さなボヤ騒ぎを起こし受診。軽度認知症の診断を受ける
* 趣味は料理だが、ボヤ騒ぎ以降火を使う調理を禁止されている

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/fc1b4126-68db-7f8d-c36f-d25b43bfe1eb.png)

## ペルソナの生活シーン

高齢者でも安心して使用できるガスコンロ[SAFUL（セイフル）](https://rinnai.jp/products/kitchen/gas_conro/gc_safull/safull_point)を売り場に展示しています。
料理が好きな母に安心して調理をしてもらうためにこのガスコンロを買ったという設定です。それをイメージできるようなダイニングスペースになっています。

### 課題

ペルソナを設定し、売り場まで作ったのにお客さまに全然伝わっていない課題があります。
ぱっと見、普通のコンロなので良さも伝えられていませんし、ペルソナを設定していることも全く伝わっていません。
![IMG_0852.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/a1c4b137-d753-fd2a-0f55-901cc66c1ea6.jpeg)

ただのコンロ売り場にしか見えない現状

売り場に実際のペルソナが現れたら、もう少しお客さまにイメージが伝わるのではと思い、制作をいたしました。

# 2. 制作方法

使用したツールはノーコードのWebAR作成ツール[PalanAR(パラナル）](https://palanar.com/)です。オンラインで簡単にARを作成できます。

## ①PalanAR（パラナル）にログイン。「新規作成」→「ARマーカーなし」を選びます
※空間にARを表示させます

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/9621d4a3-5ad2-7ce0-5675-4478a5b05ecb.png)

### ②ARを作成。AR編集から「素材ライブラリから追加」を選択

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/b04cdce8-ae3a-1b7a-7384-249efbc5ed78.png)

## ③3Dモデルを作る
「Ready Player Me」を選び、自分で3Dモデルを作っていきます
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/953cb66f-e1ca-686f-c389-ff7bba3a89e8.png)

髪型や肌色、服装などを選択。Nintendoの[Mii](![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/6f35fe46-2d36-76ef-f34f-8cbaddd82ecd.png)
)のように作成できます！

**作成イメージはこちら**

髪型や洋服を選ぶときの画面です。

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">AR素材を自分で作成する。nintendoのMiiみたい。選択出来る服装のセンスが激しくて困る。<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://t.co/ZqVTrjNaxa">pic.twitter.com/ZqVTrjNaxa</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1837853236898025659?ref_src=twsrc%5Etfw">September 22, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

**できたAR素材**
ペルソナの二人を作成してみました。私のセンスの問題や、海外のツールであるため、日本人らしい服がないのに困りました。

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/18d2c2b8-65b4-09f7-ae63-28bf4bb39092.png)

ちなみに、左がお母さん（75歳）、右が聖子さん（51歳）です。ペルソナのイメージ写真とはだいぶ違うような気もしますが、ご容赦ください。

## ④イベントを編集

AR素材を動かしたりするにはイベントを作成する必要があります。
「新規イベント追加」からイベントを設定していきます。

![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/1e927354-5a7d-c5b6-29f9-b4e30cf49b2f.png)

**設定したイベント**
* AR素材をタッチしたら回転する
<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">palanARで設定したAR素材を回転させてみる<a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/MkV5CbgJCC">pic.twitter.com/MkV5CbgJCC</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1837862760702792134?ref_src=twsrc%5Etfw">September 22, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

* 「公式HPへのボタン」を作成し、タッチしたら設定されたHPへ遷移する
<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">palanARでイベント追加。公式HPへリンクします<a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/Reth2yZkme">pic.twitter.com/Reth2yZkme</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1837866362498437290?ref_src=twsrc%5Etfw">September 22, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

設定は以上で完了です。あとは皆さんに使っていただきたいと思います。

# 3. 使ってもらった感想

実際に使ってもらいました。

## モニターAさん感想

**「おもしろいけど、ちょっと日本人に見えないので世に出すにはちょっと(笑)」**

その通りです。
このクオリティでは会社発信では厳しい。

## モニターBさん感想

**「クオリティは素人だけど（汗）、こんなの作れるのすごいなぁ！！」**

ほめてもらえてよかった。

# 4.よりリアルなペルソナへ変更

やはり日本人に見えないこの二人。
どうにかしたいと思っていた時こんな記事を発見しました！

https://qiita.com/ry7091031/items/5a4bc932eef19b217610

画像から3Dモデルを作り、それをPalanARで使えるとのこと！
まさに私が求めていたものです。

## 画像から3Dモデルを生成

「TripoSR」とは画像から3Dモデルを生成できるAIだそう。

https://1planet.co.jp/tech-blog/3bu1pWXi

デモページで使用できるとのことなので早速作ってみます。

## 作成手順

### ①TripoSRにアクセス
[TripoSR](https://huggingface.co/spaces/stabilityai/TripoSR)にアクセスします。
ログインや登録は不要です。

### ➁画像を登録
サイト上に作成したい画像をドラッグアンドドロップして「Generate」ボタンを押します。
![コメント 2024-09-28 225207.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/3f03f1c3-b72e-fc6d-ad3f-cca99547eee6.png)

### ③3Dが生成される
自動的に画像から必要部分を認識し、そこだけを3Dにしてくれました。
この時間たったの15秒！！
すごすぎるぞAI！

![コメント 2024-09-28 225319.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/9d048cdd-0065-3c60-1d5b-68a28816709d.png)

ちょっと怖いけどそれっぽいのはできた。

お母さんのも作り、それぞれダウンロードします。

![コメント 2024-09-28 220909.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/f2a4507d-9b88-f6d1-c8a9-48d11bc796a6.png)

こちらのほうがきれいな出来上がり！

ではPalanARで使っていきましょう。

## PalanARで動かす

### ①素材追加

PalanARにログインし、「AR編集」から始めます。
TripoSRでダウンロードしたものは「.obj」形式だったため、zip形式にして「ファイルから追加」よりアップロードします。

![コメント 2024-09-28 230511.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/543ffa81-d94c-cc73-3bec-af973c3226d5.png)

### ➁素材の調整

素材が追加されました！
サイズや向きを調整して完成です。
ちょっと顔が怖いけど大丈夫かな？

![コメント 2024-09-28 230753.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/e26bb3e6-a3f6-1be5-850c-3a3f593791e2.png)

ではさっそく動かしてみましょう！

## 再作成した動画はこちら！

AI旅行記です。ご覧ください！

2人で旅行に来ました。
「お母さんこの絵すてきね！」

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">リアルなペルソナに向けて3D作成して生まれ変わりました！でも別の怖さが😭<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/w9of3KklQW">pic.twitter.com/w9of3KklQW</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1840023614676185197?ref_src=twsrc%5Etfw">September 28, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

2人でリフォーム売り場にやってきました。

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">palanARで作成した3DAIのペルソナ親子がリフォーム売り場にやってきた<a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/ismAwteRaD">pic.twitter.com/ismAwteRaD</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1840376237673549885?ref_src=twsrc%5Etfw">September 29, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

大阪メトロに乗りたい2人

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">palanARで作成した3DAIのペルソナ親子が大阪メトロに乗りにきた<a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/wHTZuujOki">pic.twitter.com/wHTZuujOki</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1840376734086266929?ref_src=twsrc%5Etfw">September 29, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

夜の空港にやってきました。そのまま空へ飛び立つ！

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">palanARで作成した3DAIのペルソナ親子が夜の空港へ。そのまま旅立った✈️<a href="https://twitter.com/hashtag/palanAR?src=hash&amp;ref_src=twsrc%5Etfw">#palanAR</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/MQBDJEgpIn">pic.twitter.com/MQBDJEgpIn</a></p>&mdash; 藤吉郎 (@Chieaqua_1353) <a href="https://twitter.com/Chieaqua_1353/status/1840378011088007273?ref_src=twsrc%5Etfw">September 29, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

楽しくなって一緒に旅をさせてみました。

外国人風ペルソナと3Dプリンター風ペルソナどちらがお好みでしょうか？:relaxed:

# 5. 活用の可能性

クオリティはまだまだですが、デジタルとアナログの融合を自分の力で生み出したことはとても感動しました。
ビジュアル系の課題はセンスがないとうまくいかないのが大変でしたが、デザインだけをプロに作成してもらえば実用もできそうです。
まさか3Dも生成AIでできるなんて、もう怖いものなしだなった思いました。

小売業で使えそうなアイディアを考えてみました！
長いレジ待ちの列にかわいいキャラクターが現れたら待つのも楽しくなりそう！
あとは売り場のフロアマップに店舗のロゴを浮き出させるのもいいかも！
色々使えそうなアイディアはたくさんありそうですね。
楽しいAR作成続けていきたいです！

![reji.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3844917/c57620a8-d03f-d5c0-3ee2-a3bcca3d0990.jpeg)