Silverlight をインストールするには、ここをクリックします*
Japan変更|すべてのMicrosoft のサイト|サインイン
MSDN*
マイクロソフト サイトの検索:
|MSDN ライブラリ|デベロッパー センター|ダウンロード情報|開発ツール製品|コミュニティ|ご意見・ご要望|サイトマップ

The Next Web Now - BEHIND THE SCENE

UNIVERSITY READY PARTNER BEHIND THE SCENE
掲載日: 2008/3/3

ブリヂストンソフトウェア株式会社
「Special Recruiting Contents」

URL http://www.bsw.co.jp/recruit/web_app/RecruitingContents.html

ブリヂストンソフトウェア Special Recruiting Contents
ブリヂストンソフトウェア
Special Recruiting Contents

WPF で Web サイトを刷新
 〜温かい社風をビジュアルに伝える〜

ブリヂストンソフトウェア株式会社 (以下、 BSW) は、 Windows Presentation Foundation (WPF) を活用して同社 Web サイトの人材採用コンテンツをリニューアルした。その狙いは何なのか。また、制作の課程における苦労話やマイクロソフトに寄せる今後の期待をプロジェクトにかかわったメンバーに語ってもらった。

 採用コンテンツ制作の狙い

ブリヂストンソフトウェア株式会社 代表取締役社長 古屋 隆幸氏
ブリヂストンソフトウェア株式会社
代表取締役社長 古屋 隆幸氏
株式会社セカンドファクトリー Design & Development Group XD & Consulting マネージャー / Experience Designer 有馬 正人氏(左)、Experience Designer 中山 多恵氏(右)
株式会社セカンドファクトリー
Design & Development Group XD & Consulting マネージャー / Experience Designer 有馬 正人氏(左)、Experience Designer
中山 多恵氏(右)
ブリヂストンソフトウェア株式会社 業務部 総務課 主任部員 立澤 勉氏(左)、取締役 品質保証部長 飯山 徹氏(右)
ブリヂストンソフトウェア株式会社
業務部 総務課 主任部員 立澤 勉氏(左)、取締役 品質保証部長 飯山 徹氏(右)

(敬称略)

古屋: Web サイトをリニューアルした目的は、学生をはじめ、さまざまな人に当社の雰囲気を伝え、少しでも興味を持ってもらうことにありました。

立澤: コンテンツは 3 つあり、「SE の 1 日に密着」 「社員の本音! BSW 白書」 「新入社員が語る 1 年間の成長記録」 です。

崎口: 新入社員にアンケートを取った結果、四角と濃いグリーンを基調にしている Web サイトのデザインから、彼らが、“堅い会社” “真面目な会社” というイメージを受けていることが分かりました。新しいコンテンツでは、そんなイメージを和らげようとコメントも話し言葉調にしました。社長に怒られるんじゃないかなと思ったりもしましたけれど。

古屋: 仕上がり全体にすごく満足しているから大丈夫だよ。でも、途中で見ていたら怒ったかもしれないな (笑)

小林: WPF を活用することで、テキストや静止画はもちろん、動画やアニメーションも扱えるようになって、できることの幅が広がりました。

飯山: 技術を生かすも殺すもアイデア次第ですからね。その面で、セカンドファクトリーさんにお世話になりました。

有馬 (セカンドファクトリー、以下セ社) : BSW 設立 20 周年の記念ビデオやお花見の写真を見せていただいたり、社員の方々にインタビューさせていただいたりしたのですが、皆さんの明るい表情がとても印象的でした。また、インタビューでは皆さん会社の明るい雰囲気を伝えたいとおっしゃっていましたので、ムービーやアニメーションを駆使して “社風” を伝えるアプローチを採用しました。

中山 (セ社) : デザインをいくつか提案させていただきましたが、動きの部分を伝えるのが難しいので、模型を作って手で動かして説明をしました。チーム内でこういったイメージを共有することも制作の重要なプロセスですから。

山下: それに加えて、教育に力を入れていることも伝えてほしいと要望しました。 1 年間の成長記録はそこから生まれたアイデアなんですよ。

飯山: ところで、登場する 24 人はどうやって選んだの?

山下: 部門、年齢、男女、職種に分けて、社員のバランスを考えて・・・。

古屋: あと、山下さんの言うことを忠実に聞く社員ね。

一同: (笑)

山下: そんなことないですから! 取材を受けてくれる社員が恥ずかしがってしまうので、話しやすい雰囲気作りと周囲の社員への配慮には気をつけました。

崎口: できることが多くなったから、以前に比べてコンテンツ集めに苦労しましたよね。これまでは写真数枚とコメントを載せていたのが、動画になると撮り直しも出てきてしまいますから。


プロジェクトの過程において、サイトの動きを伝えるために作成された模型。 完成されたサイト。 新人 SE とベテラン SE の一日が、左右に分けて表現されている。 一緒に参加するミーティングやランチなどは、左右の項目が寄ってきて重なり合う。
プロジェクトの過程において、サイトの動きを伝えるために作成された模型。 完成されたサイト。 新人 SE とベテラン SE の一日が、左右に分けて表現されている。 一緒に参加するミーティングやランチなどは、左右の項目が寄ってきて重なり合う。

 的確なサポートで導入作業が加速

ブリヂストンソフトウェア株式会社 業務部 総務課 山下 弥生氏(左)、システム開発本部 ERP 推進部 SAPCO 課 崎口 飛勇氏(中)、システム開発本部 技術システム課長 小林 徹氏(右)
ブリヂストンソフトウェア株式会社
業務部 総務課 山下 弥生氏 (左)、
システム開発本部 ERP 推進部 SAPCO 課 崎口 飛勇氏 (中)、
システム開発本部 技術システム課長 小林 徹氏(右)
株式会社セカンドファクトリー Design & Development Group Interaction Design & Development リーダー / Interaction Developer 斎藤 栄二氏
株式会社セカンドファクトリー
Design & Development Group Interaction Design & Development リーダー / Interaction Developer
斎藤 栄二氏

崎口: 開発期間は短かったですよ。 2 月下旬にプロジェクトを開始して、 7 月初頭に第 1 弾の公開、 11 月半ばに完全公開しました。

立澤: 実装面では、セカンドファクトリーさんにプロトタイプを作ってもらいましたね。

斎藤 (セ社) : そうですね。期間もあまり取れなかったので、スキルを移行し、スムーズに作業を再開できるようにプログラムを組みました。成果物はチュートリアルと一緒にお渡ししました。

小林: デザインツールの Expression Blend を初めて使ったので、慣れるまでは苦労しました。 Visual Studio とうまく融合させるところは教えていただけないとできなかった部分。親和性が高いので違和感はなかったです。

崎口: Expression Blend にはタイムラインの機能があり、アニメーションの処理を時間軸で表して、画像や文字などの表示を変化させることができるので、面白いものを作れますよね。

有馬 (セ社) : 実は、前面が半透明になったときの背景をどうするのかと齋藤から指摘を受けたんですよ。

斎藤 (セ社) : 見る人に最も自然に見せることを重視した結果、背景のすべてが見えていなくても、前面と背景を連動させて動かした方が良いだろうと。技術が進化して表現しやすくなったにもかかわらず、訪問者が見づらいから見ないということになってしまうと本末転倒ですから。

山下: 確かに盲点ですよね。実際にコンテンツを見た社員は、作り手になりたかったと言っていましたよ。

崎口: プログラムの細かな調整をはじめ、コンテンツのはめ込みや XAML の編集など、あまり苦労せずにできました。開発作業は少人数で行いましたので、次回は作り手の数を増やして、さらに突っ込んでやりたいですね。

古屋: リクルートに向けた素晴らしいツールが出来たと思いますよ。マイクロソフトさんのサポートに感謝しています。

社員に対して行ったアンケートとその回答を見ることができる「社員の本音! BSW 白書」の画面。 答えを確認すると、選んだ回答の枠内に社員の写真が移動する。 それぞれの写真をクリックすると、その社員のインタビュー動画が流れる。
社員に対して行ったアンケートとその回答を見ることができる 「社員の本音! BSW 白書」 の画面。 答えを確認すると、選んだ回答の枠内に社員の写真が移動する。 それぞれの写真をクリックすると、その社員のインタビュー動画が流れる。

 HTML ページと WPF を融合した新サイトを

山下: さて、来年は HTML ページを改訂する時期です。

飯山: WPF で作成した動的な世界と、 HTML で作った静的な世界をうまく融合させることが来年の課題ですね。

立澤: HTML ベースのコンテンツも必要です。すべてを WPF でやってしまうと、古い PC を持っている人が見られませんから。

崎口: そういう面では、それほど性能の高くない PC でもコンテンツを見られるように、動画のサイズを調整することも必要かもしれません。

古屋: 画像の差し替えは簡単にできる様なので、採用コンテンツは毎年旬な人を登場させ更新してもうらことにします。

飯山: あと、オフィスが新しくなったこともアピールしたいです。 2 階はグリーン、 3 階はブルーを基調にしてドアやデスク周りを統一しました。先進性と洗練された IT 会社というイメージを打ち出したいです。

山下: バーチャル オフィス ツアーのようなこともできそうですね。

崎口: 遊びながら見てもらう仕組みがあればいいですね! 楽しみながら当社のことを知ってもらえれば理想です。

古屋: セカンドファクトリーさん、マイクロソフトさん、新しいコンセプトが出てきたらまた相談に乗ってくださいね。期待しています。

-- 本日はありがとうございました。

本ケース スタディに記載された情報は初掲載時のものであり、閲覧される時点では変更されている可能性があることをご了承ください。
本ケース スタディは情報提供のみを目的としています。 Microsoft は、明示的または暗示的を問わず、本書にいかなる保証も与えるものではありません。

BEHIND THE SCENE へ戻る

関連情報へのショートカット


Microsoft