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

紙のカードからの出発
渋谷の東急(株)関連施設で働くオフィスワーカーのために誕生した「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
私たちの仕事

UI/UX Design
東急・東急電鉄公式サイト
2025年6月7日に「東急・東急電鉄公式サイト」が全面リニューアル!東急株式会社・東急電鉄株式会社との共創で、URBAN HACKSが中心となり実施しました。

UI/UX Design
Q SKIP
スマホがそのまま乗車券になる、東急線のデジタルチケットサービス「Q SKIP」。
これまでの紙のきっぷやICカードに加え、乗車券をQRコードで利用できる仕組みを導入し、チケットレス乗車を可能にしました。

UI/UX Design
東急線アプリ
東急線の移動をより便利に快適にできるお役立ちアプリ。駅やバス停に行かなくても手元のスマートフォンで運行状況を知ることができます。東急沿線にお住まいの方を中心に多くの方にご利用いただいております。

UI/UX Design
東急カードアプリ
東急カード会員向けの利用明細を確認できるアプリ。沿線エリアのタイムリーでおトクな情報や、ポイントがお得に貯まる方法なども紹介しています。
※2026年3月12日より「Tokyu Plus アプリ」へリニューアルしました。

Marketing
アプリ利用促進施策・キャンペーン事例
URBAN HACKSでは、プロダクト開発にとどまらずアプリ獲得や東急グループ各事業者が持つリアル接点を生かしたマーケティング活動にも積極的に取り組んでいます。沿線施設の利用促進やキャンペーン施策の一部をご紹介します。

Research
商業施設に関する議論のデザイン
東急のショッピングセンターにおける新たな価値を模索する第一歩としての取り組み。
様々なバックグラウンドを持つメンバーが一堂に会し、課題や顧客価値など未来の商業施設のあり方について議論を深めました。

UI/UX Design
東急ホテルズアプリ
東急ホテルズの公式アプリ。客室の鍵を開けることのできるデジタルルームキー機能や、フロントで並ばずにチェックインができるWebチェックイン機能を利用することができます。
※ 2026年3月31日をもってサービスを終了いたしました

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

Branding
ハチまる キャラクターデザイン
ユーザーの興味を惹きつけるキャラクターを生み出す。東急オリジナルキャラクターのハチまるができるまでのプロセスを紹介します。

UI/UX Design
東急カードアプリ 決済機能PoC
南町田グランベリーパークで実施された期間限定イベント「SNOOPY ICE ARENA」向けに、チケットをアプリで購入できるQR決済機能を提供しました。

Workshop
全社員向けDX研修検討ワークショップ
デザイン思考のプロセスを活用しこれからの人事研修に必要な内容を策定。
サービス開発だけではなく、組織や人材に焦点を当てた取り組みも実施されています。

