モバイルバッテリー・充電ステーションのレンタルサービス「MOBATTe」を運営するムツミコネクト様。稼働中のレンタルプラットフォームを2026年4月に引き継ぎ、利用者画面の再設計、パートナー企業向け管理コンソールの開発、決済処理の改善、テスト環境・監視・配信基盤の整備までを、サービスを動かしたまま進めています。
ムツミコネクト様は、商業施設や宿泊施設などに充電ステーションを設置し、QRコードを読み取るだけでモバイルバッテリーや電源を借りられるレンタルサービス「MOBATTe」を運営しています。自社での運営に加えて、パートナー企業が自社ブランドで施設を展開できるプラットフォームとしての整備も進めています。
サービスの土台は海外製のレンタルプラットフォーム。そのまま使うと、画面の言葉づかいや決済の流れ、検証の進め方などで、日本の利用者と運営に合わない点が出てきます。willBは2026年4月にサーバー上のソースコードを引き継ぎ、現状を実測で把握するところから始めて、利用者画面・管理画面・運用基盤の3つを並行して作り直しています。
利用者画面は、ログイン、QRスキャン、料金確認、デポジット、決済、排出、返却、利用履歴まで全画面を対象に再設計しました。まずスマートフォンのモックアップと提案書で全画面のデザインを固め、次に本番のテンプレートへ移植。各画面の文言や通貨表記も、この機会に日本語・英語・中国語の3言語で整えています。
移植で守ったのは「見た目だけを変え、動きは変えない」こと。本番テンプレートには料金・クーポン・言語切替・機器との通信といった動的な処理が組み込まれているため、モックをそのまま置き換えるのではなく、既存の変数と処理をすべて残したうえでマークアップを差し替えました。切替は設定値の1操作で、現行画面はそのまま残しているので数秒で元に戻せます。
トップ。QRスキャンと利用中の状態
料金確認。無料時間と上限を先に示す
レンタル開始。取り出すスロットを大きく
利用中の注文詳細。経過時間と現在料金
※画面はデザイン提案時のイメージ。店舗名・注文番号などは架空のものです。
MOBATTeのプラットフォームでは、パートナー企業（1次代理店）がその配下に施設を増やしていきます。パートナーが自社の施設だけを扱える管理画面が必要になり、willBは組織構成そのものから提案して、パートナー専用の管理コンソールを設計・実装しました。
パートナー向け管理コンソールの画面構成（ダッシュボード）。施設一覧・施設詳細・収益と分配・ステーション稼働の各画面を実装
ステーションの実機は本番サーバーとしか通信できないため、テスト環境をつくること自体に工夫が要りました。willBはまず現地を訪問して構成を把握し、本番と同居しながら完全に分離したテスト環境を構築。実機の通信を機器単位でテスト環境へ振り分けられるようにして、改修はすべてテストで検証してから本番に出す流れにしました。
画面の改修、パートナー展開の仕組みづくり、毎日の監視と不具合対応。willBは「作って納める」のではなく、動いているサービスの運営チームの一員として、次の課題を一つずつ仕組みに変えています。引き継いだシステムの運用や作り直しにお困りの方は、お気軽にご相談ください。
相談してみる