画面越しでも、
帽子を試着できる時代へ。

お客様のスマホカメラで試着。
実物と同じ寸法の立体データで表示。
アプリ不要、ブラウザだけで完結します。

帽子をかぶった女性

帽子はかぶってみないと分からない。
でもECではそれができない。

straighten

サイズが合うか分からない

cm表記だけではフィット感は伝わりません。不安が残り、購入をためらう原因になっています。

face

似合うか想像できない

顔の形や髪型との相性は、実際にかぶらないと判断できません。商品写真だけでは自分に合うか分からない。

texture

立体感が伝わらない

素材のボリュームやシルエットは平面の写真では伝わりにくく、着用イメージが湧きません。

HaFiTが提供する2つの試着体験

videocam

カメラで試着

カメラに映った顔に、立体的な帽子が自然に追従。顔を動かしながら、似合うかどうかをその場で確認できます。

photo_camera

写真で試着

写真を1枚撮るだけで、帽子をのせた試着画像を生成。SNSでシェアしやすい仕上がりです。

なぜ画像の貼り付けではなく、立体的に試着するのか

従来の写真合成

商品画像を切り抜いて顔写真に重ねる方法。奥行きも陰影もなく、シールを貼ったような仕上がりになりがちです。

HaFiTの立体試着

立体的な帽子データを顔の形に合わせて配置。顔の向きに追従し、陰影まで再現します。

view_in_ar
videocam

自然に動く。
だから「似合う」が分かる。

顔の向きに合わせて帽子がそのまま動きます。横を向いても、うつむいても、自然にかぶっている姿を確認できます。アプリ不要、ブラウザだけで動きます。

  • check 顔の動きにあわせて自然に動く
  • check 横を向いても帽子が自然に見える
  • check インストール不要、URLひとつで試着開始

導入は3ステップ

01

商品写真と寸法をご提供

商品写真と、つば幅・内寸などの
寸法データを御社からご共有ください。
写真は4方向あると精度が上がります。

02

実物と同じ寸法で立体化

いただいた寸法をもとに
立体データを作成します。
実物と同じサイズで画面に表示されます。

03

御社サイトに設置

リンクを貼るだけ。
サーバーやアプリは不要です。

御社のECサイトに溶け込む形で

商品ページにボタンを1つ追加するだけ。お客様の購買体験にそのまま組み込めます。

商品個別ページのイメージ

自然な「かぶり姿」のために

立体的な帽子をカメラ映像に馴染ませるため、複数の工夫を重ねています。

visibility

頭の後ろに自然に隠れる

頭の形に合わせた見えない「型」を画面の中に配置。横を向いたとき、帽子が頭を突き抜けずに自然に隠れます。

light_mode

部屋の明るさに自動で合わせる

カメラ映像の色味と明るさをリアルタイムで読み取り、帽子の照明に反映。周囲の雰囲気に帽子が馴染みます。

wb_sunny

光の方向を自動で読み取る

画面の中で最も明るい方向を検出し、帽子に当たる光の向きを自動調整。実際の照明と同じ方向から光が当たります。

texture

素材に合わせた質感表現

麦わら帽子のような自然素材は、光を反射しないマットな仕上がりに調整。不自然な光沢を抑えます。

face_retouching_natural

顔だけをさりげなく補正

顔の部分だけに軽いスムージングをかけています。帽子や背景はそのまま。ビューティーモードと同じ仕組みです。

smartphone

スマートフォンに最適化

画面の中の見え方をインカメラに合わせて調整。帽子の大きさや遠近感が実際にかぶっているときと同じように見えます。

lock

プライバシーを守る設計

カメラ映像や写真がサーバーに送られることは一切ありません。すべての処理がお客様の端末内で完結します。

よくあるご質問

help

画面の帽子が実物と色や質感が違うのですが?

画面での試着では、帽子の形やシルエット、かぶったときの全体の雰囲気をご確認いただけます。一方、実物の麦わら帽子にある編み目ごとの色の濃淡や手触りといった素材感までは再現されません。画面の試着で「似合うかどうか」を、商品ページで「素材の風合い」をそれぞれ担う形になるため、両方を合わせてご覧いただくことで、お客様の購入判断がよりスムーズになります。

help

実際のサイズとぴったり合わせられますか?

画面での試着では、帽子の形やつばの広がりが自分の顔にどう映るかをご確認いただけます。頭囲のフィット感はかぶり方や髪型でも変わるため、サイズ選びは商品ページのサイズ表と合わせてお使いいただく形になります。

help

帽子の位置や見え方を調整できますか?

はい。帽子ごとに深さ・前後・サイズ・傾きなどを細かく調整できます。導入前にオーナー様に実際にお試しいただき、気になる点があればご要望に合わせて調整いたします。

help

帽子がずれたり浮いて見えることは?

帽子の位置は、カメラが読み取った顔の特徴をもとに自動で計算しています。条件によってはずれが生じることがありますが、試着画面にガイドを表示して最適な状態へ誘導する仕組みになっています。

help

商品写真はどんなものが必要ですか?

帽子全体が写った白背景の写真が1枚あれば作成できます。正面・右・左・背面の4枚あると精度がさらに上がります。リボンなどの装飾が見切れていたり、強い影がかかっている場合は撮り直しをお願いすることがあります。

help

寸法データはどのように用意すればよいですか?

つばの幅と奥行き、前ツバの突出量、内寸(頭まわりに収まる部分のサイズ)、素材の厚みをミリ単位でご提供ください。これらの数値をもとに実物と同じサイズで立体化します。商品ページに掲載されているサイズ表があれば、そのままご共有いただく形で構いません。

help

アプリのインストールは必要ですか?

不要です。お客様はスマートフォンやパソコンのブラウザからそのままご利用いただけます。必要なのはカメラへのアクセス許可だけです。

help

導入に必要な作業はありますか?

商品写真と寸法データをお預かりし、立体データの作成・調整・設置まですべてこちらで行います。御社にお願いするのは、ECサイトにリンクを1つ貼っていただくだけです。サーバーのご用意やシステムの改修は一切不要です。

「買う前に試せる」を、
御社のECサイトに。

導入費用・技術仕様・カスタマイズについて、お気軽にご相談ください。