日本エヌ・ユー・エス様
製造データ管理システムHistoHub UIデザイン及びフロントエンド開発
MT-planningでは、これまでも日揮グループ各社様よりデザインのご依頼をいただいてきました。
本案件では、日揮グループの日本エヌ・ユー・エス様(以下JANUS)が日揮株式会社様向けに開発するバイオ医薬品製造設備統合データ管理システムである「HistoHub®」の、UIデザイン及びフロントエンド開発を弊社が担当させていただきました。
MT-planningにご依頼いただいた理由
・デザインだけでなくフロントエンド開発の知識を持ち合わせたデザイナー
MT- planningでは、デザイナーがUIデザインだけではなくフロントエンド開発の知識も持ち合わせています。そのため、JANUS様がフロントエンド/バックエンドの役割分担を行いやすく、プロジェクト遂行上のコミュニケーションが取りやすいという理由で弊社にご依頼をいただきました。
お客様が抱えていた課題
・業務フローを変えずにデジタル化
HistoHubは、バイオ医薬品製造に使用される機器の製造記録データを統合管理するwebシステムです。多くのオペレーターや管理者が複雑な業務を遂行するため、従来の紙管理の業務フローの感覚をできる限りそのままにデジタル化することが求められました。
・コミュニケーションの円滑化
従来の紙での管理では、設備の稼働や進捗状況が分かりにくく、オペレーターが連携するためには複雑なコミュニケーションが必要でした。そのため、設備の稼働や進捗状況を可視化し、コミュニケーションを円滑にする機能の実現なども求められていました。
課題に対してMT-planningが提供したデザイン
・業務の理解と再構築
まずは業務の流れや、画面上で実現したいこと、専門用語等についてお客様からご説明いただくことで従来の業務フローを理解し、その後UIデザインに落とし込みます。
ユーザーの目線に立ち、操作方法に迷いがないか、できる限り少ないステップ数で目的を達成できるか、操作ミスは起きにくいかなどを確認しながら進めました。
・フロントエンドエンジニアとの連携
進行上の工夫としては、デザインの段階からフロントエンドエンジニアとも密にやり取りし実装方法を検討しておくことで、手戻りを少なくスピーディな開発を心がけました。



お客様の声
日揮株式会社 加藤様
ユーザーの曖昧な要求事項をデザイナー目線で具現化いただき、斬新なシステムを開発することができたと思います。例えば、HistoHub®の大まかな画面デザインコンセプトをお伝えしただけでユーザーのイメージを超えたスタイリッシュなデザインをご提案いただき、HistoHub®の出展先では毎回、特に画面デザインについて高評価をいただいています。
日本エヌ・ユー・エス 渡辺様
MT-planningは、UIデザインとフロントエンド開発の両方の技術を持ちあわせているため、開発を円滑に進めることができると感じています。また、ユーザー目線から使いやすいUIの提案やドメインの理解を自発的に行っていただけるため、安心して仕事をお任せできます。
制作者の声
営業/マーケティング
庄司千香
JANUS様にはエネルギーや医薬分野に大きく貢献する顧客が多く、協業を通してサステナブルな社会に向けて貢献できることをありがたく感じています。
また日常的な業務遂行においても共感の多いJANUS様とお仕事を共にできる安心感も魅力です。今後もMT-planningが貢献の範囲や度合いを高めていく体制づくりで末永くお役に立ちたいと考えています。
ディレクター・デザイナー
矢吹 惇
HistoHubは一度完成して終わりではなく、ユーザーとなる製薬メーカー各社の声を聞いて機能の追加や改善を行い、長い期間をかけてシステムを成長させていくプロジェクトです。
ここまで1つのプロダクトにじっくりと携わらせていただける事は多くないため、デザイナーとして大変貴重な経験を積ませていただきました。
デザイナー
髙波 稜
JANUS様には様々なご相談をいただいており、そのきっかけとなった案件がHistoHubのプロジェクトでした。ただ要望のままにUIデザインを起こすのでなく、お互いに議論を交わしながら進めることで、より良いものを作っていけている実感があります。
今後もこの連携でエンドユーザー様に喜ばれるシステムを開発していきたいと思います。
クライアント | 日本エヌ・ユー・エス株式会社 |
営業 | 庄司千香 Shoji, Chika |
デザイン | 矢吹惇 Yabuki, Jun 髙波稜 Takanami, Ryo |
UIデザイン、フロントエンド開発に関するお問合せは
エム・ティ・プランニング株式会社
UIデザイン担当まで
Tel:03-6456-2843
mail: info@mt-planning.com