社内ポータル＋Webサイトリニューアル
散在する社内情報を一元管理し、検索時間を90%削減。
部門間連携を効率化したプロジェクト実績。
Project Overview
プロジェクト概要詳細クライアント
工業用精密部品メーカー
従業員 500名、年商 80億円
実施期間
2024年4月〜2024年9月
計6ヶ月間のプロジェクト
チーム構成
合計 6名
PM、ディレクター、BE(2)、FE(1)、QA
主な成果
検索時間 90%削減
情報共有コスト 40%減
対応範囲
- 既存Webサイトの全面リニューアル: デザイン刷新、モバイル対応、SEO強化
- 社内ポータルシステムの設計・構築: 情報アーキテクチャ設計から実装まで
- ユーザー教育・マニュアル作成: オンボーディング動画制作、研修会実施
- データ移行: 旧ファイルサーバーからのドキュメント移行とOCR処理
使用技術スタック
Next.js 14, TypeScript, Tailwind CSS, React Query
Node.js, Express.js, GraphQL
AWS (EC2, RDS, S3), PostgreSQL 15
OAuth 2.0, SAML, Elasticsearch
Project Background
旧システムでは対応困難だった「リアルタイムな情報共有」「スピード感のある経営判断」を実現することが本案件の最大の目的でした。
散在する情報源
- 複数のファイルサーバーに資料が点在
- 紙台帳とメール添付が業務の主流
- 情報検索に平均30分を浪費
- 新入社員が情報の在処を把握できない
統一情報プラットフォーム
- クラウドでの中央集約型管理
- 全文検索で即座にアクセス可能
- バージョン管理で常に最新情報を共有
- 部門別のアクセス権限でセキュリティ確保
Introduction Challenges
導入前の詳細な課題分析
情報が点在している
営業資料、製造ガイド、過去の契約書などが複数のサーバーや個人PCに散らばっており、見つけるのに平均30分かかっていました。新入社員がどこに何があるか把握できず、教育コストも増大していました。
➜ 経営判断の遅れ、業務効率低下
部門連携が断裂
メール添付でのやり取りが主流で、「どれが最新版か」が不明確。営業と製造で同じ資料を二重に作成するなど、月80時間相当の無駄が発生していました。誰が何を承認したかの追跡も困難でした。
➜ コスト損失 月約40万円相当
Webサイトの老朽化
5年前のデザインでモバイル未対応。表示速度も遅く（4.2秒）、SEO評価が低迷していました。CMS管理画面が複雑で、更新のたびに外部業者への依頼が必要で、タイムリーな情報発信ができていませんでした。
➜ 機会損失、ブランドイメージ低下
経営の可視化不足
各部門の進捗状況をリアルタイムで把握する手段がなく、経営判断に必要なデータへのアクセスが困難でした。コンプライアンス対応や監査にも膨大な時間がかかっていました。
➜ ガバナンスリスク、意思決定遅延
Solution & Approach
実施した施策と5段階の実装アプローチ
情報アーキテクチャ設計
Month 1-2クライアント内でワークショップを開催し、営業・製造・経営層など主要ユーザーへのインタビューを実施。30種類のコンテンツタイプを定義し、部門横断的な情報フローと検索ロジックを再設計しました。
- ユーザーインタビュー（計15名）
- ペルソナ・ジャーニーマップ策定
- 情報分類体系の再構築
UI/UX設計 & プロトタイピング
Month 2-3高齢層の従業員にも配慮したアクセシビリティ設計を実施。文字サイズ調整機能や直感的なナビゲーションを採用し、プロトタイプを用いたユーザーテストで操作性を検証・改善しました。
バックエンド開発 & データ移行
Month 2-4GraphQL APIの設計と、既存ファイルサーバーからの10,000件以上のドキュメント移行。紙資料はOCRでデジタル化。SAML認証によるActive Directory連携で、堅牢なセキュリティ基盤を構築しました。
フロントエンド開発
Month 3-5Next.js 14 と Elasticsearch を統合し、高速な全文検索UIを実装。画像のWebP化やCDN配信により、ページ読み込み速度を0.8秒まで短縮しました。
ユーザー教育 & ロールアウト
Month 5-6部門別の集中トレーニング（計4回）、動画マニュアルの提供、専任ヘルプデスクの設置を実施。導入1ヶ月後には理解度95%を達成し、スムーズな定着を支援しました。
Results & Impact
検索時間の削減
90%
DOWN
30分 → 3分に短縮。
年間400時間の業務削減を実現。
コスト削減効果
40%
COST CUT
メール添付廃止と自動化により、
情報共有コストを大幅削減。
表示速度改善
0.8s
FAST (Prev 4.2s)
Core Web Vitals 全てGood。
検索順位も大幅上昇。
ユーザー満足度
「直感的で分かりやすい」という評価が85%。新入社員の教育時間が50%短縮されました。
経営への貢献
経営ダッシュボードの導入により、各部門の進捗をリアルタイムで可視化。意思決定のスピードが向上しました。
"今までは月末までデータが揃わなかったが、今はリアルタイムで把握でき、機動的な経営判断が可能になった"
— クライアント企業 CFO
Tech & Innovation
Elasticsearchによる高速検索、SAML認証による堅牢なセキュリティ、そして高齢従業員にも配慮したアクセシビリティ設計。技術力とUXデザインの融合が、このプロジェクトの成功の鍵でした。
検索精度の工夫
Elasticsearchの日本語形態素解析（Kuromoji）を使用し、タイトル・本文・タグの重み付けを最適化。ユーザーの検索意図を推測し、関連キーワードを自動提案する機能を実装しました。
セキュリティ対策
既存のActive DirectoryとSAML認証で連携。部門別・権限レベル別のアクセス制御を実装し、すべての操作ログを暗号化して記録することで、コンプライアンス要件を満たしました。
アクセシビリティ対応
WCAG 2.1 AA準拠。スクリーンリーダー対応やキーボード操作対応に加え、高齢従業員向けに文字サイズ調整機能を標準実装しました。
Client Voice
「紙ベースで時間がかかっていた業務が大幅に改善されました。特に検索機能が優れており、若い社員でも年配の社員でも迷わずに必要な情報を見つけられています。導入当初は『デジタルツールが苦手』という声が多かったのですが、当社が提供したオンボーディング動画とヘルプデスクのおかげで、スムーズに運用できています。このシステムなしには、今の業務フローは成り立たなくなっています。」
情報システム部長
工業用部品メーカー
波及効果と今後の展開
組織内での波及効果
-
部門間連携の円滑化 営業と製造部門の協業プロジェクトがスピードアップ。
-
経営判断の高速化 月次レポート作成時間が80%短縮され、迅速な意思決定が可能に。
今後の予定
-
1AIドキュメント分類 AIを活用した自動タグ付け・分類機能の追加を検討中。
-
2モバイルアプリ開発 iOS/Android版の開発により、現場からのアクセスをさらに容易に。