キャムコムグループ 採用サイト
ページ全体で画面をダイナミックに貫く斜めのラインとダイヤ型を多用したエネルギッシュなレイアウトが特徴的な採用サイト。要素を水平垂直のグリッドに収めるのではなく、あえて斜めに切り取ったり、ひし形の図形を交差させたりすることで、既存の枠組みや常識を打ち破るような強いエネルギーと上昇志向を空間に生み出しています。このエネルギッシュさはモーションでも表現されており、スクロールする毎にひし形のグラフィックが斜め方向へ交差するようにスライドインする開始アニメーションなど、エッジの効いたシャープな挙動で統一。CTAのホバー時には、グラデーションカラーのボタンが滑らかに光を帯びるように変化する洗練されたインタラクションや、矢印アイコンが滑らかにスライドするなど、クールで先進的なビジュアル表現の中で、求職者の知的好奇心を刺激しながら、自然と企業理解やエントリーへと導く、エンターテインメント性と機能性が高度に融合した導線設計となっています。サイトのカラーリングとして、透明感のある爽やかなペールブルーを基調に、企業の信頼感とスケール感を示すディープネイビーを合わせ、アクセントとして近未来的で多彩なホログラムグラデーションを効かせた、極めてスタイリッシュで躍動感のある配色設計。多彩なグラデーションが、多様な人材の個性や、これから開花する未知のポテンシャルを視覚的に表現しています。
Mr.ウエスマン （エイジトレーディング株式会社）
温かみのあるアイボリーを背景の基調とし、リサイクルや環境を連想させる鮮やかなグリーンをメインカラーに据え、パープルやブルーといったビビッドな色をアクセントに効かせた、極めてエネルギッシュでポップな配色設計。太い黒の縁取りが印象的な80〜90年代のレトロポップ風のイラストと、オリジナルキャラクターMr.ウエスマンを全面に押し出したエンタメ感あふれるレイアウト。セクションの境界線には波打つような有機的な曲線が用いられ、布（ウエス）の柔らかさやリサイクルの循環をコンセプチュアルに表現しています。また、極太のゴシック体を用いた大きなタイポグラフィや、LINEのトーク画面を模したUIなど、ユーザーを飽きさせず直感的に情報を読み進めさせる工夫が随所に凝らされています。工業用ウエスというBtoBの固い商材でありながら、そのイメージを良い意味で裏切る親しみやすさを視覚的に爆発させています。キャラクターがコミカルに動いたり、要素がポンッと弾むように現れたりする、遊び心に満ちた楽しいモーションを採用。ユーザーをワクワクさせながら自然と商品ラインナップやお問い合わせへと導く、エンターテインメント性とユーザビリティが高度に融合した導線設計となっています。
サントリーグローバルイノベーションセンター
白を基調に、研究事業のイメージに合う深いブルーをアクセントに用いた高コントラストのコーポレートサイト。ヘッダーに英日の言語切り替えを常設することで可読性と操作の軽さを両立しています。グローバルナビは下層への導線を迷わせず、グラスモーフィズムでデザイン性を持たせています。レイアウトは広めの余白とグリッドにより “見えない線” を揃えてバランスが調整され、大きめの明朝体の見出しが信頼と誠実な印象を与えます。モーションは必要最小限で、図版の切替と視線誘導を補助する程度に抑制。リンク色や下線の出現など微細な反応に留めたクオリティの高いホバーアクションで、可視フォーカスも確保。CTAは各所のテキストリンクとカード型導線で散らしつつ、セクション末に明確な到達点を用意し、研究ストーリーを一筆書きのように通読できるトップ体験を実現。
