株式会社JTBビジネストラベルソリューションズ様

使いやすさを追求した、ストレスフリーな経費精算アプリリニューアル開発

ビズバンスJTB経費精算 アプリ メインビジュアル

使いやすく効率的な経費精算・出張申請を実現するアプリ

旅行会社の強みを活かした経費精算システムを提供する株式会社JTBビジネストラベルソリューションズ様の「ビズバンスJTB経費精算」リニューアル企画です。経費精算業務を効率化する「経費精算システム」と、出張手配を行う「出張管理システム」を統合したJTBならではの機能をベースに、さまざまな役職の従業員・経理担当者をターゲットとして、日常的な経費精算と出張申請プロセスのユーザーエクスペリエンス向上を目指しました。

CHALLENGE

課題

アプリだけでは完結せず、結局PCで作業——その非効率をどう断つか

旧アプリは機能が限定的で、ユーザーはアプリ単体で経費精算業務を完結できず、アプリ操作後にPCでの追加作業が必要でした。日々の業務において非効率な面が残されていました。

また、UIデザインをリニューアルすることで、より市場競争力を高められるポテンシャルを秘めていると考えました。

APPROACH

アプローチ

01

「どこでつまずくか」を実地で特定。マニュアル不要のUXへ

ユーザーエクスペリエンス向上のため、UIの全面刷新に向けた徹底的なユーザー中心設計を実施しました。既存アプリのヒューリスティック分析とユーザーテストを行い、現状の課題を詳細に特定。「出張の経費精算を作成し、申請を完了させる」という具体的な操作タスクを設定し、ユーザーがつまずいた点や分かりにくい操作を丁寧にヒアリングしました。これにより旧アプリへの不満点を明確化し、直感的で効率的な経費精算プロセスを実現するデザイン要件を抽出。マニュアルを見なくても申請・承認等の業務処理ができるUXの基盤となりました。

02

Flutterの採用で開発効率と品質を最大化

開発工数とコストの最適化を図るため、クロスプラットフォーム開発フレームワークの Flutter を採用しました。iOSとAndroidをOSごとに個別開発する手間をなくし、開発・検証工数を可能な限り削減。豊富なUIコンポーネントを活用し、プラットフォーム間で一貫性がありカスタマイズ性の高いUIを実装しました。将来のエンハンス時にOS間で機能差異が生じるリスクも抑えられ、効率的かつ高品質な開発を実現しています。

03

複雑な経費規程と多数のAPIに、アジャイル×ウォーターフォールで対応

企業ごとに異なる複雑な経費規程・承認フローへの柔軟な対応、出張手配データとのシームレスな連携といったJTBならではの高度な機能性が本サービスの強みです。一方で多機能ゆえにバックエンドは複雑なデータ構造と多数のAPIを抱えていました。そこで完全なウォーターフォールではなく、アジャイルとウォーターフォールを組み合わせたハイブリッド型開発を採用。機能単位で詳細設計・開発・検証を繰り返すことで仕様把握の漏れを最小限に抑え、想定外の事態にも柔軟に対応できる体制を確立しました。

OUTCOME

成果

マニュアル不要で、申請も承認もアプリひとつで完結

UIの刷新と機能拡張、さらに出張手配や乗換案内といった他システムとの連携により、エンドユーザーはスムーズに経費精算の申請書を作成できるようになりました。スマートフォンアプリのみで関連作業を完結でき、ユーザーエクスペリエンスが大幅に向上しています。今後はエンドユーザーごとの社内規定に合わせた機能強化(エンハンス対応)を進め、より各企業の現行業務にフィットする経費精算システムを目指します。

サービス公式サイト:ビズバンスJTB経費精算(株式会社JTBビジネストラベルソリューションズ)

PROJECT

プロジェクト概要

開発期間 14ヶ月
デバイス スマートフォン(iOS/Android)
提供範囲 UX・UIデザイン
スマートフォンアプリ開発(Flutter)
システム開発・バックエンド連携
フロントエンド開発
採用技術 Dart(Flutter)
クレジット Project Manager:Kenichi Imai
Director:Tomoyo Kitazawa, Nagisa Nakao

STAFF VOICE

スタッフボイス

中尾 渚

ディレクター

中尾 渚(ナカオ ナギサ)

本プロジェクトでは、まずユーザーや業務フロー、現行システムの課題を把握することから始めました。既存のWebシステムとの整合性を考慮しつつ、ユーザー目線を意識しながら、スマホで使いやすいUIを目指して設計・デザインを進めました。