複雑で緻密な構造に相反するシンプルな操作性と癒しのデザインは、会社の仕事を体現する――NRIデータiテック株式会社
NRIデータiテック株式会社は、野村総合研究所のグループ企業の中でも、システムやソフトウェアを動かす基盤となる「ITインフラ」の分野に特化した企業です。その採用サイトは公式ホームページと一体化しており、サイトを開くと、パステルカラーのなんとも可愛らしいアニメーションが始まります。そんなNRIデータiテック株式会社の公式ホームページについて、今回も喜八屋の若手社員ふたりがゆるりとディスカッションを行いました。
【NRIデータiテック株式会社】
2001年、NRIデータサービスの子会社として設立し、2006年、野村総合研究所(NRI)の直接傘下に。東京・神奈川・大阪・札幌の4つの事業所を有する。NRIのグループ企業の中でもITインフラ分野に特化しており、インフラ構築における全てのフェーズをワンストップで対応するスペシャリスト集団である。社員教育や福利厚生などのサポート体制も充実しており、社員の定着率が比較的高いことも特長のひとつである。
まるでおもちゃ箱。緻密なつくりと遊び心満載のサイトには、
想像力と創造力を刺激するヒントがたくさん詰まっていた。
サイトを開いた瞬間、思わず「わあ！」と声が出てしまったという、喜八屋の若手社員ふたり。それもそのはず、クリックした瞬間画面に広がるのは、まるでおもちゃ箱のようなかわいらしいイラストが細やかに動くアニメーションなのです。随所につくり手の工夫が感じられる遊び心満載のサイトに、喜八屋のふたりもたくさんのワクワクと刺激をもらいました。スクロールをする手が止まらない、ずっと見ていたくなるようなホームページについて楽しそうに語り合う「つくり手」たちの会話を、ぜひお楽しみください。
開いた瞬間に、思わず感嘆符が出てきてしまうTOPページ。
「見ていたくなるサイト」かどうかは、第一印象で決まる。
第一印象としては、まずサイトを開いてすぐに流れるこのアニメーションにびっくりしました！
建物が組み立っていく様子が流れていて、その後もパーツごとに小さい動きがあって、見ていたくなるサイトだなと思いました。
私も岡部さんとまったく同じです。
さっきふたりで一緒にこのサイトを開いた瞬間に「わあ！」となって(笑)。
すごくかわいいし、これは参考になるサイトだなって、一瞬でわかりました。岡部さんが言うように、見ていたくなるサイトですよね。
建物が上からどんどん組み立っていくから、自然とスクロールしたくなっちゃう。
ですよね！ずっと見ていたくなる。
「当たり前を支え続ける」というコピーに対しても、イラストのイメージが合っていていいなと思いました。
「HELLO TOMOLLOW」の文字にもこだわりを感じます。
ね！あと、なんでこんなにいっぱい動物がいるのかも気になる。
ぞう多めだね(笑)！
ほんとですよね！ぞう多め(笑)。
追尾ボタンの場所ひとつ取っても、その目的が伝わる動線に。
構成の緻密さは、読み手への伝わりやすさに直結する。
構成面で私が気になったのは、右下の追尾ボタン。
採用サイトって「ENTRY」のボタンを追尾ボタンにしがちですよね。でも、エントリーをすぐにする人は実際あまりいないと思うんです。
そんな中で、このサイトでは「社員紹介特設ページ」を目につく場所に置いているので「人」に着目しているんだなとわかります。
「会社の一番の資産は人間です」と書いてあるんだけど、まさにその感じが伝わるというか。
たしかに！追尾ボタンが「ENTRY」じゃないですね。
ENTRYが見当たらないというか。
なんというか、圧がないですよね(笑)。
「人」の部分をちゃんと見せてから、エントリーしてもらう感じがいいですね。
ね！ENTRYボタン、どこにあるんだろう？
……あ、あった。これだ！すごい！
ほんとだ！すごい！
これは……なかなかこのつくりにはできないかも(笑)。
なんだか「システム会社」って感じがします。このサイトのつくりだけ見ても、ちゃんとデータとか管理してくれそう(笑)。
それからTOPページは、構成面についても面白いなと思いました。
ファーストビュー下部のいろいろな情報が載っている部分は、意外とシンプルでわかりやすい。
セクションごとに色分けされているので、内容ごとのまとまりがありますね。
下層ページもはじめて見る構成で面白いです。
番号の吹き出しの部分を押すと、ページが切り替わる仕様になっているんですよね。
「STUDY」の部分は、吹き出しを押すとそこがアンカーリンクになっていて、下に飛ぶ仕様になっています。
これはどうしてそういうつくりにしたのかな？って気になりました。
うわ〜、これはすごいね。ここから別のページに飛ぶってめずらしい。
あ！見つけちゃった。ここからも飛べるんだね！
右下のボタンのところ。
そうなんです！
でも逆に「STUDY」の部分は、右下にボタンがなかったんです。
もしかしたら、ちゃんと最後まで読んでもらおうとする目的があるのかな？
かもしれないね。まとめ方がすごい！
つくる側は複雑でも、操作する側はシンプルで簡単に。
会社の仕事を体現したような「いいサイト」がここにある。
では、全体のデザインについて気になったところです！
私はとにかくたくさんイラストが使われているのを見て「デザイナーさん大変だったんじゃないかな……」とつくる側の気持ちになっちゃいました(笑)。
オリジナルのイラストもたくさんあるだろうから、本当にすごいです。
ね！この辺のロボットのイラストとかきっと、オリジナルだよね。
すごいね。
うんうん。時間がかかっていそうだな〜って思います！
あとはページの構成についてもそうなんですが、デザインからも会社独自の感性が伝わってくるなと思います。会社の雰囲気というか。
このカバとかね(笑)。
なんでここにカバを出し入れしようと思ったのか(笑)！
遊び心がいいよね。
カバの出し入れ、ほんとに(笑)！楽しそうな雰囲気が伝わってきます。
私も岡部さんと一緒で、全体的に柔らかい色で親しみやすい雰囲気だけど、ロボットやドローンがいてITっぽさやテクノロジーっぽさを感じるのが面白いなと思います。
VRGOをしているイラストもあって、近未来的な感じも入っていてすごくこだわっていますよね。
あと、テキストを読んでいると絵本っぽいというか、物語っぽい感じがあって、読み進めたくなるので素敵だなと思いました。
うんうん！文章がイラストの雰囲気と合っていますよね。
では、その他気になったところについて！
私はさっき岡部さんが言ってくれた、下層ページへの飛び方です。
なんでこのつくりにしたんだろう？というのがすごく不思議に思いました。
制作していると頭が混乱してしまいそうなのに、うまくまとまっている。
ヘッダーやファーストビュー、ボタンのように、いろいろな角度からちゃんと見てもらえるようにできているのがすごいなと思いました。
つくる側が混乱しちゃいそうですよね！
すごいな〜、本当に。
私が気になったところは、さっき横浜さんがおっしゃっていた、一番下のカバさんが可愛いなと(笑)。なんで？って思いました(笑)。
ね！どこかに答えが載っているのかな？
私たちは動物好きです！みたいな(笑)。
ね！(笑)
あと、ナビゲーターのテッくんというキャラクターがいて、それもいいなと思いました。会話形式になっていて、キャラクターの使い方が上手だなって。
「癒し」がたくさんあるサイトだなと思いました。
写真があまり使われていないのに閉塞感がなくて、冷たい印象もないのがすごいです。
うんうん！人物写真が載っているページもあるけれど、そこ以外は写真が少なくて、人物写真はゼロ。
でも、そのイラストも実在する社員さんに寄せたのかな？って思えるんですよね。
写真で顔を映したくないと言う人もいるだろうから、うまくイラストを使って「人」がちゃんといる感じを出せるのがすごいなと思いました。
ですよね！このイラスト、つくっているんですかね？
アイデアも必要になりますし、本当にすごいなと思います。
うんうん。こういう写真、実際に撮ったりするよね！
凝ってるな〜。
もうなんというか、全ページ参考になりすぎて、まとめるのがむずかしいです(笑)。
はじめて見る構成も多くて、これからの制作のどこかで絶対に活かせるなと思いました。
イラストの使い方や色づかいもいいですよね。いろんな色を使っているのにまとまりや統一感があるところも、すごく勉強になりました。
ほんとにね〜。きれいだね。これはちょっと、真似できるのかな？っていうレベルだね(笑)。
でも、できるところからぜひ、参考にさせてもらいましょう！
はい！そうしましょう！
すごくいいサイトでした！
