https://recruit.ohno.or.jp

柔らかなイラストが特徴的な採用サイト。
イラストに頼るだけでなく、全体の構成もきちんと考えられたため息が出るほど素敵なサイト…

トンマナ

柔らかなパステル調をベースにしたイラストを活用したサイト。
テーマカラーはなく、下層ページにそれぞれの色を適用させている。
テキストカラーは、イラストやロゴのカラーと調和の取れたネイビーを使用している。

全体的にTOPページのテキストは少なく、イラストや写真を豊富に掲載することで採用サイトにとって重要な「働く環境のイメージ」をユーザーに伝えることができる。

背景のウェーブ模様によって視線の流れが生まれている。

ページ全体の遷移

スクロールしていくとセクションに合わせて背景色がじわっと変化。
このような遊び心もワクワクする

FV

イラストたちが中央の大野病院を囲うように配置されている
見出しも印象的

スクロールしていくと背景にあったウェーブの背景が大きくなり、テキストがじわっと出現。
ユーザーにテキストを読ませたいときに効果的な演出

見出し

ターゲットに若者を含むサイトなことから、見出しはインパクトのある英字を大きく配置し、装飾としての役割も果たしている。

上の日本語の前の丸がアクセントカラーとなっていて良い。

ちなみに下層ページの見出しは日本語がメイン

ボタン

イラストがカラフルな文、ボタンはシンプルな矢印アイコン。
引き算も大事。

Aboutセクション

「まずは写真を見て雰囲気を掴む!」作戦(なにそれ)

FV直下でテキストを十分に読ませる演出を行ったので、このセクションのテキストは少なめ

Futureセクション

イラストと背景のウェーブがうまく余白を埋めてくれるからこそできる大胆な中央配置。

Jobセクション

画像が流れ、カーテンが開いていく演出が素敵!!!
病室を連想することもできるし、カーテンが開いたらどんな写真が出てくるのかのワクワク体験もあり。
制作時の遊び心の大切さを教えてくれました。

Staff Voice

FV箇所にもあったウェーブがここにも登場。

CVボタンエリア

いらすををうまくなじませ作成されている。
イラストを少しはみ出させるのがポイント。

下層ページもよく作り込まれてて、色々紹介したいけど今日はここまで。

今日のつぶやき

結局間が空いてしまった投稿です。育児や仕事に追われる日々。ずっとリモートなのもあり段々とモチベーションが下がっておりました🥲

昨日はなんと産休取得前、1.5年ぶりに出社し、他のデザイナーさんの作品共有会をしたのですが、凄すぎてため息が出たし、そのあと私の作品共有するのがすごく恥ずかしかった….

まだまだだなと思い知らされます。
なんといってもモチベーションの継続が難しい!せめてたまに出社できれば…

今日は年一の納会なので、夫になんとか仕事を調整してもらって実現した出社だけど、やっぱり頻繁には難しいなぁ〜。

落ち込んでばかりでは何も変わらない、頑張らなきゃ!!

コメントを残す