{ "title": "UIデザイン設計を行い、スクラッチ開発したCMSで業務効率化に貢献", "clientName": "電通", "productLinks": [ { "url": "https://dentsu-ho.com/", "buttonText": "Website" } ], "slug": "dentsu", "tags": [ "情報設計", "UIデザイン", "Webサイト開発" ], "industry": "広告・情報通信サービス", "headerBanner": "https://cdn.builder.io/api/v1/image/assets%2Ffb3ccc876dd442c6ae31d776377e35db%2F7b4c1cdce5e04b9489d6bc756a984b41", "featuredImage": "https://cdn.builder.io/api/v1/image/assets%2Ffb3ccc876dd442c6ae31d776377e35db%2Fa60c1c2627c245b19cba5d63348e718a", "overview": "コミュニケーション領域に関するトピックや広告業界の最新動向などを中心に情報提供する電通グループのオウンドメディア。\n\n弊社ではリニューアルを担当しました。電通社員だけでなく同じ課題を抱えた同業他社へのリーチも目指しています。", "content2": "

結果

デザインについて、クライアントとコンセンサスを取りながら、今のトレンドにあったUI にすることにより、シンプルでユーザーファーストのデザインを実現しました。

また、CMSをスクラッチ開発することにより、以前のCMSと比較しながら運用チームの業務効率化を図ることができました。

", "seo": { "title": "UIデザイン設計を行い、スクラッチ開発したCMSで業務効率化に貢献", "description": "コミュニケーション領域に関するトピックや広告業界の最新動向などを中心に情報提供する電通グループのオウンドメディア。 弊社ではリニューアルを担当しました。電通社員だけでなく同じ課題を抱えた同業他社へのリーチも目指しています。" }, "content": "

課題

プロジェクト開始当時、初回リリースから3 年ほど経過しており、「既存サイトでは今のトレンドに合わない」「過去の記事が探しにくい」といった UI デザインの改善が課題になっていました。

また、CMS（コンテンツ管理システム）に関しても、「スクラッチ開発とオープンソース開発のどちらが最適か」の判断が難しい状況にあり、リニューアル後にクライアントの運用チームがより効率的に作業できる開発手法の提案が求められていました。

　

ソリューション

モンスターラボの強みでもある開発言語「Ruby」によって旧 CMS は開発されていたため、保守運用まで手厚くサポートができることを考慮して、フルスクラッチ開発を提案しました。また、ブランドイメージを崩さずにリニューアルを行えるよう、初期 Web サイト当時のデザインコンセプトをクライアントから共有していただくことが重要でした。

記事のカテゴリ分類機能を新たに導入し、著者の顔が見える記事構成やフォントは踏襲するなど、細部までこだわりました。

　

", "overviewTitle": "オウンドメディア『ウェブ電通報』", "publishedDate": 1573179660000, "site": "jp_ja", "servicesUsed": [ "デジタルプロダクトデザイン", "デジタルプロダクト開発" ] }