Japanese (Japan)

Mobile Order Redesign

ラーメン店のモバイルオーダーサイトの、会員登録・商品選択・注文・会計のインターフェースを一新し、顧客体験の向上を図る

どのレストラン・ブランドにも応用できる、実用的なサインイン画面

ログイン・サインアップ画面と、プロフィール画面には、色・画像・ロゴなどでブランドアイデンティティを表現。ブランド性を表現しながら、汎用性の高いレイアウトやシンプルなログイン手順で、どのブランドにも実装できるデザインにしました。

商品の検索やカスタマイズをより直感的に行えるインターフェースに変更

豚骨や味噌といったスープの風味や、ベジタリアン食などで商品をカテゴリー化し、食の好みや食事制限のあるお客様が、すぐに商品を選択・注文できるようなメニューデザインに変更。商品選択後のカスタマイズ画面には、デフォルトのオプションとトッピングを表示し、素早く注文できるようになっています。

初来店のお客様でも利用しやすい注文から会計までのフロー

当店では、オンライン注文とレジ会計を採用しています。不明瞭な案内や、複数ページに及ぶ注文画面により、注文を完了できない・支払い方法がわからないとの声が多々ありました。そこで、注文内容の確認・顧客情報の入力・注文の送信を1ページに収めました。また、注文送信画面に、支払い案内を追加し、初来店でも注文・会計がスムーズに完了できるように図りました。

SHION'S PORTFOLIO

SHION'S PORTFOLIO

Japanese (Japan)
Japanese (Japan)

Mobile Order Redesign

ラーメン店のモバイルオーダーサイトの、会員登録・商品選択・注文・会計のインターフェースを一新し、顧客体験の向上を図る

Figmaで見る

どのレストラン・ブランドにも応用できる、実用的なサインイン画面

ログイン・サインアップ画面と、プロフィール画面には、色・画像・ロゴなどでブランドアイデンティティを表現。ブランド性を表現しながら、汎用性の高いレイアウトやシンプルなログイン手順で、どのブランドにも実装できるデザインにしました。

商品の検索やカスタマイズをより直感的に行えるインターフェースに変更

豚骨や味噌といったスープの風味や、ベジタリアン食などで商品をカテゴリー化し、食の好みや食事制限のあるお客様が、すぐに商品を選択・注文できるようなメニューデザインに変更。商品選択後のカスタマイズ画面には、デフォルトのオプションとトッピングを表示し、素早く注文できるようになっています。

初来店のお客様でも利用しやすい注文から会計までのフロー

当店では、オンライン注文とレジ会計を採用しています。不明瞭な案内や、複数ページに及ぶ注文画面により、注文を完了できない・支払い方法がわからないとの声が多々ありました。そこで、注文内容の確認・顧客情報の入力・注文の送信を1ページに収めました。また、注文送信画面に、支払い案内を追加し、初来店でも注文・会計がスムーズに完了できるように図りました。

Japanese (Japan)
Japanese (Japan)

Mobile Order Redesign

ラーメン店のモバイルオーダーサイトの、会員登録・商品選択・注文・会計のインターフェースを一新し、顧客体験の向上を図る

Figmaで見る

どのレストラン・ブランドにも応用できる、実用的なサインイン画面

ログイン・サインアップ画面と、プロフィール画面には、色・画像・ロゴなどでブランドアイデンティティを表現。ブランド性を表現しながら、汎用性の高いレイアウトやシンプルなログイン手順で、どのブランドにも実装できるデザインにしました。

商品の検索やカスタマイズをより直感的に行えるインターフェースに変更

豚骨や味噌といったスープの風味や、ベジタリアン食などで商品をカテゴリー化し、食の好みや食事制限のあるお客様が、すぐに商品を選択・注文できるようなメニューデザインに変更。商品選択後のカスタマイズ画面には、デフォルトのオプションとトッピングを表示し、素早く注文できるようになっています。

初来店のお客様でも利用しやすい注文から会計までのフロー

当店では、オンライン注文とレジ会計を採用しています。不明瞭な案内や、複数ページに及ぶ注文画面により、注文を完了できない・支払い方法がわからないとの声が多々ありました。そこで、注文内容の確認・顧客情報の入力・注文の送信を1ページに収めました。また、注文送信画面に、支払い案内を追加し、初来店でも注文・会計がスムーズに完了できるように図りました。