4WIDE | Creative Web Studio
ファーストビューから目を惹く映像でコーポレートイメージをダイナミックに伝えています。ページ構成の最大の特徴は、広大な余白を贅沢に活かした非対称レイアウトと、要素のオーバーラップを用いたビジュアルです。エレガントでクラシカルなセリフ体の英字タイポグラフィを大胆なサイズで配置することで、画面に力強いメッセージ性と品格を与えています。画像を規則的に並べるのではなく、あえてずらして配置する空間設計が、写真集や現代アートのギャラリーをゆっくりと回遊しているかのような、優雅で奥深い視線誘導を実現しています。カラーリングは装飾を削ぎ落とした淡いライトグレーの背景に、ソリッドなブラックのテキストを配した、シックで洗練されたモノトーンの配色設計。サイト自体に一切の色彩を持たせないことで、モノクロームの美しい花の写真や、木目などの質感を捉えたビジュアルが持つ繊細な陰影を、アートピースのようにノイズなく際立たせています。スクロールに呼応して、要素がゆっくりと静かに浮かび上がる滑らかなフェードインや、手前と奥でエフェクトのギャップをつけて要素に奥行きを感じさせるパララックスなど、細部へのこだわりを感じさせる設計です。無彩色の空間が、ビジュアルの繊細な陰影を引き立てる洗練のデジタル・ギャラリーサイトです。
弥生株式会社 採用サイト
VERYMAN ベリーマン株式会社
株式会社ノベルティ採用サイト
ソラマメデザイン
屋号を象徴する鮮やかなソラマメのグリーンのアクセントカラーが白や青のベースに光る、親しみやすさと清潔感が同居する配色。また優しく印象付けるのはテクスチャのあるイラスト。デジタルの冷たさを排除した温かい世界観を構築しユーザーを惹きつけます。タイポグラフィは、イラストとマッチするゴシック体を選定。ポイントになるセクションは、デザイナーと愛犬のキャラクターによる「会話形式」でコンテンツを展開するストーリーテリングの手法を採用し、読み手を飽きさせない工夫が凝らされています。モーションは、スクロールに合わせて要素がふわっと浮き上がるフェードインや、背景でゆっくりと流れるテキスト、イラストなど、心地よいゆらぎを感じさせる演出が特徴。CTAボタンは丸みを帯びた形状で押しやすさを担保し、ふわりと変わるエフェクトが、ユーザーの心理的なハードルを下げ、細部まで世界観を崩さないよう設計されています。
Goodpatch Anywhere｜越境をデザインする
訴求要素は多いのに、見せ方は驚くほどシンプル。魅力を語るコンテンツと、社員の声・実績アピールを主軸に据え、採用に振り切った導線で迷いがありません。シンプルで終わらせず、ファーストビューのダイナミックタイポグラフィと背景で静かに存在感を放つロゴの映像がサイト全体の空気を決め、読み始めの一歩を軽くしています。使用写真はどれも飾らないリアルな表情で、記事ページに入ると読み応えのあるインタビューがいくつも掲載されており、ここでもユーザーの視線をキャッチ。さらに情報の置き方がとても親切です。役割や働き方、事例がきれいに並び、どこから読み始めても応募までの流れが自然にわかります。各ブロックの余白と見出しの強弱でリズムが生まれ、ところどころのホバーや小さな動きが心地よい手触りを足しています。FAQや選考フローは短い文章と箇条書きでサッと読めるつくり。さらに、「ここで働くと何が良いか」を言い切る一文が要所にあり、迷ったときの道しるべになっています。結果として、誠実な雰囲気とチームの熱量が伝わり、そのまま応募してみようという気持ちにつながるサイトです。
株式会社アンパサンド | AmpersAnd INC.
シンプルかつ上質な印象を大切にしたコーポレートサイト。整然とした反復レイアウトで情報を見やすく整理しながら、文字サイズの変化やアニメーションを加えることでスタイリッシュさと遊び心を演出しています。モノトーンを基調にコンクリートの質感を取り入れ、爽やかなアズールブルーをアクセントに使用。視認性と上質感を両立し、企業の信頼性やビジョンを印象づけるデザインとなっています。横スクロールやホバーアクションなど多彩な動きを組み込みつつ、過度にならないよう抑制し、快適で没入感のあるWeb体験を実現しています。
