制作期間:2ヶ月
制作使用ツール:Figma・Illustrator・Slack・Google Meet・Excel・PowerPoint
SERVICE OVERVIEW
業務管理SaaS flowzoo サービス概要
flowzooは、仕事の手順をフローとして可視化し、業務の遂行を効率化する業務管理システムです。仕事におけるミスや抜け漏れを防ぎ、管理職の管理コスト削減効果が期待できます。高い操作性と毎日アクセスしたくなるデザインで日常的な活用を促し、生産性と業務品質の向上を通じて、組織の持続的な成長を支援します。
SERVICE BACKGROUND
サービス背景
少子高齢化や人材流動化により、業務の標準化・属人化解消が急務となっています。現場ではノウハウの形式知化が進まず、引き継ぎや業務のバラつきが課題です。またSaaS市場でも、直感的に使えるツールへのニーズが高まっています。仕事の手順をフローとして可視化・共有することで、業務の遂行を効率化する業務管理システムとして開発が進められました。
PRODUCTION OVERVIEW
制作概要
業務を簡単に効率化のお手伝いを実現するワークフロー共有ツール業務管理SaaS
UI/UXデザイン(デザインガイドライン等の整備)・ライティング ・提案・htmlメールのデザイン&コーディングを担当いたしました。
「2025年度グッドデザイン賞」を受賞
ASSIGNMENT
課題
当初はアトミックデザインによる コンポーネント作成のみの依頼でしたが、デザイナー不在のまま開発が進んでいたため、 デザインガイドラインが未整備で直感的な操作性等が確保されていない状態でした。
APPROACH
取り組み
マネージャー・開発エンジニアと連携しながら仕様・設計の見直しを並行し画面設計を兼ねたデザインの改善を実施。また競合サービスの調査・比較検討を行い、差別化ポイントを明確化。 ターゲットの見直し、カスタマージャーニー等の作成。複数のデザインパターンとトーン&マナーのサンプルを提案し、ステークホルダーと合意形成のうえ デザイン方向性を決定し制作を進めました。
工夫した点
ユーザビリティ・アクセシビリティを考慮し、長時間閲覧しても負担のない親しみやすく柔中な印象になるように仕上げました。
配色はコントラストチェックを実施した上でブランディングしたものに決定。
文言の統一化とガイドラインの作成。 各パーツは再利用性を高めるためReact(Joy UI)をベースにカスタマイズし使用できるよう、Figmaにてコンポーネントを作成。開発効率と一貫性を両立しました。
システムは随時アップデートされ、将来的にはAI機能の実装とテーマの変更でダークモードへの切り替え等が選択可能になります。
RESULT
成果
リリースまでの2ヶ月間で300画面以上のデザインが完成
マニュアルとタスクを一体化した シンプルなUI/UXを設計することで、 システムに不慣れなユーザーでも即戦力化が可能に。「OJTなしで新人が自走できた」「進捗や抜け漏れが一目で確認できるようになった」「UIが優しく業務タスクをスムーズに進められる」 といったユーザーの声につながりました。
デザインの力で属人化解消と業務効率化に貢献し「2025年度グッドデザイン賞」を受賞しました。
