FirstDigital | Offering the Best DX Solutions
スケール感あふれるメタファーとしてのビジュアルと、画面を斜めに鋭く切り裂くようなダイアゴナルレイアウトの掛け合わせが最大の特徴です。IT企業のサイトでありながら、あえてPCやシステムの画像ではなく、百獣の王やシャチなどの野生動物、古代遺跡、さらには宇宙飛行士といった壮大な写真を各セクションに配置。これにより、提供するソリューションの本質的な強さや歴史を変えるような進化をコンセプチュアルに表現しています。配色設計は、洗練されたホワイトとブラックのハイコントラストなモノトーンを基調に、鮮烈でシャープな赤をアクセントに効かせた、極めてエッジィで力強い印象。DXを牽引するコンサルティングファームとしての圧倒的な自信と、洗練されたプロフェッショナル感が視覚化されています。また、見出しにはエレガントなセリフ体を用いることで、荒々しい力強さの中にも上質でアカデミックな品格を漂わせています。モーションは、スクロールに応じて斜めのエッジに沿ってシャープに視界が開けるような、サイト全体に心地よい緊張感とスピード感を与える挙動を採用。強烈なビジュアルインパクトでユーザーを惹きつけながらも、余白を活かしてサービス内容や実績への導線はクリアに整理されており、企業の確固たるビジョンを雄弁に語る、ブランド力の高いコーポレートサイトとなっています。
YAOYA（やおや）
深みのあるパープルをベースに、鮮烈なネオングリーンやビビッドなオレンジ、レッドをアクセントに効かせた、サイバーポップでエネルギッシュな配色設計です。IT施策やクリエイティブを担う企業でありながら、特有の堅苦しさを一切排除し、遊び心と面白さに振り切った独自の世界観を視覚的に確立しています。8bitのレトロゲームを彷彿とさせるピクセル調のタイポグラフィと、ポップな3Dイラストレーションが特徴的です。角を大きく丸めた柔らかなカードUIの中に、まるでゲームのアイテムやステージのようにサービス内容や実績を配置することで、ユーザーに「次は何が出てくるのか」というワクワク感を与えます。サイト全体が一つのエンターテインメントコンテンツとして機能する没入感のあるデザインです。ホバー時にはボタンがゲームのUIのように押し込まれたり、キャラクターが動くといった、触っていて楽しいインタラクションを採用。圧倒的に個性的なビジュアル表現でありながらも、情報のグルーピングや視線誘導は精緻に計算されており、ユーザーを迷わせることなくコンタクトへとナビゲートする、UI/UXの質の高さが光る導線設計となっています。
横浜銀行 IT・デジタル人財向け採用サイト
ファーストビューから続く巨大なタイポグラフィと、スマートフォンやノートPCなどのデバイスが空間を浮遊するような3Dのビジュアル表現が特徴的なサイトです。背景にはテクノロジーや正確性を暗示するドットグリッドが敷き詰められており、IT・デジタル人材の知的好奇心を刺激するサイバーでモダンな空間が構築されています。ABOUT USでは、実績や数値を大きなタイポグラフィでインフォグラフィックのように配置し、説得力と情報の見やすさを両立させています。配色は、清潔感あるホワイトをベースに、銀行の持つ信頼感や誠実さを象徴する深いブルーと、先進性やデジタルの広がりを感じさせる淡いライトブルーのグラデーションを組み合わせた、知的で未来志向な設計です。伝統的な金融機関の堅いイメージを払拭し、テクノロジーを駆使した新しい銀行の姿を視覚的に発信しています。スクロールに呼応するモーションは、デバイスの画像が視差効果を伴ってダイナミックにスライドしたり、見出しが下から滑らかにフェードインする洗練された挙動で統一されています。浮遊するデバイスと精緻なドットグリッドが魅せる、先進的なイメージとクリーンな世界観のリクルートサイトです。
株式会社サイバーリンクス｜新卒・キャリア採用情報
クリーンな水色と淡いブルーをメインとし、そこに赤、イエロー、グリーン、ブルーなどが溶け合う、鮮やかでノイズ感のあるトレンド感ある多色グラデーションをアクセントとして大胆に配置した配色のサイト。テキストやボタンには深いネイビーブルーを用いることで、IT企業としての確かな信頼感と画面全体の引き締まったコントラストを確保しつつ、グラデーションの持つ多様性やエネルギーを魅力的に引き立てています。最大の特徴は、背景を彩る交差する円形のグラデーションシェイプと、角を大きく丸められたカードUIの組み合わせです。IT・インフラ業界にありがちな直線的で硬いイメージを払拭し、広大な余白の中に丸みを帯びた要素を配置することで、そこで働く人の温もりや親しみやすさを視覚的に表現しています。流体的な動きが先進的でありながらも穏やかな空気感を生み出す、信頼感と先進性のハイブリッド・デザインです。
弥生株式会社 採用サイト
ブランドカラーである鮮やかで深みのあるブルーとクリーンなホワイトをベースに、エネルギッシュなグラデーションをアクセントに用いた、知的で疾走感のある配色設計。ファーストビューから続く、横へ流れるスピード感のあるライングラフィックが、「挑戦の循環」や「未来へ向かう力強い推進力」を視覚的に表現しています。配置された写真は、オフィスでの自然な様子や、窓越しに都市を見据える姿など、明るくクリアなトーンで統一され、社員一人ひとりの前向きな姿勢と企業の透明性を引き立てています。視認性と信頼感のあるスマートなゴシック体フォントを軸に、力強いメッセージにはしっかりとウェイトを持たせ、メリハリのある情報の階層化を図っています。レイアウトは、堅実なグリッドをベースにしつつ、セクションを大胆なブルーの背景や斜めのラインで区切ることで、単調にならないダイナミックな視線誘導を実現。CTAはソリッドにブルーの長方形で統一され、十分な余白の中に配置されることで高い視認性を確保し、洗練されたホバーアクションも一貫性があり、ユーザーを迷わず各ページリンクやエントリーへと導く、堅牢で信頼感のある導線設計となっています。
MI-6株式会社 採用サイト
たっぷりと確保したホワイトスペースに、楕円のグラスモーフィズムと鮮やかな青の対比が映える配色設計です。このコンビネーションをキービジュアルやCTAに一貫して採用することで、「冷静な知性」と「開発のレイヤー」のイメージを視覚化し、清潔感と先進性を同時に印象づけています。タイポグラフィは、ウェイトを抑えたゴシック体を広めの字間で組み、論理的な思考プロセスを想起させる整然としたリズムを構築。レイアウト自体はグリッドを遵守して情報を整理しつつも、ヒーローエリアにあえて有機的な曲線を配置することで、硬くなりがちなテック系の印象に柔軟な創造性をプラスしている。背景のシェイプが緩やかに変容するモーションは、静止画では伝わらない「変革のプロセス」を可視化したもの。抑制の効いたホバーアクションも、ユーザーの関心が深まる心理とリンクし、回遊への没入感を高める良いアクセントになっています。
ポスタス株式会社 採用サイト
白を基調とした背景にイエローをアクセントとして効かせ、清潔感と活力を共存させた配色設計。写真は自然光を感じさせる明るいトーンで統一され、社員の表情やオフィスの空気がリアルに伝わるようリタッチされています。タイポグラフィは可読性の高いゴシック体を軸に、見出しと本文で明確なウェイト差をつけて情報の階層を整理しつつ、欧文にはサンセリフを用いて先進性を演出。レイアウトは十分な余白を確保して要素を整列させ、視線が自然と下へ流れるようグリッドに忠実な設計がなされています。モーションは、スクロールに合わせて要素が下からふわっと浮き上がるスライドアップやフェードインを多用し、コンテンツを一つひとつ丁寧に提示する「プレゼンテーション」のようなリズムを形成。ボタンのホバー時には背景色の反転やアイコンの移動といった微細な変化を加え、ユーザーの操作に対するフィードバックを直感的に伝えています。ページ下部にはわかりやすいエントリーボタンを配置し、回遊からのコンバージョンを逃さない導線設計が徹底されています。
Coral Capital
幕開けを飾るのは、ユニークなイラストと意志を宿したフォントが躍動する、独創的なアニメーションです。その鮮烈な演出は、瞬時に観る者を深い没入へと誘います。細部にまで抜かりなく施されたホバーアクションや、スクロールに呼応するエフェクトも、一貫した世界観を精緻に描き出し、サイト全体に心地よいリズムを与えています。独特な余白の取り方と、理知的な強さを秘めたSans Serif体のタイポグラフィは、情報の解像度を極限まで高めています。特筆すべきは、全編に漂う粒子のテクスチャが生む、類稀なる統一感でしょう。デジタルな空間に有機的な温度感を宿すことで、洗練された可読性とアーティスティックな質感が美しく共鳴しています。革新的な精神と誠実な姿勢が同居した、唯一無二のブランド体験を鮮やかに可視化しています。
クラウドローン株式会社 採用サイト
クラウドローン株式会社の採用サイトです。ベースとなるのは、ノイズのないクリーンなライトグレーの空間と、力強いブラックのタイポグラフィで骨格を立てた端正なトーン。そこに、先進性と活気を象徴するライムグリーンのアクセントカラーを効かせることで、フィンテック領域を牽引する企業としての洗練された知性と挑戦的なエネルギーを見事に同居させています。特筆すべきは、高い視認性と世界観を担保するトーン＆マナーの統一感です。写真は明度・色温度・彩度を丁寧に揃えたフィルム調でレタッチされ、どのセクションでも一貫した上質な佇まいをキープ。見出しや画像が現れるスムーズなスライドインや、アクセント色と同期して伸びる下線やアイコンなど、一貫したモーション言語が心地よい前進感を生み出しています。一見ランダムに散りばめられたようなレイアウトも、緻密なグリッドシステムと計算された余白により導線が自然と整理され、流れるような滑らかな視線誘導を実現。細部へのこだわりと静かなホバー反応が触れどころを心地よく示し、企業の誠実さとクリエイティブへの美意識が自然体で伝わるデザイン設計です。
HOLON
シンプルだが大胆な余白で魅せるテック系の構成。丸みのあるフォントをダイナミックに配し、各セクションの存在感とサイト全体の世界観を明快に刻む。開始アニメーションは最後まで抜かりなく多様に展開し、ユーザーの視線をつぎつぎと誘導。中盤のサービスでは一度グッと“読ませる”トーンに切り替え、密度のある情報設計とテイストが完全にマッチしたイラストで訴求力を高める。全体は白を基調に、黒とオレンジをゆるやかに混ぜ、ちらつくアクセントが品よく効いてクオリティを底上げ。余白・タイポ・モーションの三位一体で、静と動のバランスを高精度に保った、軽快かつ信頼感ある体験。
