ミネベア株式会社様　Webサイト制作実績紹介　Webサイト構築

ミネベア株式会社様

ミネベア株式会社様は、極小・小径ボールベアリングで世界一のシェアを誇る精密部品のトップメーカーです。主力製品であるベアリングに加え、オフィスや家庭の情報通信機器や電化製品、自動車の機器類など、生活のあらゆるシーンで数多く使用されている小型モーターや、電子機器用部品等を生産しています。また、日本、タイ、中国、シンガポール、欧米など世界中に製造・販売拠点を持ち、世界有数の高い技術力で市場をリードしているグローバル企業です。

リニューアルの目的

ミネベア株式会社様は、2～3年ごとにWebサイトを全面的にリニューアルし、Webを通したブランディング強化や企業PRを積極的に実施しています。前回のリニューアルでは、膨大な量のコンテンツを一元管理するCMSの導入を実現しました。
今回のリニューアルでは、CMSによるサイト構造を大きく変えずに、デザインの刷新とユーザビリティの強化を目的として、デザイン、FLASH制作およびテンプレートコーディングのご依頼をいただきました。
一般的に、CMS化されたサイトのデザインは単調で他社と似通ってしまいがちですが、CMSを意識させない斬新なデザインを取り入れることが、リニューアルの大きなポイントでした。

ご提案

Web制作会社数社による提案コンペで、当社は以下4点のポイントを中心に、それぞれ具体的な実施事項を企画・提案し、ご発注いただきました。

1. デザインの一新

同業他社との「差別化」を図り、印象に残るビジュアルを取り入れる
企業像がイメージできるデザインで、ブランディングを強化する

2. ユーザビリティ（使いやすさ）の向上

利用しやすく分かりやすいサイトで、目的の情報をスムーズに探せる
レイアウトやアイコン等のルールを統一する

3. Web 標準に準拠したコーディング

文章構造とデザイン要素を分離した制作手法によって、アクセシビリティの向上につなげる

4. 会社案内ビデオ等メディアの活用

閲覧率を上げ、知名度や企業イメージの向上をはかる

デザイン

ミネベア株式会社様は、世界に誇る技術力をお持ちですが、その技術力に満足することなく原点に立ち返り、新たな技術開発に挑まれています。そのような企業イメージをいかに訴求するかが、今回のデザイン制作のポイントでした。デザイン対する高いご期待にお応えするため、当社デザイナー総動員で数パターンのデザインを作成し、その中から1 案をご採用いただきました。

1. トップページデザイン

背景に奥行を持たせたレイアウトで、同業他社との差別化を図った斬新なデザインを取り入れました。製品が太陽光線に照らされ、地球と共にうかび上がるFLASHアニメーションで、壮大な存在感を表現。世界トップシェアである技術力やものづくりの精神を、訪れた方に深く印象づけています。

2. カテゴリトップページデザイン

大量の情報を掲載しつつも、探したい情報を即座に見つけられる、分かりやすい情報設計としました。左メニューのナビゲーションルールやリンクアイコンの統一など、細部にまで配慮したデザインで、訪れた方が迷うことなく、サイトを利用できるようにしました。

3. コンテンツページデザイン

見出しのデザインをサイト内で統一し、各ページの文章構造が分かりやすいよう配慮しました。文字サイズや余白・行間等にもこだわったり、ビジュアル要素を多めに取り入れたりと、文章が長くても読みやすい構造にしました。

ユーザビリティ

細部までユーザビリティにこだわり、訪問者の利便性を高めることがポイントでした。特にIRサイトは、幾つかのIR関係の賞を受賞されていますが、今後も継続的な受賞のために、さらなる品質向上が必須でした。

1. ナビゲーションの操作、構造

ナビゲーションの位置や、文字の大きさ、表示ルールを統一し、サイト内で迷うことがないよう配慮しました。IRサイトは、ページ数が多く複雑な構造となっていましたが、ナビゲーションを統一させるために階層構造の変更をご提案し、採用いただきました。

2. リンク部分

以下のように、文字の上以外の場所でも、メニューの一部であればクリックできるようにし、クリック範囲を広く設定しています。クリックできることが明確にわかるよう、マウスを重ねた際に色を変化させています。

3. 表現ルールの統一（アイコンなど）

別ウィンドウが開く場合のリンクや、PDFへのリンク等、利用状況が直感的にわかるアイコンをつけ、サイト全体で統一しました。

そのほか、以下のような施策を取り入れ、ユーザビリティを向上させています。

音声ブラウザ用ナビゲーションの設置
ぱんくずナビゲーションの設置
文字サイズの可変対応
印刷対応（印刷用CSSの設定）
FLASH非表示環境の閲覧を考慮

Web標準

画像：スタイルシート無効環境での表示さまざまな閲覧環境でも等しく情報を得られることを目的として、昨今の主流であるWeb標準に準拠したコーディングを実施しました。
CMSを導入している場合、さまざまな影響によって、Web標準化が難しい場合もありますが、今回ミネベア株式会社様の多大なご協力により、CMSへの組み込みが可能となりました。

会社案内ビデオのFLASHムービー

会社案内ビデオの閲覧率を高めるため、トップページに、ダイジェスト版（10秒程度）を掲載し、クリックを促しています。7分30秒あるビデオをチャプターごとに分割し、好きなところから再生できるFLASH インターフェースを取り入れました。

このたびの当社サイトのリニューアルにあたっては、「ものづくりと技術力のミネベア」というイメージを前面に出すことをコンセプトに、オリジナリティのあるトップページへのデザイン刷新が大きな目的でした。それと同時に、テクニカルな視点からのユーザビリティの改善や、最近のトレンドを踏まえたサイト構築に向けて専門的なアドバイスを求めていました。

NTTデータビジネスブレインズ様は、当社の要望に対して的確な提案をしてくださっただけではなく、全ての作業工程において迅速かつ正確に対応してくださいました。厳しいスケジュールにもかかわらずスタッフの皆様にご尽力いただき、お陰さまで希望していたスケジュールどおりにリニューアルを果たすことができました。
特に、当社の担当をしてくださった阪根様は、細かいリクエストにも常に丁寧で迅速な対応をしてくださいました。阪根様の存在なしにはこのリニューアルは実現できなかったと、担当者一同より深く感謝申し上げます。

ミネベア株式会社
ホームページリニューアル担当者一同

サイト名	ミネベア株式会社様コーポレートサイト
公開日	2008年9月
URL	http://www.minebea.co.jp/
制作対象	デザイン、テンプレートコーディング、FLASH ［日本語サイト / 英語サイト / 中国語サイト（一部）］
技術的な要素	XHTML＋CSS、FLASH、Javascript