マルニ工業株式会社
日本唯一のパンク修理材メーカーマルニ工業株式会社のコーポレートサイトです。製造業らしさを武骨さではなく、ブランド価値として見せるデザイン。鮮やかなグリーン、ブラック、ホワイトのコントラストは、ブランドカラーを印象づけながら、ゴムやタイヤを扱う企業としての力強さと専門性を視覚化しています。縦長の英字サンセリフ体と端正な日本語フォントを組み合わせることで、無駄を削ぎ落とした工業的な精度と現代的なブランド感を両立させています。特に印象的なのが、製品や現場を捉えた写真で、製品単体の機能訴求に加え、手仕事の精度や技術力の高さを視視覚的に提示することで、取引先やプロのメカニックが抱く課題にアプローチしています。スクロールに連動するクイックなモーションも、視線を次々と引き込みながら、メーカーとしてのスピード感や躍動感を演出。装飾を足すのではなく、カラーリング・写真の質感・タイポグラフィの美しさ・動きという限られた要素の精度で魅せる引き算の構成。機能美を極めた製品と呼応するように、メーカーの誇りとものづくりへの誠実な姿勢を伝えるデザインです。
トヨタバッテリー株式会社 採用総合サイト
クリーンなホワイトと淡いライトグレーで作られた無機質な空間に、ブランドカラーである鮮烈なレッドをアクセントとして力強く効かせた、先進性と信頼感を両立するハイコントラストな配色設計です。この極限まで色数を絞ったベースカラーが、情熱やエネルギーを象徴する赤の存在感をより一層際立たせています。構成の最大の特徴は、ファーストビューから背景に広がる精緻な3Dアイソメトリックイラストです。真っ白な都市のジオラマの中を走る車やインフラを描くことで、バッテリーが支える未来の社会を俯瞰的な視点で表現しています。タイポグラフィは視認性に優れたモダンで力強いゴシック体を採用し、キャッチコピーの一部を赤く染めることでメッセージ性を強調。コンテンツエリアは整然としたグリッドレイアウトとカードデザインで構成されており、豊富な情報量を整理し、ユーザーが迷いなく求めている情報へアクセスできる高いユーザビリティを確保しています。閲覧者を自然と社員インタビューや募集要項へと導く、堅実で完成度の高い導線設計。クリーンな余白と鮮烈な赤が、企業の情熱と先進性をクリアに伝えるサイトになっています。
東急株式会社 新卒採用サイト
ファーストビューは東急レッドと白を大きく切り替えた背景に、ダイナミックなタイポと線画イラストが踊る、勢いのある構成。イラストや背景の質感がサイト全体で統一されていて、影の落とし方やテクスチャも揃っているから、ページをスクロールしても世界観がブレず、“街と人をつなぐ企業”というテーマが一本筋で伝わります。開始時のズームやスライド、ボタンやカードのホバーアニメーションはやや激しめですが、スクロールに合わせて要素がリズミカルに現れ、軽快なテンポ感とメインの赤のポップさとよく噛み合い、就活サイトにありがちな堅さをうまく中和しています。見出しのダイナミックタイポ、ボタンのホバーでの形や色の変化、絵文字を混ぜたコピーなど、トレンドの表現もさりげなく取り入れつつ、レイアウト自体は整理されているので迷いなく読み進められる。遊び心と視認性のバランスが良く、“まじめだけど楽しい会社”という印象を高い解像度で届けるデザインです。
CRUISE KOBE
白とマリンブルーの強いコントラストに、広めの余白と大ぶりの見出しを合わせた“抜けの良い”ヒーロー。写真は海面のきらめきや船体の曲線を大きく見せるトリミングで、水平線の安定感がそのまま信頼感に置き換わります。タイポは太さと字間のメリハリが効き、港のサイン計画を思わせる視認性で画面の骨格を作る。余白・色・写真の三要素だけで海風の清潔感を立ち上げるミニマルな設計です。 中盤以降はカードやタブで“面を保ったまま切り替える”UIを徹底し、写真比率を大きく保つことで船ごとのスケール感や質感の差がサムネイル段階で伝わる。ギャラリーは画面を広く使ったグリッドで、空と海のブルーが連続する心地よさを崩さずに見応えを作る。アニメーションはフェード／スライド中心の軽いモーションに留め、操作感を乱さず視線誘導だけを担う“裏方”の使い方が巧み。全体として、色面のコントラスト、写真のトリミング、抑制されたモーションの三本柱で“海から神戸を楽しむ”情緒と実在感を両立させたデザインです。
