日々、さまざまなサイトを研究しています。
「東京」を体現する採用サイトは89人の熱意によってつくられている――東京メトロ都市開発株式会社
東京メトロ都市開発株式会社は、東京に地下鉄事業を展開する「東京メトロ」のグループ会社であり、不動産事業を担う企業です。東京メトロの駅周辺を中心にオフィス・住宅などのビル賃貸・運営管理ビジネスを展開し、不動産開発も手がけています。その採用サイトを開くと、TOPページのあちこちに「東京」の文字が並び、洗練された印象の写真やすっきりとした余白を残すテキストの配置が都会的な印象をつくり出しています。そんな爽やかな東京メトロ都市開発株式会社の採用サイトについて、今回も喜八屋の若手社員ふたりがゆるりとディスカッションをしてみました。
【東京メトロ都市開発株式会社】
1963年設立。東京都新宿区西新宿に本社を構え、東京都で地下鉄事業を展開する「営団地下鉄（現：東京メトロ）」の全額出資会社として不動産事業を行う。2018年には社名変更を行い、従来の不動産事業に留まらず、オフィスビルを中心とした不動産の調査・企画から開発、そして運営・管理までを一貫して担っている。東京メトロのグループ理念である「東京を走らせる力」に基づき、安心で快適な都市環境の実現を目的として掲げている。
「東京」という街をつくる会社の採用サイトは、
ビル群のあいだから見上げる青空みたいに爽やかだった。
「東京メトロ都市開発株式会社」と、聞いただけでわくわくしてしまうような社名。その企業の採用サイトを開くと、思わずため息がこぼれてしまうような、都会的で洗練された印象の写真が画面いっぱいに広がっています。でも、それは決して気取ったものではなく、働く人々の仕事に懸ける真摯さやまちづくりへの想いがまっすぐに伝わってくるようなサイトになっていて、それがまた素敵です。東京のビル群の間からのぞく青空のように爽やかなこの採用サイトについて、今回もおなじみのふたりのゆる対談が幕を開けます。
「見たいところに目が届く」サイトづくりの秘訣は、
綿密な情報収集と、本当に必要なものだけを抽出すること。
まず、このサイトで一番最初に目に入ったのが右上のバナー「ようこそ、89人の東京へ」です。
これを押すと、アンケートの結果が出てきます。89人にアンケートを取ったよ〜ってことですかね？
色ごとに分かれていて、写真もあって働く人たちの雰囲気をつかみやすいですよね！
うんうん。私も同じところがまず目に入った。89人ってなんだろう？って！立体的な感じと、この色味に興味をそそられます。
それから写真も素敵だし、TOPの「東京で（ ）をつくろう」っていうコピーがやっぱり第一印象として強い。「東京メトロ」だから、しっかりと東京を打ち出していますよね。
写真、いいですよね！すごくきれい。
ね！
構成について気になったところも、いくつかあります！
ひとつめは、グローバルメニューがないところです。
多くのサイトだと常にサイトの上部に表示されているけれど、それがない。だから自然とスクロールして、下のほうまでつい見ちゃう(笑)。
「ようこそ、89人の東京へ」のコンテンツを見てほしいから、あえてグローバルメニューを隠しているのかな？
あ〜！なるほど！そうかもしれないですね。
グローバルメニューも隠れているけれど、そのおかげでサイトの内容にきちんと目がいくので邪魔しないですよね。
だよね！いい意味で隠れてる。
それから、グローバルメニューの中の「東京メトロ都市開発では何ができる？」というタイトルもいいなと思いました。
「事業内容」とかじゃなく、タイトルが内容そのままですごくわかりやすい。この色づかいもいいですよね。
うんうん！まとまりがあってわかりやすいです。
あと、色々な立場の人の目線に立った記事が多くていいなと思いました。ここまで年齢もキャリアも異なる人たちにインタビューしているのは、他の採用サイトではあまり見ないかも。
このボリューム感は、サイトを見る人にとっては嬉しいポイントだなって思います。
ほんとだ〜！いろんな情報が見られるのがすごくいいね。
「89人の東京」って、この会社の社員数が89名だから……社員全員にアンケートをとったんだ！うわ〜、時間をかけてつくってるんだなぁ……
すごいですよね……ちゃんとしてる。
ね！あともうひとつ、気になるところが。
どこだったかな……これだ！「ABOUT US」の部分。
他のサイトの「会社概要」みたいなページだとテキストが並んでいるだけだったりするけれど、このサイトは本当に大事なところをかいつまんで載せていて、イラストもあってわかりやすい！
うんうん。このサイト、「見てほしいところがちゃんと目に入ってくる」構成になっていますよね！
デザイン面で気になったところは、装飾の斜めの形状だったり、多色づかいされたグラデーションだったり……これが先日のデザイン勉強会でやった「先進性」なのかも！
この箱っぽいあしらいも見たことがないです。不動産だから、建物のイメージなのかな。
ああ！「先進性」！
すごいね。そんなことはまったく思いつかなかった！(笑)
私はグラデーションの部分とか、それぞれのコンテンツごとに色が変わったりするところとかが素敵だなあと思いました。
鮮やかだけど爽やかで、賑わいまではいかないけれど、なんていうんだろう……「東京」っぽいかんじが表現されているのかなと思いました！
あと、デザインなのかどうかはわからないけれど、タイトルの前にアンダーバーがついている。これはなんだろう？って！
あ！このデザイン、他のサイトでも使われていましたよね！
これ、流行っているんですかね？けっこう色々なところで見ますよね！
ね、前にもあったよね！
多分これがないと、ぼやっとした印象になったりするのかな？って。
これも「先進性」なのかな？(笑)
ね、またまた先進性！(笑)
「ここで一区切りですよ」っていう合図なのかな？わかりやすいですよね。このアンダーバーの意味を知りたいっ！
そうか、一区切りってことか！
無駄なあしらいなく、タイトルだということをわかりやすくするのがいいなと思いました。意味を知りたいよね。
社員みんなの協力でできあがったサイトのクオリティは、
ブレない採用テーマの軸と一人ひとりの熱意が支えていた。
他に気になったところとしては、TOPページを少しスクロールしたら出てくる動画です！動画の量がすごいな、と思って。
それに、一人の社員にフォーカスした採用動画は今まで見たことがない気がします。
うんうん、本当に動画がすごい！
自分が就活生だったら、これくらいの情報量の動画は見てみたいなと思いますよね！その会社のことを知りたいなって思います。
ね！その人の入社の経緯とか、一日の働き方とか……ここまでいろいろな人の話を一人ずつじっくり聞けるのはありがたい。
その人がどんな働き方をして、どんな想いを持っているのかがわかるから、入社前後のギャップが少ないんじゃないかなって思いました。
やっぱりこの動画、本当にすごいですよね。
インタビューもそうだけど、ものすごくクオリティの高い動画で……
これは何時間かけて作ったのかな？って気になっちゃいました(笑)。
手間がかかっていますよね。
ね。あと、社員さんたちのほっこりシーンもいいよね！(笑)
オフショットだけでも満足しちゃうかも(笑)。楽しそう。
オフショット、いいですよね！！！(笑)
また後でじっくり見たいな〜って思っちゃうコンテンツです。
私たちもそういうの、いつかできたらいいですよね。
ね！いつか！(笑)
では、まとめに入ります！
私がこのサイトで参考にしたいと思ったところは「いろいろな人の立場や経歴を集めた、いろいろな人に届くサイト」であるところです。
このサイトみたいに、いろいろな人にインタビューして、じっくりと時間をかけて制作するのも一度経験してみたいですね。
うんうん。全員にインタビューしているのはすごいよね。
私が参考にしたいところはやっぱり、TOPページの「ようこそ、89人の東京へ」。スペシャルコンテンツって書いてあって、なんかかっこいいなって！(笑) ここだけでもまずは真似してみたいなと(笑)。
うん、かっこいい！(笑)
ここまでのコンテンツをつくり上げるのは社員の方々にも協力してもらわないといけないから難しいかもしれないけれど、やってみたいですよね。
うん！コンテンツの中身も、全員のリアルな声が聞けて、しかもいろんな答えを出してくれているので、協力的で素敵だなと思いました。
あと、TOPページのコピーも参考にしたいです。
「東京で（ ）をつくろう」という手書きの文字のところ。
これ、どうやら今回の採用テーマになっているみたいなんだよね。
あ、ほんとだ！採用メッセージのページにコピーがありますね！
「東京で、つくろう。」って！
そうなんだよ！
このコピーを個別にアレンジして、ファーストビューでコピーとして載せているのがお洒落だなって思いました。
採用の方針としても、サイトの方針としてもブレていないのがいいなって。
うんうん。まとまりがあって、しつこくなくて、うまく言葉を何度も繰り返していますね。
すごいサイトでした！
