【デザインニュース】vol.26 みんなのレビュー付き⁉本の帯をモチーフにした採用サイト|『NEWTOWNデザイナー募集』
🔳 今週のピックアップ【NEWTOWNデザイナー募集2024】
UIデザイナー須田によるデザインコーナーvol.26。
今週の須田的ベストデザインは「NEWTOWNデザイナー募集2024」。
須田(UID):
NEWTOWNさんのデザイナー募集の採用サイトですね。
ファーストビューがかなりインパクトが強くて、本の見開きのような演出になっています。
長津(COO):
具体的にはどんな感じ?
須田(UID):
他社デザイナーさんがNEWTOWNさんのレビューをしていて、そのレビュー内容がサイトに掲載されていますね。
例えば、飛企画株式会社の方がNEWTOWNさんを推薦していたり。
他社からの推薦状・レビューが「本の帯コメント」として見れるのはおもしろいですね。
長津(COO):
すごい、いいアイデアだね!
古川(PdM):
スクロールの演出も独特でいいですね。
須田(UID):
そうですね、スクロールすると右ページだけが動く仕組みになってますね。
コンテンツ一覧があって、各セクションにとぶアンカーリンクがあるので、本の目次みたいですね。
須田(UID):
質問が一問一答形式でチャット風に表示されているのもいいですね。
長津(COO):
エディトリアルの会社なの?
須田(UID):
今のところデザイナーは1人だけみたいですね。
長津(COO):
NEWTOWNさんのサイトもいいね。
須田(UID):
STUDIOでの制作が割と多いみたいです。
長津(COO):
最近増えてるね、STUDIOをつかったデザイン。
須田(UID):
デザイナー1人で完結できる点ではやりやすいですよね。
長津(COO):
NEWTOWNさんは1981年に設立されたんだ。
デザイナーの犬飼さん、お名前に見覚えある気が…。
須田(UID):
この名刺、Xで見かけたことがあってかわいいなと思いました。
長津(COO):
マガジンハウスのReluxで見かけたことあるような…。
ごめん、話が脱線しました(笑)
須田(UID):
弟子募集中らしいですよ。
コーポレートサイトと弟子募集ページが「光」と「闇」の対比になってておもしろいです(笑)
飯野(PdM):
いまは弟子募集してないみたいですね(笑)
空いている時間はデザインにすべてを注ぎ込むスタイルらしいです。
須田(UID):
話が少し脱線しちゃいましたけど、今日は本の帯をモチーフにしたファーストビューが特徴的だったのでピックアップしてみました!
デザイン面で個人的に目を引いたポイントは下記になります:
インパクトのあるファーストビュー
縦組みテキストの効果的な使用
線の使い方の工夫(黒100%の破線、太い破線、細い破線、実線など)
シンプルながら効果的なカラーリング(有彩色+白黒)
落ち着いた黄色のトーンが絶妙
古川(PdM):
背景の黄色も主張しすぎない絶妙なトーンだね。
須田(UID):
デザイナーさんのアイコンもたまに瞬きしたり、真ん中のタイトルが変化したり、マウスオーバーで大きくなったりと、細かいところまで作り込まれていてすごいですね。
古川(PdM):
SP版でも帯の大きさはそのままなんだ。
長津(COO):
SP版だと帯がメインになるのおもしろいね(笑)
須田(UID):
そうですねSP版では見開きだった要素が1ページ表示になりますけど、情報の見せ方は変わらず維持されていますね。
このサイトはデザイナー採用を目的としているので、ページ内の情報量を抑えめにして、デザイナーを惹きつけるためのユニークさを重視している感じがしますね。
なので、スクロールしても帯が固定になっている設計は、UXを意識しているのかなって思いました。
長津(COO):
昔カヤックが、自社の採用ページに「現在新規で採用をしていないので、他社さんの採用ページのリンクを貼っておきますね」ってユーザーを斡旋していたのがおもしろかったな(笑)
飯野(PdM):
今回のNEWTOWNさんの場合は、他社からのレコメンドになりますけど、誰かからのレコメンドって誠実な感じがしていいですよね。
長津(COO):
出会いもご縁だからね。
他のクリエイターからのレコメンドがある採用ページっていいよね。
みんなで助け合ってる感じがする。
須田(UID):
横のつながりが感じられていいですよね。
長津(COO):
自分で「いいことやってます」って言うと胡散臭くなりがちだけど、他の人がレコメンドしてくれる形って一つの方法だよね。
弊社もそういう状態を目指していきたいよね。
すてきなサイトを紹介してくれてありがとう!
じゃあ今日はここまで。
アディオス!
〆