コスメ・美容業界はWebARの活用が最も進んでいる分野のひとつです。L’OréalがModiFaceを買収して以来、大手コスメブランドはこぞってバーチャルメイク・試着ARを導入し、デジタル接点での顧客体験を革新しています。2025年の市場調査では、コスメのオンライン購入者の67%が「バーチャル試着ができれば購入に踏み切りやすい」と回答しており、WebARは今や差別化の必須ツールとなっています。
美容×WebARの3つの活用パターン
パターン1：メイクAR（リップ・アイシャドウ・ファンデーション）
カメラで顔をリアルタイムに認識し、リップカラーやアイシャドウをバーチャルで試せる機能です。顔の68〜468個のランドマーク点を追跡し、顔の動きに追従してメイクを表示します。ECサイトの商品ページに組み込むことでカラー選びの迷いを解消し、購買率向上に直結します。
パターン2：ヘアAR（ヘアカラー・ヘアスタイル）
ヘアカラーシミュレーションは顔だけでなく髪の領域を検出する必要があり、技術的難易度が高い分野です。AIによるセグメンテーション（髪の領域の分離）を活用し、染色後のカラーをリアルタイムでシミュレーションします。美容室の予約前の確認用途や、市販ヘアカラーの購入前試し体験として活用されています。
パターン3：アクセサリー試着AR（サングラス・イヤリング・ネックレス）
顔認識技術を活用してサングラスやイヤリングの試着をシミュレーションします。メイクARと比べて顔全体のフィット感確認が必要なため、より高精度な顔の3Dポーズ推定が求められます。平均的なECサイトではサングラスカテゴリにバーチャル試着を導入すると返品率が25〜35%削減されるデータがあります。
コスメ×WebAR 事例4件
L’Oréal Paris：ModiFace WebAR
ModiFaceはL’Oréalが2018年に買収したARビューティテック企業で、現在ではL’Oréalブランドのグローバル展開をWebARで支えています。L’Oréal ParisのWebサイトでは2,000種類以上の商品でバーチャル試着が可能で、月間アクティブユーザーは数千万人規模に達しています。WebARを使って試着したユーザーの購買率は未使用ユーザーの3倍以上というデータを公表しています。
資生堂：ARメイクシミュレーター
資生堂はグローバルECにWebARメイクシミュレーターを導入しています。ファンデーション・口紅・アイシャドウの試着に対応し、肌色に合わせた商品レコメンデーション機能と連携しています。日本市場では「マキアージュ」ブランドのスマホサイトにも展開し、20〜30代女性ユーザーの購買率向上を実現しています。
Sephora：Virtual Artistバーチャル試着
世界最大のコスメリテーラーのひとつSephoraはWebARを活用した「Virtual Artist」機能をグローバル展開しています。リップ・アイシャドウ・まつ毛・まゆ毛まで幅広いカテゴリをカバーし、ECサイトとアプリの両方でシームレスな体験を提供。WebAR経由でのサービス利用者は平均で1.5倍の購入点数を記録しています。
国内コスメブランドの導入事例
国内の中規模コスメブランドでも、8th Wall+Three.jsを使ったバーチャルリップ試着を自社ECに導入した事例があります。導入費用は初期開発150万円・年間保守40万円で、導入3ヶ月後にリップカテゴリのCVRが53%向上、カラーバリエーションの売れ行き均等化（売れ残りカラーの減少）にも寄与しました。
顔認識WebARのツール比較
| ツール | 特徴 | 顔ランドマーク数 | 費用感 | 向いている用途 |
|---|---|---|---|---|
| 8th Wall | 高精度・マルチプラットフォーム | 468点（MediaPipe） | 月額数万円〜 | ハイエンドブランド向けWebAR |
| Zappar（ZapWorks） | ノーコード寄りで導入しやすい | 標準的 | 月額数万円〜 | キャンペーン・プロモーション |
| Meta Spark | InstagramのARフィルター専用 | 高精度 | 無料（Meta審査あり） | Instagram限定AR |
| TensorFlow.js FaceMesh | オープンソース・カスタム自由 | 468点 | 無料（開発費のみ） | 自社開発・フルカスタム |
| ModiFace API | 美容特化・高品質 | 非公開（独自） | 要問い合わせ（高額） | 大手コスメブランド |
導入の注意点
照明環境の考慮
コスメARの最大の課題は照明条件による色再現の差異です。強い逆光・蛍光灯・暗室では顔認識精度が落ちるだけでなく、表示するカラーが実際の商品と大きく異なって見える場合があります。ユーザーインターフェースに「明るい場所で使用してください」の案内を入れること、肌色補正アルゴリズムの採用が重要です。
肌色補正への対応
リップやアイシャドウの発色は肌色によって大きく異なります。グローバル展開を見据えたWebARでは、肌色（明度・色相）を自動検出して発色をシミュレーションに反映するアルゴリズムが必要です。ダイバーシティへの配慮も含め、幅広い肌色への対応は品質の重要指標です。
よくある質問
品質の高いWebARプラットフォーム（8th Wall・ModiFaceなど）は肌色に応じた発色補正に対応しています。ただし低コストのオープンソース実装では肌色の多様性への対応が不十分な場合があるため、導入前に実機でのテストが重要です。
ヘアカラーARはリアルタイムカメラ映像の実際の髪を対象としており、紙への印刷やウィッグでの使用は想定されていません。ただし一部のシステムでは写真をアップロードしてヘアカラーをシミュレーションするスタティック処理にも対応しています。
可能ですが、別々に開発が必要です。Webサイト用のWebARと、Instagramフィルター用のMeta Sparkは異なるプラットフォームです。両方に展開する場合は、それぞれのプラットフォームに対応したデザインとテクニカル実装が必要になります。
