日々、さまざまなサイトを研究しています。
インパクト抜群のデザインとシンプルな構成の対比が生み出す力――スター・マイカ株式会社
スター・マイカ株式会社は、スター・マイカ・ホールディングス株式会社の中核事業である「リノベーション事業」を担う不動産会社です。その新卒採用サイトを開くと、黄色を基調とした、まるでおもちゃ箱のような可愛らしいアニメーションが出迎えてくれます。一方で、その目を引くような色づかいやカチッとしたフォントにはインパクトがあり、見る者にどこかスタイリッシュな印象を与えます。そんなスター・マイカ株式会社の採用について、今回も喜八屋の若手社員ふたりによる、ゆるディスカッションをお届けします。
【スター・マイカ株式会社】
2001年創業。東京都港区に本社を構える不動産会社。中古マンションを1室単位で購入して最適なリノベーションを行ったのち、良質な住宅を販売するリノベーション事業を主軸とする。創業以降24年に渡り赤字を出さず、業界内で確固たる地位を築き上げる。2024年度は過去最高売上を突破。現代社会における空き家問題にも積極的に取り組み、リノベーションマンション業界を牽引し続けている。
インパクト大なのにシンプル。かわいいのにスタイリッシュ。
異なる2つの要素の組み合わせが「わかるサイト」の秘密。
URLをクリックするといきなり現れる、インパクト抜群のアニメーション。よく見ると「住宅」を構成するさまざまな材料が、動くレールの上に載せられています。一言でいうならかわいいイラストです。でも、その色づかいやフォントは、決してかわいいだけじゃありません。太めのゴシック体に、黄色や黒、紺など、ちょっと緊張感のあるようなデザインで全体は構成されています。業界の先頭を走る企業らしく「スマートさ」をも感じさせる採用サイトを見て、今回もふたりの間で気づきがたくさん生まれました。ぜひ、お楽しみください。
ただのアニメーションじゃない。
色づかいと立体的なイラストが、想像力を掻き立てる。
第一印象として強いのは、やっぱりファーストビューのアニメーションですね！
全体的に立体的なイラストが使われているのがかわいいなと思いました。
うん、かわいい！私も横浜さんと同じく、ファーストビューのアニメーションが第一印象として残りました。
なんか動いてる！と思ってよくよく見たら、お風呂やトイレ、ドアのように「家にまつわるもの」が動いているのがかわいいんですよね。
あとは、新卒・中途それぞれのエントリー用のアイコンが目につきやすくていいなと思いました。
前にもどこかのサイト※で同じような特徴があった気がするけど……
TOPページの構成と、グローバルメニューの構成がほとんど一緒なんですよね。これは迷子にならなくていいなと思いました。
※参照：auペイメント株式会社 中途採用サイト
採用する側も、される側も、お互いを知ることができる。
そんなサイトが、就活生の安心感につながる。
「採用チームからのメッセージ」はすごくめずらしい項目だなと思いました！
これがあると、就活生は会社見学などで人事の人たちと会ったときも「あ、サイトで見た人たちだ！」と安心できそうだし、怖がらずに訪問できる。親近感を持った状態で、会社の人たちと会うことができそうです。
私も横浜さんと同じで「採用チームからのメッセージ」が構成面で気になりました。たぶん、この項目は今まで見たことがないと思います！
就活をしているときって、いろいろな苦労をすることでだんだん焦ってきて「とりあえず受ければ……」っていう思考になって判断力が鈍ることもありますよね。
でも、こういう「後悔してほしくない」っていう言葉や「３つの約束」のように、会社も就活生もお互いを知ることができるような項目は大事だなって思いました。
うんうん、そうだよね！
もうひとつ、構成の面で気になったのが「私たちのミッション&強み」のところ。「強み」というワードを採用サイトで使っている企業はあまりないと思うんですよね。
コーポレートサイトではよく見かけるけど、採用サイトでは珍しいなと思いました。
就活生の判断材料になるというか、他の企業との違いがわかるのでいいですよね。
私が構成面でもうひとつ気になったのは「事業内容」です。
コーポレートサイトで見ても、事業内容が複雑でわかりにくい企業って意外と多いんですよね。
でも、このサイトではわかりやすく完結にまとめられているのがいいなと思いました。
インパクト抜群の「黄色×イラスト」のデザイン。
だからこそ、落ち着いた写真が見る者の目に留まる。
デザイン面で気になったところは、やっぱりファーストビューのはっきりした黄色です。それを黒でしっかりと締めるのが若者向けで今っぽいなという印象です。若さを感じました(笑)。
あはは(笑)。
私も岡部さんと同じで、デザイン面ではこの黄色が気になりました。この色とイラストを掛け合わせたインパクトが強いというか、ものすごく印象に残るデザインだなって。
でも、デザインでは黄色を使っているけど、コーポレートカラーはたぶん青系なんですよね。なんでここで黄色を強く出したんだろう？と気になりました。岡部さんが言うように、若者向け、新卒向けの色なのかな？
たしかに！コーポレートカラーと違いますよね。
最初はこの黄色の強さから力強い印象を感じて、かなり活気のある会社なのかな？ってなんとなく想像したんです。
でも、社員さんたちの写真を見たらけっこう落ち着いた様子で、自然体な写真も多かったので、安心感もあるような部分も見られていいなと思いました。
そうだね！落ち着いてる。
あと、全体的に写真の枚数が少ないよね。多分インタビューのところでしか人物写真は撮っていなくて、でもイラストがあるおかげか、わかりやすくてシンプル。
たしかに写真は少ないほうですね！
イラストがあるから、イラストメインのサイトにしているのかな？と思います。
伝えたいことはすべて直球勝負で。曖昧さのない表現と
統一感のあるデザインが「わかりやすさ」につながる。
他に気になったところとしては、文章が少ないところです。
だから全体的に内容がすごくわかりやすいのかなって。抽象的な表現も少なくて、ど直球な感じが好きです(笑)。
あとは「部署紹介」もわかりやすい。就活生からすると業界のことは全然わからないし、文字だけで説明されていてもイメージは掴みにくいんじゃないかなと。でもこれなら、わかりやすいテキストとイラストで業務内容が想像しやすいですよね、ストレスが少なくなりそう。
私が気になったところは「私たちのミッション＆強み」のところです。
住宅のビフォーアフターが、写真をスライドして比較できるようになっているんです！わかりやすいですよね。
あとは「社員の声」。この写真、スライドで一人ずつ動くのかと思いきや、3人ずつ動くのが面白い！(笑)何回も動かす手間がないのでいいですね。
ほんとだ！(笑)めずらしいね。
ですよね！(笑)
あとは、さっき横浜さんがおっしゃっていた「抽象的な表現が少ない」というのは、なるほど！と思いました。だから事業内容がスッと入ってくるのかな？
素敵な気づきをありがとうございます！
今後の制作で参考にしたいのは、ファーストビューのアニメーションです。
なんというかすごく……いいので。語彙力が……(笑)。
あはは(笑)！
このイラストとアニメーションは本当にすごいよね。
はい！すごいです。
こういうデザインを手がけられる機会があるかどうかはわからないけれど「ファーストビューでアニメーションを入れたい」というご要望があった場合は、参考にしたいです。
イラストの使い方もものすごく上手なので、これも参考にします！
そうだね！このアニメーションはどこかのタイミングで、機会があればぜひ入れてみたいなと思いました。
全体的にイラストが印象に残るようなデザインで、だけど文章も少なくてわかりやすい。このシンプルさをやってみたいな、真似してみたいなと思いました。
本当にそうですね。
でも、シンプルなのにさみしくない感じがしますよね。
うんうん！
事業内容のところとか、どうしてもコーポレートサイトのコピーっぽく作っちゃうことが多いけど、全然そうじゃなくていいんだなって気づけました。
いろいろなところを参考にしたいサイトでした！
