日々、さまざまなサイトを研究しています。
弾ける、動く、心が躍る。クリエイティブは、体験から始まる――株式会社日本テレビアート様
株式会社日本テレビアートは、日本テレビの番組における美術制作をはじめ、グラフィックやWebデザインなど幅広いクリエイティブを手がける企業です。その採用サイトを開いてまず目に飛び込んでくるのは、ポップな色使いと、画面の中で弾けるような楽しい動き。明るく遊び心のある世界観からは、ものづくりに携わる会社ならではの「ワクワク感」が伝わってきます。一方、事業や職種の紹介はシンプルでわかりやすく、テレビ業界を詳しく知らない人にも親しみやすい設計が印象的です。そんな株式会社日本テレビアートの採用サイトについて、今回も喜八屋の若手社員ふたりが楽しくディスカッション。サイトの随所に散りばめられた「体験するクリエイティブ」を紐解いていきます。
【株式会社日本テレビアート】
日本テレビグループのクリエイティブ企業。テレビ番組における美術制作をはじめ、グラフィックデザインやWeb制作など、幅広いクリエイティブ領域を手がけている。さまざまな専門性を持つクリエイターが連携し、テレビの枠を超えた多彩なものづくりを展開している。
見るだけじゃない。触れるたび、心が動き出す。
サイトそのものが、クリエイティブの入口になる。
今回喜八屋のふたりが研究したのは、株式会社日本テレビアートの採用サイト。画面の中でパッと弾けるドットや、くるっと裏返るカード、クリックするとじわじわと広がる丸のデザインなど、サイトを眺めているだけでもさまざまな仕掛けに出会います。特徴的なのは、それらの動きが単なる装飾で終わっていないこと。ポップで楽しい世界観をつくりながら、会社そのものへの興味を自然と引き出すような巧みな設計になっています。「さすがクリエイティブ集団！」と何度も感心するふたりと一緒に、細部までつくり込まれたサイトを見ていきましょう。
弾けるドットに、動き出す写真。
開いた瞬間、ワクワクはもう始まっている。
まず、サイトを開いた瞬間から、すごくワクワクするような動きとポップさがあるなと思いました！
リクルートページを開くと、背景のドットが弾けるような動きがついていて、コーポレートサイトと同じようにワクワク感が伝わってくるサイトだなと思いました。
第一印象としては、私も一緒です！
コーポレートサイトもドットがポップに弾けているようなデザインで、採用ページに移っても同じ世界観で統一されていますよね。
見やすいし明るいし、特に採用ページは写真のスライドがあるので、いろいろな人が働いていることが伝わってきていいなと思いました。
写真はやっぱり大事ですね〜。
専門的な仕事だからこそ、言葉はやさしく。
「何を創るか」が、まっすぐ伝わってくる。
サイトの構成で気になったところは、「Jobs 私たちの事業」というところ。ここから事業案内が見られるんですが、全部「○○を創ろう。」というタイトルで統一されているんですよね。
あと、なんていうんだろう……このデザインの名前！
最近よく見るやつ！(笑)
あ〜！！なんていうんですかね、これ！(笑)
ね！(笑)
この見せ方がすごくわかりやすいし、「活躍している職種」のボタンが白背景になっているので、見やすいなと思いました。
構成で気になったところは、私も横浜さんと全く一緒で。(笑)
この構成、本当によく見るなと思っていて。ページが重なるような見せ方になっていますよね。
だよね。
これ見ちゃったら、気になるよね。
はい！(笑)
テレビ業界って専門用語が多そうなイメージがあるんですけど、このページのタイトルは誰にでもわかるような言葉になっているので、はじめてこの業界に入る人にもわかりやすくて、親近感が持てるなと思いました。
ポスターとかも作ってるのか……。
わ〜、大変だ。(笑)
一つの番組にどれだけの手間がかかるのか……(笑)
あっ、本当だ！
強い色なのに、うるさくない。
遊び心と見やすさは、両立できる。
デザイン面を見てみると、セクションごとの色は白やグレーなど、意外とシンプルな色を使っているんですよね。
その一方で、目立たせたいところにはパキッとした色を使っている。
全体的にそういうデザインになっているのかな、という印象でした。
全く一緒だ！(笑) すごいね、今日。
写真を囲っている色や役職名の色など、一色だけで見るとかなり主張のある色が使われていると思うんです。
でも、全然しつこくなくて、むしろわかりやすくて見やすい。そこがすごいな、さすがだなと思いました。
さすがですよね。強い色だけど、使い方が上手ですよね。
普通だったらガチャガチャしちゃいそうな色を、うまく使っています。さすがクリエイティブ集団なだけある。レベルが高いですね。
クリックする。弾ける。くるっと回る。
小さな動きが「見る」を「体験」に変えていく。
社員紹介のページでは、その社員さんが手がけた制作事例も載っているのが面白いです。
「この番組、知ってる！」となりそうでいいなと思いました。クリエイティブ集団だからこそできることだね。
私が構成で印象的だったのは、オリジナリティのあるコンテンツやタイトルが多いところです。「DNA」みたいな独自の表現もありますよね。
それから「仕事を知る」のページ。1ページの中にすべての職種が載っているので、たくさんの職種の中から自分が気になるものを見つけやすいなと思いました。
そうですね！これはいいなって思います。
あと、ボタンを押したときに、押したところから画面いっぱいに丸が広がっていくんですよね。これが細かいな〜って。
より「押している」という感覚が伝わるのかな？と思って。
そこでもちゃんと「体験」させてくるのがすごいなと思いました。さすがです。
もう、私も気になったところが全く一緒で。(笑)
すごいですよね、この動き！
ね！しつこくないしね。
「次のページ開くぞ！」って言われているように感じます。(笑)
それから「Member」のカードがくるっとひっくり返る動きも、遊び心があるな〜と思いました。
このカードがくるっとする動きは、あんまり見ないかも。
写真を見られるのもいいね。うまいなぁ。
もう「うまいなぁ」しか出てこない。(笑)
うまいなぁ。(笑)
つくり込む。でも、つくり込みすぎない。
リアルな風景までが、会社らしさを伝えていく。
では、まとめに入ります！
このサイトは全体のクオリティがすごく高くて、カラーリングも、シンプルな中に遊び心を持たせるカラフルさがあって、すごく参考になります。
何か使えそうな機会がきたら、また見に来たいなと思いました。
うんうん。覚えておきたいよね。
そうですね！
あと、会社の世界観が伝わるような動きが多いのも印象的でした。さっきのカードがひっくり返るギミックだったり、丸が広がる動きだったり。
そういうところも、じっくり見て研究したいなと思いました。
はい、私も一緒です。(笑)
いろいろな色の使い方や、ちょっとした動きの遊び心がやっぱりすごくいいなと思ったので、どこかで参考にしたいなと思います。
あと「Webを創ろう。」のWebデザイナーさんの仕事中の写真が、すごくリアルでいいなと思った！
わ、すご〜い！いろんなものが置いてある。
このぬいぐるみは……あの番組ですね！(笑) なつかしい！
ね、面白いよね！
これが「Webデザイナーらしさ」と「この会社らしさ」が詰まった写真だなと思って。
こういう社内風景の写真って、どうしても「きれいにしなきゃ」と思いがちじゃないですか。でも、こういうリアルな風景をそのまま見せるのもいいなと思いました。
たしかにそうですね。ふだんの仕事の様子が伝わってきて、すごくいいですね。
参考にさせていただきます！
