株式会社アルバコネクト

労務管理SaaS「労務ロボ」のレガシー構成（Laravelのみ）をReactベースにフルリニューアル。デザインシステムを新たに構築し、プロダクト全体で統一感のあるインターフェースと高い保守性・拡張性を実現。開発スピードの向上と品質の安定化を同時に達成しました。

「背景」
Laravelのサーバーサイドレンダリングのみで構築された既存システムは、UIの一貫性が低く、新機能追加のたびにデザインの整合性が崩れる課題がありました。フロントエンドの分離とデザインシステムの導入が求められていました。

「弊社の取り組み」
まずデザインシステムを構築し、コンポーネント単位での統一的なUI設計を確立。その上でフロントエンドをReact ・TypeScriptで再構築し、LaravelのバックエンドAPIと連携する構成にリニューアルしました。

「成果につながったポイント」
・デザインシステム先行で統一感のあるUIを確保
・フロントエンド分離により開発効率と保守性が大幅に向上
・React化により今後の機能追加が容易に

・ユーザーが直感的に操作できるインターフェースを実現
・今後の機能追加やサービス拡張への柔軟な対応が可能に
・開発スピードの向上と品質の安定化を同時に実現
・デザインシステムにより統一感のあるUI/UXを確立

レガシー構成からのフルリニューアルにあたり、デザインシステムの構築から着手することで、プロダクト全体の統一感と保守性を両立させました。React化により、今後の機能追加も効率的に行える体制が整っています。