URBAN HACKSのロゴ

Shibuya TOQ Passアプリ

渋谷の東急株式会社関連施設やテナントで働く方を対象とした、特典・情報提供アプリです。アプリを店舗で提示すると、対象店舗にて優待サービスを受けられるほか、渋谷で開催されるイベント情報や、渋谷をテーマにした記事なども配信しています。

Category

UI/UX Design

Date

2025.9

記事のカバー画像

紙のカードからの出発

渋谷の東急(株)関連施設で働くオフィスワーカーのために誕生した「Shibuya TOQ Passアプリ」は、紙からのDXを体現したサービスです。起点となったのは、かつて配布されていた紙の「Shibuya workers pass」カード。店舗でカードを提示すれば優待が受けられるシンプルな仕組みでしたが、提示のタイミングが分かりにくかったり、どの店舗でどんな特典が受けられるのか現地に行かなければ分からなかったりと、体験は煩雑でした。これをアプリとして再設計することで、ユーザーにはより一貫したスムーズな利用体験を提供し、同時に店舗との接点をデータとして蓄積できる仕組みを実現しています。

本プロジェクトは、東急株式会社不動産運用事業部との共創によって進められています。事業部がハード面でのロイヤリティ向上を目指す一方で、URBAN HACKSの開発チームはソフト面での体験価値を高めることを目的として持っています。最初は紙カードのDXとして「優待利用の体験」から出発しましたが、今後はその枠を超え、働く時間や日常の過ごし方そのものを豊かにする多様な取り組みへと広げていきます。

優待情報をわかりやすく整理し、探しやすく

これまで店舗ごとに異なっていた提示タイミングや利用条件などの優待情報は、アプリ上で統一されたUIによって整理されました。ユーザーがお得さを実感しやすい優待内容や、店頭で迷いがちな提示タイミングを強調して表示することで、ストレスなく利用できる体験を実現しています。

優待検索では単なるワード検索にとどまらず、施設や利用シーンといったユースケースからも絞り込むことが可能です。また、検索結果として表示される優待リストでは、利用イメージが湧きやすい画像と具体的な優待内容をセットで表示し、ユーザーの判断をサポートします。新しく追加された優待が自動的にリスト上位に表示される仕組みによって、ユーザーが自然に「新しい出会い」に触れられるようにも設計されています。

よく使う店舗はブックマークでスムーズに

ユーザーが頻繁に利用する店舗は、ブックマーク機能によって素早く表示できるようになっています。ブックマーク登録のアクションにはアニメーションを加え、操作そのものに「ポジティブな気持ち」を伴う体験をデザインしました。

登録した店舗はブックマーク一覧からワンタップで優待情報を確認でき、不要になった場合はワンタップで削除も可能です。よく使う店舗のリストだからこそ、快適に整理・利用できる仕組みを整えることで、日常的な利用体験をさらにスムーズにしています。

ホームタブで広がるディスカバリー体験

ホームタブでは、ユーザーが最初に開く場所として、新しい発見や体験につながる情報を提供しています。優待情報は季節やシーンに焦点を当てた利用シーンで表示され、ユーザーの興味を喚起します。また、ユーザーの位置情報をもとに近いものが表示されるなど、新たな出会いを後押しする仕組みも入っています。

さらに、渋谷で開催されるイベント情報なども掲載され、優待利用以外の時間の過ごし方もサポート。仕事の合間や終業後に「何をしようかな」と思ったときに、新しい選択肢に出会える場所になっています。

店舗コードでリアルとデジタルをつなぐ

オフィスワーカーのロイヤリティを高めるためには、ハードとソフト両面でのサポートに加え、リアルとデジタルをシームレスにつなぐ仕組みが欠かせません。その一環として導入したのが「店舗コード」機能です。

ユーザーは店頭に掲示されたポップに記載された5桁のコードをアプリに入力するだけで、該当店舗の優待情報を即座に呼び出すことができます。これにより、利用したいタイミングで迷わずスピーディーに優待を活用でき、リアルの店舗体験とデジタルの利便性を融合させた新しいUXを実現しています。

ワークスタイルに寄りそう仕様設計

渋谷では、多様なバックグラウンドを持つワーカーが日々働いています。誰もがストレスなく利用できるよう、ユーザーの環境や状況に応じた最適化を積み重ねています。外資系企業で働く利用者に向けては英語対応を整備し、外国籍のユーザーでも不便なく使える環境を用意しました。

さらに、新着優待やイベント情報はプッシュ通知を通じて届けています。通知はユーザーが確認しやすい昼休みなどの時間帯に送信されるよう設定されており、日々のワークスタイルに自然に寄り添う仕組みになっています。

Team

Product Manager:Yumi Terayama, Fumi Yazawa
Account Manager:Tetsuro Asami
UI/UX Designer:Tomotsugu Takahashi, Hiroyuki Senda
Front-end Engineer:Jun Goto, Kensuke Hoshikawa
Back-end Engineer:Sho Hoshino, Issei Urano, Shingo Noguchi
QA Engineer:Norihisa Kikuichi, Daiki Saito

私たちの仕事

テクノロジーによる
まちづくりは、
まだまだ可能性に
満ちている。

募集要項

navigate_next