Borderless Beauty

Borderless Beauty

訪日・在住の外国人と、日本の美容サロン・スタイリストをつなぐ予約サービス「Borderless Beauty」の立ち上げに参加し、スマホ版のβ版からPC版まで、WebアプリのUI設計・デザイン・実装を担当しました。英語を中心にしたUIで、言葉に不安がある人でも予約までたどり着けるように設計しています。

※ 写真やサロンの情報を除き、構成を図で再現しています。

My Role
UI Design, Development, Brand Design

Period
2019 – 2020

Client
Funova Inc.

課題

日本の美容サロンに行きたい外国人は多い一方で、言葉、料金の仕組み(税込・チップ不要)、支払い方法、予約の取り方が分からないことが壁になっていました。サロンの側にも、外国人からの予約や当日のキャンセルへの不安がありました。

なりたい髪型から、予約まで

入口は写真のランキングとタグにして、なりたい髪型から探せるようにしました。検索ではエリアや髪色に加えて、スタイリストが話せる言語で絞り込めます。詳細ページでは、対応言語・税込の料金・使える決済を予約の前に見せ、予約は第2希望までのリクエスト制に。多言語のコンシェルジュがサロンと調整し、決済は予約時に済ませるので、当日は会計のやりとりがありません。

スタイル探しから検索、詳細、予約リクエスト、予約完了までの5画面をワイヤーフレームで示した図

アプリの外まで、同じ体験に

スマホ版のβ版から始めて、PC版、機能を紹介するLPへと段階的に広げました。サービスロゴやユーザー向けのLP、英語・中国語のチラシ、サロンの店頭POPなど、サービスに触れる場所のデザインもまとめて担当し、Webアプリの実装まで手がけています。

スマホ版β版からPC版、LPまでの流れと、担当したサービスの接点を示した図

使っているツール

Sketch、Adobe XD、Photoshop、Illustrator、HTML、CSS