Back to all work

KYOCHON Ordering

デリバリー、テイクアウト、引換券、割引 — 注文へ至るすべての道を最初の画面に同時に置いた。ひとつ選ばせて残りを隠すのではなく。

KYOCHON Ordering
Role
Product Design
Period
2026
Stack
Product DesignUIInteraction

チキンのアプリを開く人は、やることを決めて来る。届けてもらうか、店で受け取るか、贈られた引換券を使うか。だから最初の画面は問わない。四つの道をタイルで並べ、割引のついたカードにだけ大きな声を与え、会員登録は関門ではなく選択肢として残す。

Highlights

四つの道をひと画面に
引換券、テイクアウト割引、デリバリー、店頭受け取り。それぞれを絵のあるタイルにして、読まずに見て選べるようにした。
声を張るカードはひとつだけ
テイクアウト 10% 割引だけを緑のベタで塗り、あとは静かに。プロモーションは例外のときに効く。
登録は関門ではなく選択肢
ウェルカムでは会員登録とログインを一行にまとめ、すぐ注文へ進む。何を売るアプリかを先に見てから決めていい。
Role
Product Design
Period
2026
Stack
Product DesignUIInteraction

KYOCHON(教村チキン)アプリの最初の画面を設計した。目的は狭く定めた — アプリを開いてから注文にたどり着くまでの段階を減らすこと。

人は決めてから開く

チキンのアプリを開く人は、たいてい用件が決まっている。届けてもらうのか、店で受け取るのか、贈られた引換券を使うのか。ここでカテゴリーを先に尋ねる画面は、段階をひとつ増やすだけだ。だから尋ねずに、四つの道を最初の画面へそのまま並べた。

読ませず、見せて選ばせる

引換券・テイクアウト割引・デリバリー・店頭受け取りを、それぞれ絵のあるタイルにした。文字を読んで比べるより、かたちで見分けるほうが速い。タイルの文字は二行を超えない。

大きな声を出すカードはひとつだけ

四つのうち、テイクアウト 10% 割引だけを緑のベタで塗った。残りは白のまま静かに置く。プロモーションは例外のときに効く — 全部が大きければ、どれも大きくない。

登録は関門ではない

ウェルカムは挨拶とともに会員登録・ログインを一行にまとめ、すぐ注文の領域へ渡す。何を売るアプリかを見せる前にアカウントを求めれば、人はその場で離れる。

選ばせるのではなく、見えるようにする。

KYOCHON Ordering