Staple Liteアプリ

Client

Staple

Year

2023

Role

Product Designer

Stack

Figma, React, CSS

Themes

Mobile AppProduct DesignDesign SystemFinTech

小規模事業者のための、手間いらずな法人支出管理

Timeline: 8 weeks

Staple Liteは、法人決済ブランドStapleから生まれた新しいプロダクトで、既存の主力製品では届かなかった市場に向けて設計されました。Stapleがエンタープライズ向けB2B顧客に本格的な経費管理スイートを提供するのに対し、Staple Liteは飲食・小売といった対消費者の現場で働く小規模事業者やチームを、より手の届きやすい価格帯で対象としています。

目指したのは、複雑な機能や学習コストなしに、Stapleの手軽さと利便性を届けることです。Staple Liteはモバイルファーストで設計され、経営者も従業員も外出先から支出を管理できます。加えて、より重い管理業務のために、組織のオーナー向けの管理用Webアプリを用意しました。資金とチームの管理、チーム全体に配布できる決済カード、既に使っているツールとのスムーズな連携といった本当に必要なものは残し、小規模な事業者が必要としない事務的な負荷は削ぎ落としています。

課題

Stapleの主力製品は、エンタープライズの経理チーム向けに作られており、承認フロー、レポーティング、役割ベースの権限管理が充実しています。しかしその奥行きこそ、小規模事業者には不要なものでした。カフェや小売の店舗、小さな飲食グループにとって、エンタープライズ版は過剰です。設定に手間がかかり、費用も高く、実際の働き方に対してプロセスが重すぎるのです。

とはいえ、根底にあるニーズは確かに存在し、しかも二方向から生じています。

  • 経営者は、財務の安全性を損なうことなく従業員に支出の裁量を持たせたいと考えています。しかもそれは、いま使っている会計ソフトを置き換えるのではなく、そこに馴染むものであってほしい。
  • 従業員は、自腹を切って後から精算を追いかけるのではなく、あらかじめ承認された会社の資金を直接使いたいと考えています。

そこに機会がありました。Stapleの法人支出ワークフローの中核的な価値を取り出し、従来の法人カードや経費精算に代わる、分かりやすくペーパーレスな選択肢として、小さなチームに合う価格と複雑さで再パッケージすることです。

担当した役割

私はStaple Lite全体のクリエイティブビジョンを主導しました。Stapleブランドにおける2つ目のプロダクトがどうあるべきか、そして主力製品とどう差別化しながら、そこから切り離された存在にしないかを定義する役割です。

  • Stapleらしさを保ちながら、親しみやすく消費者向けに感じられる独自のサブブランドとして、クリエイティブの方向性を定めること。
  • プロダクトのスコープを定義すること。どの機能を引き継ぎ、どれを削ぎ落とし、絞り込んだ機能群をどうまとめるかを判断しました。
  • 資金管理、チーム管理、チーム全体へのカード配布という中核体験を設計すること。日常利用はモバイルファーストで、経営者向けの複雑な業務は管理用Webアプリに担わせました。
  • デザインシステムを拡張し、Stapleの既存基盤の上で素早くリリースしつつ、Staple Lite独自のアイデンティティを持たせること。

難しかった点

難しかったのは、足すことではなく、引くことでした。

  • 何を削ぐかを決めること。 エンタープライズ版の強さは、その奥行きにあります。一方でStaple Liteの価値は、そのシンプルさにあります。すべての機能に存在理由を問い、使い慣れたツールをそのまま持ち込みたくなる衝動を抑える必要がありました。
  • 2種類のユーザーと、ひとつの軽量なプロダクト。 経営者には統制、予算、きれいなデータ書き出しが必要で、従業員には承認済みの資金で支払ってすぐ次に進めることが必要です。Staple Liteが取り除こうとしている複雑さを呼び戻すことなく、その両方に応えなければなりませんでした。
  • 体験を2つの画面に分けること。 日々の支出とチーム管理はモバイルで軽快に行える必要があり、一方で重い管理業務は大きな画面が適しています。プロダクトを分断させずに「どちらに何を置くか」を決めることが、Staple Liteをシンプルに保つうえで核心となりました。
  • 属しながらも、独立して立つサブブランド。 Staple Liteは、異なるユーザー層に向けてより軽やかで親しみやすく感じられる必要がありました。ただしStapleという名前が持つ信頼を薄めることなく、理想的には後々ユーザーをフル版のStapleアプリへと引き上げる入り口として機能することが求められました。
  • 既存の会計フローに馴染ませること。 小規模事業者には、すでに自分たちの帳簿のつけ方があります。Staple Liteはその移行を強いるのではなく、スムーズなインポートとエクスポートによって既存のプロセスを補完する存在である必要がありました。

プロセス

必要最小限のプロダクトを定義する

出発点は、中核となる「片づけたい仕事」でした。経営者が従業員の予算を安全に配分できること、そして従業員が書類作業なしに承認済みの資金を使えること。ここから逆算し、日々の運用ではなくエンタープライズの統制のためにある機能を削ぎ落としていきました。

2つの役割に向けて、モバイルファーストで設計する

Staple Liteはモバイルファーストで設計し、従業員が外出先で承認済みの資金を使え、経営者も日々のチーム管理や資金管理をスマートフォンから行えるようにしました。より複雑な業務、つまり詳細な統制、予算設定、各種設定は管理用Webアプリへ移し、全員が使うモバイル体験を重くすることなく、経営者に十分な作業領域を与えています。

既存のワークフローに馴染ませる

対象となるユーザーにはすでに会計のプロセスがあるため、データのインポートとエクスポートがスムーズに行えることを軸に設計しました。Staple Liteを既存の枠組みを置き換えるものではなく補完するものとして、そしてフル版のStapleへ進む自然な足がかりとして位置づけています。

エンタープライズの基盤の上に、消費者向けのアイデンティティを築く

Stapleの既存デザインシステムを土台に、消費者向けの読み手に合うより軽やかなビジュアル言語へと拡張しました。構造上の一貫性を保って構築スピードを確保しつつ、Staple Liteに独自の、より親しみやすい佇まいを与えています。

解決策

  • 管理用Webアプリを備えたモバイルファーストのプロダクト。日々の支出と管理はスマートフォンで軽快に、経営者向けの重いツールは大きな画面で。
  • 資金管理、チーム管理、チーム全体へのカード配布に絞った機能構成。エンタープライズ向けの管理レイヤーは取り除きました。
  • 法人カードと経費精算に代わるペーパーレスな選択肢。従業員は承認済みの資金を直接使え、経営者は手作業の経費処理から解放されます。
  • 手軽なインポート/エクスポートによるスムーズな会計連携。既存の枠組みを置き換えるのではなく、補完します。
  • これまで価格面で手が届かなかった中小企業にも、法人グレードの支出管理を開く価格設定。
  • Staple Cardの良さを体現しつつ、フル版Stapleアプリへの自然な導線となる、独立しながらもつながったサブブランド。

成果

Staple Liteは、飲食・小売といった対消費者の現場で働く小規模事業者やチームという新しい市場へとStapleブランドを広げました。中核となるStapleの支出ワークフローを、手間いらずでペーパーレスなプロダクトとして届けるとともに、そうしたユーザーがフルプラットフォームへと成長していく道筋を開いています。

学び

  • シンプルさとは、複雑さの縮小版ではなく、ひとつのデザイン判断である。 Staple Liteの価値は「何を入れなかったか」から生まれました。その線を守り抜くことが、この仕事でもっとも難しく、もっとも重要な部分でした。
  • タスクに合った画面を選ぶ。 日々の支出をモバイルに、複雑な管理業務をWebに置いたことで、それぞれの役割が適した場所で作業できるようになり、モバイル体験もプロダクトが約束したとおり軽やかに保てました。
  • ユーザーがすでにいる場所に歩み寄ることが、導入を後押しする。 乗り換えを求めるのではなく既存の会計プロセスに馴染ませたことで、Staple Liteを試すハードルが下がりました。
Geoffrey Wu

Geoffrey Wuは、東京を拠点とするプロダクトデザイナー、フロントエンドエンジニア、クリエイティブテクノロジストです。

プロダクトチームが迷いなく、自信を持ってリリースできるよう、摩擦を取り除き、関係者間の調整を行い、ユーザー体験の価値を伝える役割を担っています。Web・モバイル向けのSaaSプロダクトから、コンバージョンを重視した複雑なブランドサイトまで、あらゆる新しい課題に対して常に丁寧で解決志向のアプローチを大切にしています。

Interested in working together?

© Copyright Geoffrey Wu 2026