弥生株式会社 採用サイト

ブランドカラーである鮮やかで深みのあるブルーとクリーンなホワイトをベースに、エネルギッシュなグラデーションをアクセントに用いた、知的で疾走感のある配色設計。ファーストビューから続く、横へ流れるスピード感のあるライングラフィックが、「挑戦の循環」や「未来へ向かう力強い推進力」を視覚的に表現しています。配置された写真は、オフィスでの自然な様子や、窓越しに都市を見据える姿など、明るくクリアなトーンで統一され、社員一人ひとりの前向きな姿勢と企業の透明性を引き立てています。視認性と信頼感のあるスマートなゴシック体フォントを軸に、力強いメッセージにはしっかりとウェイトを持たせ、メリハリのある情報の階層化を図っています。レイアウトは、堅実なグリッドをベースにしつつ、セクションを大胆なブルーの背景や斜めのラインで区切ることで、単調にならないダイナミックな視線誘導を実現。CTAはソリッドにブルーの長方形で統一され、十分な余白の中に配置されることで高い視認性を確保し、洗練されたホバーアクションも一貫性があり、ユーザーを迷わず各ページリンクやエントリーへと導く、堅牢で信頼感のある導線設計となっています。

VERYMAN ベリーマン株式会社

メインカラーは広大な余白を活かしたクリーンなホワイトとライトグレーで、清潔感と洗練された雰囲気が印象的。セクション背景やCTAには、深く落ち着いたネイビーブルーを配置し、知的で静謐なコントラストを生み出しています。使用されている写真は、明度が高く彩度を抑えたトーンで統一されており、ポートフォリオのようにプロダクトや風景の質感をノイズなく伝えています。タイポグラフィは和文フォントと欧文フォントで縦書きと横書きを効果的に交ぜて、細字を中心としたウェイト設定と、たっぷりと取られた字間・行間が、まるで洗練された雑誌や書籍のようなデザインの空気感を構築しています。レイアウトは堅牢なグリッドシステムをベースにしつつ、要素をアシンメトリーに配置する大胆な余白設計によって、優雅でゆったりとした視線誘導を実現しています。スクロールに伴うモーションは、画像やテキストが緩やかなイージングでフェードインする挙動に統一され、サイト全体の静かな世界観を損なわない抑制的な一貫性を保っています。ホバー時にはリンクテキストの下線が伸びたり、画像がわずかに明るくなったりする変化でフォーカス状態を可視化しています。ネイビーの円形CTAは、広い余白の中で高い視認性を確保しており、ユーザーを自然に次のアクションへと導く無駄のない導線設計となっています。

株式会社ノベルティ採用サイト

鮮やかなウルトラマリンブルーとシルバーグレーを組み合わせた、デジタルネイティブ世代に響くエネルギッシュでポップな配色です。ファーストビューで「CHANCEしかない」という採用コンセプトを体現する、高彩度のブルーが視覚的なインパクトを与え、企業の勢いと先進性を強烈に印象付けています。スパークルの菱形星や3D調のアイコン、ステッカー風のあしらいを散りばめ、コラージュのような遊び心あるレイアウトに、視認性の高いゴシックのフォントをベースにしつつ、キャッチーな手書き風フォントやイタリックの欧文をアクセントにしています。これにより、デジタルな世界観の中に人の温度感やスピード感を巧みに混在させています。背景に流れるマーキーテキストや斜めのラインが、画面全体に絶え間ない動的なリズムを生み出しています。モーション言語は、スクロールに合わせて要素がポップアップしたり、背景のテキストが流れ続ける演出を取り入れ、ユーザーのワクワク感を刺激するエンターテインメント性を重視。ボタンのホバーアクションでグラデーションが現れ、先進的な印象を後押しし、鮮やかなブルーのブロックや立体的なデザインで直感的に操作できるよう配置され、楽しげな世界観を保ちつつも確実にエントリーへと導く、機能的かつ情緒的な導線設計となっています。

ソラマメデザイン

屋号を象徴する鮮やかなソラマメのグリーンのアクセントカラーが白や青のベースに光る、親しみやすさと清潔感が同居する配色。また優しく印象付けるのはテクスチャのあるイラスト。デジタルの冷たさを排除した温かい世界観を構築しユーザーを惹きつけます。タイポグラフィは、イラストとマッチするゴシック体を選定。ポイントになるセクションは、デザイナーと愛犬のキャラクターによる「会話形式」でコンテンツを展開するストーリーテリングの手法を採用し、読み手を飽きさせない工夫が凝らされています。モーションは、スクロールに合わせて要素がふわっと浮き上がるフェードインや、背景でゆっくりと流れるテキスト、イラストなど、心地よいゆらぎを感じさせる演出が特徴。CTAボタンは丸みを帯びた形状で押しやすさを担保し、ふわりと変わるエフェクトが、ユーザーの心理的なハードルを下げ、細部まで世界観を崩さないよう設計されています。

HOLON Inc.

デジタルプロダクトのデザインを手掛ける株式会社ホロン(HOLON Inc.)のコーポレートサイトです。全体を支配するのは、圧倒的な静寂とゆとりを生み出す大胆な余白設計。ファーストビューでは “Respect & Harmony” のステートメントとともに、親しみのある丸みを帯びたダイナミックなタイポグラフィと写真グリッドがスライド形式で展開され、デジタル領域における先進的な思考と人間味あふれる温かみを融合させています。あえて装飾を削ぎ落としたミニマルな空間設計を採用することで、タイポグラフィの存在感やスクロールに応じた繊細なアニメーションの質感を際立たせる構成です。開始アニメーションは最後まで抜かりなく多様に展開し、ユーザーの視線をつぎつぎと誘導します。思考の深さやUXデザインに対する真摯な姿勢を「引き算の美学」で表現し、単なるWeb制作会社にとどまらないデジタルパートナーとしての品格を伝えています。中盤のサービスセクションでは、スクロールに応じて背景をダークトーンに切り替えることで「読ませる」情報整理へ変化。洗練された図版やプロダクトUIの提示、要所に揺らめくオレンジのグラデーション要素が絶妙なアクセントとなり、静と動、論理と感性が高度に調和した快適で没入感のあるWeb体験を構築しています。

UNIEL

東京の吉祥寺・三鷹エリアでクリエイティブスタジオをはじめ、雑貨や飲食など多角的な事業を展開するユニエル(UNIEL ltd.)のサイトです。全体を包み込むのは、広大なホワイトの余白。そこに、シネマティックで質感のある写真や動画と、鉛筆で描いたようなキャッチーな線画アニメーションを重ね合わせることで、洗練されたデジタル空間の中に、手仕事の温もりと遊び心を絶妙なバランスで共存させています。次はどんなアニメーションが出てくるのかワクワクさせるようにスクロールを促すエフェクトやレイアウト。ゆったりとした心地よいスクロールテンポでありながら、ホバーエフェクトも視認性は一切損なわれません。各セクションのレイアウトは極めてミニマルですが、サービス紹介の図解は情報の整理が行き届き、ホバー時の微細なインタラクションがユーザーの直感的な理解を優しく後押しします。フッターまでシームレスに続く、柔らかなイラストレーションがサイト全体の世界観を牽引。たっぷりの余白、静かなモーション、そしてアナログな線画が一筆書きのようにつながる、心地よい読後感をもたらすデザイン設計です。

Goodpatch Anywhere|越境をデザインする

訴求要素は多いのに、見せ方は驚くほどシンプル。魅力を語るコンテンツと、社員の声・実績アピールを主軸に据え、採用に振り切った導線で迷いがありません。シンプルで終わらせず、ファーストビューのダイナミックタイポグラフィと背景で静かに存在感を放つロゴの映像がサイト全体の空気を決め、読み始めの一歩を軽くしています。使用写真はどれも飾らないリアルな表情で、記事ページに入ると読み応えのあるインタビューがいくつも掲載されており、ここでもユーザーの視線をキャッチ。さらに情報の置き方がとても親切です。役割や働き方、事例がきれいに並び、どこから読み始めても応募までの流れが自然にわかります。各ブロックの余白と見出しの強弱でリズムが生まれ、ところどころのホバーや小さな動きが心地よい手触りを足しています。FAQや選考フローは短い文章と箇条書きでサッと読めるつくり。さらに、「ここで働くと何が良いか」を言い切る一文が要所にあり、迷ったときの道しるべになっています。結果として、誠実な雰囲気とチームの熱量が伝わり、そのまま応募してみようという気持ちにつながるサイトです。

株式会社アンパサンド | AmpersAnd INC.

ファーストビューでインクスプラッシュのようなビジュアルがゆっくりと動き、「想像力を発展させて、世界を創造する」というコンセプトをダイナミックなグラフィックで表現。クリエイターたちの爆発的な情熱やアイデアの広がりを視覚化しています。細部までこだわったモーションをサイトの随所に設置し、ユーザーを次へ次へと促す仕掛けを施しています。また、シンプルかつ上質なカラーリングとレイアウトで、クリーンで都会的、理路整然とした企業姿勢を提示。角を丸めた写真やマーキー、横スクロール、ホバーエフェクトなどの遊び心を加えることで、スタイリッシュさを演出しながらエッジが効きすぎない絶妙な親しみやすさも担保しています。中盤にはダークトーンのセクションと地球のモチーフを配置し、視覚的なスケール感を一気に拡張させています。白と黒の明確なコントラスト、そして静のレイアウトと動のグラフィックという相反する要素を高度に調和させ、ユーザーに知的でエモーショナルなブランド体験を提供。快適で没入感のあるWeb体験を実現するコーポレートサイトです。

Making Design Make Sense.
デザインを、感覚から理解へ。
© Design Decode. 901