Beeworks Thoughtful design

日立産機システム コーポレートサイト

株式会社 日立産機システム様のコーポレートサイトリニューアルを担当しました。

Client

株式会社 日立産機システム 様

Role

要件定義 / コンセプト開発 / プロジェクトマネジメント / 情報設計 / デザイン / コーディング / ライティング

課題

日立産機システム様は、事業がグローバルに拡大している状況にあわせ、各種コミュニケーションツールのデザイン刷新が必要と考えていました。そのメインとなるプラットフォームとして、コーポレートサイトのリニューアルをご相談いただきました。

施策

プロジェクトの進め方のご提案や、情報設計、デザイン、コーディングなど、リニューアルの工程を一貫して対応しました。デザインコンセプトを開発するためのアンケート作成や、社内の意思決定をサポートするための資料作成もご支援しました。また、運用やWebアクセシビリティにも配慮して制作しています。

社内アンケートをもとにデザインコンセプトを開発

デザイン刷新にあたり「日立産機システムが目指す姿」を浮かび上がらせるためのアンケートを作成し、ご提案しました。複数のキーワードから未来のなりたい姿を選んでいただき、結果をもとにプロジェクトチームで4つの言葉に集約し、表現したいイメージを固めました。社内の意見を取り入れるとともに、納得感のある共通言語を持った状態で制作に進むことができました。
また、社内の意思決定を円滑にするため、デザインの要素がブランドの印象をどのように左右するかをわかりやすく解説した補足資料も作成しました。

コンセプト開発資料の例
実際のデザイン(2024年11月時点)

製品画像については、既存の素材にはパースや解像度が異なるものもあり、jpgや3Dデータなどファイル形式もさまざまでしたが、可能な限り統一感が出るよう調整しました。

運用しやすさやWebアクセシビリティにも配慮

お知らせ情報や製品の絞り込み表示など、更新を伴う情報は外部データを利用して、HTMLを直接触らずに更新できるようにしています。その他、適宜パーツの共通化や自動生成も実装し、運用負荷を軽減しています。

Webアクセシビリティへの対応については、ビーワークス独自のチェックリストを活用し、今回のリニューアルで目指す範囲をすりあわせた上で、すべての工程で配慮して制作しました。

参考:Webアクセシビリティ推進への取り組み。ガイドライン理解からクライアントワークの活用まで

ビーワークス独自のチェックリスト

公開日:2024/11/27

当ページに掲載の内容について、一切の転載を禁止いたします。

関連実績

Related works

関連ケーススタディ

Related case studies

株式会社日立製作所

顧客に寄り添う提案と着実なプロジェクトマネジメントで「伝わる」ページへとリニューアル
  • Webサイトリニューアル
  • プロジェクトマネジメント
  • Webアクセシビリティ
  • BtoB