アスザックグループ 採用サイト
空や水を感じさせる鮮やかなブルー、豊かな自然のグリーン、そして活気あふれるオレンジやイエローをページ全体で使用した非常に明るく親しみやすい配色設計。構成の最大の特徴は、ファーストビューからフッターまで全体を繋ぐ、緻密でポップなイラストレーションです。街や工場、そこで働く人々を俯瞰的な視点で描き出し、そのイラストの世界の中に実写の社員写真やコンテンツを違和感なく溶け込ませています。見えないグリッドにとらわれず、道や川、山々の稜線に沿って情報が配置されることで、まるでワクワクする絵本や地図を読み解くような、探索的な心地よい視線誘導を実現しています。タイポグラフィには読みやすいゴシック体や手書き風のあしらいを採用し、企業が持つ温かな社風を視覚的に伝えています。スクロールに伴うモーションは、イラストのキャラクターや乗り物が生き生きと動いたり、各要素がポップに飛び出してきたりするような、楽しげな挙動で世界観を統一。視認性の高いオレンジ色で統一されたCTAが、賑やかなビジュアルの中でもユーザーを迷わずエントリーや詳細ページへと導く、堅実な導線設計となっています。
ぶどうのワンピース – budou-no-onepiece
太陽の光をたっぷり浴びた果樹園の空気感と、作り手の温もりが伝わる、上品で物語性のあるデザイン。柔らかなベージュとクリーンなホワイトをメインカラーに、ブランドを象徴する深みのあるグレープパープルをアクセントに効かせることで、自然の恵みと洗練された品格を両立した配色を構成しています。配置された写真は、木漏れ日や自然光を活かした明るく暖かみのあるトーンで統一されており、瑞々しいぶどうの質感や、農園で働く人々の穏やかな笑顔をクリアに伝えています。タイポグラフィは繊細で美しい明朝体を主軸に据え、縦書きと横書きを効果的に交差させるレイアウトを採用。たっぷりと取られた余白の中にテキストやイラスト、写真をゆったりと配置することで、まるで上質なカタログをめくるような心地よい視線誘導。スクロールに呼応するモーションは、ゆったりとフェードインする挙動に統一されており、穏やかな時の流れを感じさせます。ホバー時には画像やリンクテキストが微細に変化する控えめなインタラクションでフォーカスを可視化。グリッドレイアウトの見やすさと明るい世界観をダイレクトに感じられるブランドサイトです。
ファイビーと走れ腸特急 | Fibee | ミツカングループ
商品の世界観とタレントの魅力を掛け合わせた、ポップで親しみやすいデザインです。基調色には淡いグリーンと柔らかなピンクを採用し、商品のパッケージカラーと連動した統一感のある配色を構成しています。アクセントに鮮やかなイエローを用いることで、画面全体に明るくポジティブなコントラストを生み出しています。配置された写真は明度と彩度が高く、メンバーの生き生きとした表情や商品のディテールをクリアに伝えています。タイポグラフィには丸みを帯びたポップなゴシック体や装飾的なフォントを採用し、見出しと本文で明確なウェイト差をつけることで、楽しげな雰囲気と情報の読みやすさを両立させています。レイアウトは中央揃えの見えないグリッドをベースに情報ブロックを整然と配置しつつ、背景の境界を雲や波のような柔らかな曲線で区切ることで、まるで絵本を読み進めるようなワクワク感のある視線誘導を実現しています。スクロールに伴うモーションは、各要素がポップなアニメーションでフェードインし、賑やかなイメージを表現しています。随所にCTAを設置し、ユーザーがアクションにスムーズに移れる設計です。
Fujiya1935（フジヤ1935） – 季節と記憶の食卓
豊かな自然の息遣いと、積み重ねられた歴史の重みを感じさせる、極めて洗練されたエディトリアル調のデザインです。たっぷりな余白を贅沢に活かし、見えないグリッド上で大小の写真をアシンメトリーに配置することで、上質な作品集をゆっくりとめくるような優雅な視線誘導を構築しています。この静謐な空間を支えるのは、温かみのあるベージュやオフホワイトを基調とし、テキストに墨色のようなダークグレーを配した、自然界に溶け込むような穏やかな配色。あえて強いアクセントカラーを設けず、木漏れ日や瑞々しい葉の緑、そしてモノクロのアーカイブ写真が持つ豊かな階調を主役として引き立てています。タイポグラフィには、品格のある細身の明朝体とエレガントなセリフ体の英字を採用し、字間と行間が、料理に向き合う誠実で静かな空気感を視覚化しています。セクション構成として、店舗の営業日カレンダーを配置し、スムーズに来店を誘導できる設計と、歴史紹介が特徴的。スクロールに呼応するモーションは、画像やテキストがじわっとフェードインする挙動で統一され、ゆるやかな時の流れを感じさせるような抑制的な一貫性を保っています。ホバー時にはリンクテキストに滑らかな下線が現れアイコンが呼応する、あるいは画像が微細に変化するなどの控えめなインタラクションでフォーカスを可視化しており、空間のノイズにならないよう配置されたミニマルなCTAが、ユーザーを自然に予約や世界観の奥へと導く洗練された導線として機能しています。
かながわ農産 | 富山県滑川市のお米農家
豊かで穏やかな自然の息遣いを感じさせる、洗練された和の趣を持つデザインです。大地を思わせる温かみのある淡いベージュをメインカラーに採用し、テキストに墨色のようなダークグレーを合わせることで、明快なコントラストを保ちつつも目に優しい配色を構成しています。配置された写真は自然光を活かした暖色寄りの色温度で統一され、稲穂の瑞々しい緑や白米のツヤといった被写体の質感を穏やかに表現。レイアウトは、広大な余白を活かして写真をアシンメトリーに配置し、見えないグリッド上で縦書きと横書きのテキストを交差させることで、上質な和風雑誌のような心地よい視線誘導を実現しています。タイポグラフィは品格のある明朝体を主軸に据え、細やかなウェイト調整とゆったりとした字間・行間を設けることで、誠実な手仕事の空気感を視覚的に構築されています。スクロールに伴うアニメーションは、各要素が短い距離を緩やかなイージングでフェードインする挙動で反復され、全体のゆったりとした世界観を引き立てています。シンプルな矢印を添えたテキストリンク等のCTAは、たっぷりと取られた余白の中で高い視認性を確保しており、ユーザーを自然にストーリーや商品詳細へと導く無駄のない導線設計となっています。
株式会社トレスエルマノス
企業の強い信念を体現する、モノトーンと鮮烈なレッドを掛け合わせたソリッドなデザイン。言葉そのものをビジュアルアートに昇華させたエディトリアルデザインです。ジャンプ率を持たせたキーワードがマニフェストのように視覚へ飛び込み、圧倒的なメッセージ性を放ちます。スクロールに合わせて要素が現れるエフェクトで、閲覧者にただ情報を伝えるのではなく、体験を促す設計で没入感を与えます。背景には細かな粒子状のグラフィックがうごめき、鮮烈なレッドの円形モチーフとメンバーの顔写真が有機的に交じり合うことで、企業に渦巻く熱気と個のエネルギーを前衛的に表現しています。グリッドに縛られない有機的なレイアウトで、テキストや画像が画面を浮遊・浸食するような設計で、型にハマらない企業のスタンスを体現しているようです。
株式会社ヤマダイグループ
白をベースに、ブランドカラーである鮮やかな赤と青をアクセントに効かせた、爽やかで信頼感のある設計。水産・食品加工という業種の特性を活かし、海の青さを想起させるクリーンな世界観で統一されています。写真は、働く人々の笑顔や新鮮な食材、港の風景などを明るいトーンで捉え、企業の透明性と活気を視覚的に伝えています。特徴的なところは波打つような曲線や角丸のシェイプを多用し、海や水のイメージをデザイン全体に浸透させています。これにより、セクション間のつながりが滑らかになり、スクロールするごとに物語が展開していくような心地よいリズムが生まれます。 タイポグラフィは、視認性の高い太めのゴシック体を採用し、力強さと実直さを表現。見出しの英字には動きのあるデザインを取り入れ、硬くなりすぎないモダンな印象をプラスしています。CTAはホバー時に色が変化する、アイコンが動くなどのマイクロインタラクションがユーザーの操作を軽やかに後押しする親切な導線設計となっています。また、スクロールに合わせて要素がふわっと浮き上がるフェードインや、波のシェイプがゆったりと揺れるアニメーションを採用し、海辺のような穏やかな時間の流れを演出しています。
ボンジュール株式会社
全体を包み込む柔らかなサンドベージュのニュアンスカラーを基調とし、フランスの優雅さと日本の繊細さを融合させた、上質でオーガニックな配色の海外風デザイン。写真、動画はパリの街並みや商品を情緒的なトーンで切り取り、背景色と馴染む低い彩度で統一することで、ブランドの世界観を映画のワンシーンのように演出しています。グリッドに縛られない自由な配置に見せつつも、たっぷりの余白によって視線が自然と中央から下流へと導かれるよう計算されており、スクロールするたびに心地よいリズムが生まれます。タイポグラフィは、見出しに格調高いセリフ体の欧文を大きく配置して視覚的なアンカーとしつつ、日本語テキストは控えめに添えることで、デザインのノイズを極限まで排除しています。抑制の効いた演出のモーションは「静寂」をテーマに、品格を損なわないよう配慮されています。CTAやリンクは文字主体のミニマルな装飾で統一され、ホバー時にアイコンのエフェクトやわずかに色が薄くなる等の微細な変化が、洗練された大人の閲覧体験を提供しています。
yuppa（ゆっぱ）
湯葉を使ったヘルシーファストフードのシズル感と、ブランドの遊び心を体現したポップでモダンなサイト。湯葉の白やベージュを基調にしつつ、食材由来の鮮やかなオレンジやグリーン、イエローをアクセントに散りばめ、食欲をそそる彩度の高い写真素材が高コントラストで配置されています。タイポグラフィは、太めのサンセリフ体で力強いインパクトを与えながら、和文には可読性の高いゴシック体を採用し、カジュアルさと信頼感を両立。レイアウトは、雑誌のように写真とテキストを大胆に重ね合わせたり、斜めのラインや不規則なグリッドを用いることで、ファストフードらしい軽快なリズムと躍動感を生み出しています。角丸や太めの線の装飾がカジュアルな印象を与えて、具材が飛び出すような「賑やかさ」も演出。ホバー時にはボタンの色が反転したり、アイコンが回転するなどのマイクロインタラクションが仕込まれ、ユーザーの操作に心地よいフィードバックを返しつつ、店舗や商品ページへの導線をスムーズに繋ぐ設計となっています。
サントリーグローバルイノベーションセンター
白を基調に、研究事業のイメージに合う深いブルーをアクセントに用いた高コントラストのコーポレートサイト。ヘッダーに英日の言語切り替えを常設することで可読性と操作の軽さを両立しています。グローバルナビは下層への導線を迷わせず、グラスモーフィズムでデザイン性を持たせています。レイアウトは広めの余白とグリッドにより “見えない線” を揃えてバランスが調整され、大きめの明朝体の見出しが信頼と誠実な印象を与えます。モーションは必要最小限で、図版の切替と視線誘導を補助する程度に抑制。リンク色や下線の出現など微細な反応に留めたクオリティの高いホバーアクションで、可視フォーカスも確保。CTAは各所のテキストリンクとカード型導線で散らしつつ、セクション末に明確な到達点を用意し、研究ストーリーを一筆書きのように通読できるトップ体験を実現。
