Installation Design SEASONS
Installation Design
サービス概要 要件の整理 市場調査 設置場所
システム構成
SEASONS ユーザーの体験
成果物
SEASONS
A place to encounter the “new me” 新しい自分に出会う
サービス概要
・サービスについて ・パーソナルカラーについて
サービスについて Overview
SEASONS service ヨミガナ:シーズンズ
end user
20代の男性と女性
purpose
コスメとの出会いの場をつくる
パーソナルカラーが見つかる体験を通して、 エンドユーザー(消費者) 1人1人に似合う
personalcolor
パーソナルカラーについて
その人の生まれ持ったボディーカラー(髪・瞳・肌)と
春 夏 秋 冬
雰囲気が調和する色(=似合う色)のことです 計４タイプに分けることができます
SPRING SUMMER AUTUMN WINTER
要件の整理
・背景 ・目的
Background
背景
1. 化粧品業界のシュリンク
2. 既存の診断方法(サロンやWeb診断など)では、お客様の直接の商品購買に繋げづらい
3. 人気＝自分に合う商品とは限らない
ランキングやSNSに頼った選び方は、本当に自分が求めている商品を選択できているか確かではない
4. 既存のサービスはあくまで女性向けのものが多いため、男性は抵抗感がある
調査内容リンクは こちら
提供価値について 提供価値
自分を知る身近な経験を通して、新しい商品との出会いの場をつくる
機能的価値 ・男女問わず誰もが楽しめる空間の提供 ・新たな販促手段の提供
・商品購入のための新たな決断方法の提示
経験価値
・アプリ上で診断を行い、診断結果のQRコードをQRコードリーダーにかざすと 空間の演出が変わり、対象者にあったパーソナルカラーが映像で映し出される
・体験を通じ、普段手に取ることのない商品との出会いが可能となる
情緒価値
・自分について知ることへのワクワク感
Give
市場調査 ・競合先一覧 ・目指すべき市場
場所 個人サロン
百貨店・デパート
Web自己診断
S E A S O N S
¥9,000~¥10,000
¥0(無料)
強み
女性
20代後半～40代
女性
¥3,000~¥5,000 ¥400 金額 ターゲット層
20代～30代
・正確性が高い
・納得感が高い
弱み 用途
・金額が高い
・時間が掛かる
・コミュニケーションが必要
自分に似合う色の特徴を
詳しく知りたい
・お手軽な価格で第三者目線 で診断してもらえる
・自己診断よりも正確性が ある
10代～30代 女性>男性
・無料でできる ・気軽にできる ・どこでもいつでもできる
男性女性 20代
・楽しみながら診断ができる ・今までにない価値を体験がで きる
・自分に合う、新しい商品に 巡り合える
・詳細な診断はしない
・正確性に欠ける
なんとなく自分の特徴が わかれば良い
買い物の参考になれば良い
なんとなく自分の特徴が わかれば良い
買い物の参考になれば良い
新しい商品に出会いたい
自分に合う商品に出会いたい
目星をつけて買い物をしたい
自分を知りたい・体験をしたい
競合先一覧
Positioning map
目指すべき市場
こだわり 大衆 高価格 低価格 手軽さ重視 高級感重視 簡略 詳細 SEASONS サロン 診断 デパート 診断 Web 診断 SEASONS サロン 診断 デパート 診断 Web 診断
リーズナブルであり、詳細な診断を受けることができる ＋α ワクワク感
・設定背景
設置場所 ・設置場所について
Place
設置場所について
@cosme TOKYO service
店内:＠STUDIOの場所
クチコミで人気の化粧品を買える＠cosme STORE（アットコスメストア）のフラッグシップショップ 3フロアに分かれた、約400坪を誇る売場面積 アットコスメストアの既存店と同様に、百貨店、専門店、通販からドラッグ・バラエティショップを 幅広く取り扱うラインナップを最大限に活かし、約200ブランドから色や種類を含めて2万点前後を揃える 所在地： 東京都渋谷区神宮前1-14-27
アクセス： JR原宿駅徒歩約1分、東京メトロ明治神宮前駅2番・3番出口徒歩約1分 営業時間： 10時～21時
定休日： 不定休
売場面積： 約1300m2
Webサイト： https://www.cosme.net/flagship/
参考資料リンクは こちら
Reason
実際に店頭を訪れたユーザーの声
たくさん商品があり過ぎて、 選ぶのが大変！
設定背景 ※ 店頭を訪れたことのあるユーザーに、実際に行って困ったことを調査した結果、上記のような声が上がった
自分に似合う商品が知りたいけど、 美容部員さんに話しかけるのは ハードルが高い...。
・ 商品の豊富なラインナップが、今回企画したサービスを実現するに適した場所である
・コンテンツの導入を行うことで効率良く商品を探せ、コミュニケーションの壁も解決できる
・ユーザーの体験シナリオ
ユーザーの体験 ・ユーザーの購買行動
Action
ユーザーの購買行動
タイムラグ
いいのないかな～
欲しい！！
欲しいと似合うは違う！
いいかも！
気になるな
何が欲しかったかな？(忘れる)
・SNSやECサイトを利用した選び方だと、実際に見て試した時に理想とのギャップが生じてしまい購入まで繋がらない
・タイムラグが発生することで、新しい商品と出会う機会を失う
情報収集 SNS,ECサイト利用
見る・試す
ネット注文
テイスターを実施 店舗来店
購入
来店しない 欲しいもの 見つかる
今度行った時 見よう
いい感じ！ 思っていたのと 違うな...
ユーザーの体験シナリオ
店舗で知ったユーザー
来店前に知ったユーザー
A-2 : 商品のネームプレートのマークを手がかりに探す
User
映像体験 QR取得 SHOP A : 自分で見つける
@cosme TOKYO Web 診断
B
A-1
: 美容部員に相談
: 似合う色の色だまを見ながら探す
QR読み取り
¥3,520(税込) raikomu 購入
QRスキャン ライトベージュ クッションファンデーション
システム構成
User
Device Output
① ②
診断を行う スマホ操作
QRCodeReader
⑤ 出力
スキャン
③ 取得したQRコードで 出力される映像は異なる
QR取得 診断結果によって、 表示されるQRコード異なる
データ送信 ④
⑧ ⑦
結果取得 診断結果の表示
映像の切り替え ⑥
QR読み取り
診断結果のダウンロード用 QRコードが表示される
システム構成
16パターン 16パターン
成果物
・QRコードメーカー ・映像
・Web診断
Web sites
Web診断サイト
Web診断サイトリンクは こちら
Web診断デモ動画リンクは こちら
使用ツール
診断ツールをWebサイト上に制作しました。解答結果によって、最終画面で取得できるQRコードが異なる仕組みです。ユーザーが楽 しい気持ちで診断を進めることができるよう、問いごとにアイコンを設定しました。背景には、映像の要素を取り入れました。
使用ツール
体験映像 体験デモ動画リンクは こちら コンテンツ動画リンクは こちら
Movie
QR code reader
QRコードリーダー
参考資料を元に実装を行いました。TouchDesignerのシリアル通信を用いて、QRコードの内容を取得し、映像を切り替えています。
参考資料リンクは こちら
１stシーズンと２ndシーズンの結果表示
FlowerHouseのキラキラした世界
体験者に似合う色の結果表示 診断結果のQRコード取得画面
映像は、４部構成で制作をしました。次の順で映像が流れます。１stシーズンと２ndシーズンの結果表示 → 体験者に似合う色の結果
表示 → FlowerHouseのキラキラした世界 → 診断結果のQRコード取得画面
