株式会社サンベルクス 採用サイト
食を通して人々の暮らしを豊かにする、株式会社サンベルクスの採用サイト。画面全体を大胆に覆い尽くすのは、情熱やあふれるエネルギーを象徴する鮮烈なマゼンタレッド。そこに「驚」という力強い筆文字タイポグラフィと、一斉に駆け出す多様な職種のスタッフたちの姿を配置することで、スーパーマーケットの現場が持つ活気と熱量を、ファーストビューからダイナミックに伝えています。デザインの随所に光るのは、食に対する深い愛情と遊び心あふれる演出です。現場で働くスタッフの笑顔を切り取るフレームには、魚やトマト、イカといった食材のシルエットをユニークに採用。明朝体をベースにした和風のあしらいや、勢いのあるイラストが、威勢の良い活気と親しみやすさを同時に醸し出しています。強烈なビジュアルインパクトで求職者を惹きつけながらも、仕事内容やプロジェクトを紐解くセクションは、ホワイトの余白を活かしたレイアウトで明瞭に整理。ずらして重ねたレイヤーやコミカルなアニメーションで日常的なスーパーの裏側にあるワクワク感と、お客様に驚きを届けるプロフェッショナルたちの熱い鼓動が画面越しに力強く響き渡る、エンターテインメント性に満ちたデザインです。
weider（ウイダー）｜森永製菓株式会社
森永製菓が展開するプロテインブランドweider（ウイダー）のブランドサイト。商品パッケージのイメージを踏襲してファーストビューからページ全体に斜めのラインやエッジの効いたスラッシュ型のレイアウトを多用。デジタル画面でありながら、トップアスリートが風を切って駆け抜けるようなスピード感と、前進し続けるエネルギッシュな躍動感を視覚的に生み出しています。同時に取るべき余白はしっかり確保しそれぞれの要素を見やすく配置し、整然とした印象も残しています。ベースを構成する白と黒の極めて高いコントラストと、視認性の高い極太のタイポグラフィの組み合わせは、日々のトレーニングに向き合うストイックさと力強さを演出。揺るぎない信頼感と存在感を際立たせています。中盤の商品ラインアップでは、本格的なアスリートだけでなく、美しいボディラインを目指す女性や成長期の子供、日々の健康維持を願うシニアまで、多様なターゲットに寄り添う実写写真をダイナミックに配置。プロテインへのハードルを下げつつ、すべての人の前進を力強く後押しするブランドの熱い姿勢が、洗練されたデザインから伝わるデザインです。
八芳園洋菓子店
八芳園が手掛けるパティスリーブランドの、上質で温かみのある世界観を見事に体現したブランドサイトです。画面全体を優しく包み込む柔らかなクリーム色をベースカラーに設定することで、洋菓子が持つ甘く豊かな香りや、厳選された素材のシズル感を視覚的に強く引き立て、訪れるユーザーに心地よい安心感と幸福感を与えています。テキストには真っ黒ではなくダークブラウンを採用し、繊細な明朝体やセリフ体と組み合わせることで、歴史ある老舗ならではの確かな品格と優しさを画面全体で演出。さらに、このサイトの最大の魅力は、随所に散りばめられた彩り豊かな幾何学模様のオリジナルグラフィックにあります。日本の伝統工芸や積み重なるスイーツを連想させるこのモダンでアートな装飾が、静かで上品なレイアウトの中にリズミカルな遊び心をプラスしています。高品質でクラシカルな美しい商品写真と、現代的なグラフィックがたっぷりの余白の中で交差することで、「和と洋」「伝統と革新」の共存が直感的に伝わり、商品や店舗の紹介とブランドイメージを確かにユーザーに届けています。芸術的な美意識と食べる喜びが見事に融合した、上質な視覚体験を提供するデザインに仕上げられています。
【公式】ツクリオ(Tsuklio) | 手料理サブスク
角を丸めた豊富な写真レイアウトと、フラットで可愛らしい食材のイラストレーションの組み合わせが特徴的なサイトです。単なる美味しそうな料理の写真だけでなく、家族が笑顔で食卓を囲むシーンや、温かな光が差し込むキッチンの風景を多用することで、このサービスを利用することで得られるゆとりある時間や幸せな日常といったベネフィットを情緒的に訴求。また、見出し回りなどに散りばめられた野菜や調理器具のシルエットイラストが、手作りのような温もりと楽しさを演出しています。カラーリングは清潔感のある柔らかなオフホワイトをベースに、食欲を刺激し、家庭的な温もりを感じさせるオレンジをメインカラーに据えた、非常に親しみやすくアットホームな配色。アクセントとして新鮮な野菜を連想させるグリーンを配置することで、食品を扱うサービスとしての安心感とフレッシュさを表現しています。配色とイラスト、写真の色彩がこのサイトの清潔感と温かさのイメージを決定づけています。スクロールに呼応するモーションやレイアウトは奇をてらわず、見出しがポンと浮き上がり目を引き、要素がじわっとフェードインするバランスの取れたモーション。オレンジの背景色で視覚的な区切りを明確に行うことで、豊富なコンテンツ量を感じさせず、さらにホバーアクションなどの細かなこだわりを細部まで感じさせ、心地よいリズムと高いユーザビリティを実現した導線設計となっています。
ナッツの美味しさが開花する 【caica カイカ】
爽やかで抜け感のあるペールブルーを背景の基調とし、パッと目を引く色鮮やかなレッドやピンク、オレンジを用いた花のイラストを大胆に配置した、ポップで心躍るような配色設計。ブランド名であるcaica（開花）のコンセプト通り、画面全体に華やかさとポジティブなエネルギーが満ち溢れています。フラットで少しレトロな手描き風のグラフィックアートと、ナッツやチョコレートの質感・シズル感を極限まで引き出した高解像度のプロダクト写真の大胆な掛け合わせです。写真をあえて真円ではなく、いびつな円形やアーチ型でマスクすることで、有機的で温かみのある世界観を強調。また、ポップなビジュアルに対して、見出しにはエレガントなセリフ体のタイポグラフィを採用することで、ただ可愛いだけでなく、お菓子としての上質さやプレミアム感をしっかりと担保しています。スクロールに呼応するモーションは、波打つような境界線やイラストがゆっくりと現れるような、優しく遊び心のある挙動。ホバー時には、各プロダクトの丸いボタンや画像が直感的に反応するインタラクション。鮮やかな色彩とリズミカルな円形レイアウトがユーザーの視線を自然と下へ下へと誘導し、ショッピングのワクワク感を高めながら購入へと繋げる設計です。
株式会社バイオフィリア(Biophilia inc.)
生命力や愛情、温もりを感じさせる鮮やかなオレンジがかった赤をメインカラーに、清潔感のあるクリーンなホワイトを基調色に極めてエネルギッシュで愛情深い配色設計です。テキストには完全な黒ではなく、柔らかなダークブラウンを採用することで、視覚的なコントラストを和らげ、全体のトーンに優しい統一感を持たせています。構成の最大の特徴は、角を丸めた柔らかなデザイン言語と、動物たちと人間が触れ合う大きな写真の配置です。背景の赤に有機的な曲線を組み合わせたレイアウトが、命の温かさや企業理念である「しあわせ」を直感的に伝えます。また、丸みを帯びたポップなタイポグラフィやアイコンが、親しみやすさをさらに後押ししています。ホバー時には、視認性の高いカプセル型の赤いボタンがポップに変化し、ユーザーの操作を心地よくアシストします。直感的なレイアウトと温かなビジュアルコミュニケーションが融合し、動物への深い愛情という企業のコアバリューを一切のノイズなくユーザーの心へ届ける、極めて純度の高い導線設計となっています。
たまご専門 本巣ヱ（もとすえ）
和紙を思わせる温かみのあるオフホワイトと、墨のような深いブラックを組み合わせた、静謐で品格のある和モダンの配色設計。背景から過度な装飾や色彩を削ぎ落とすことで、暗背景に浮かび上がるような商品写真の美しさや、たまごの黄金色、焼き目の香ばしいトーンが圧倒的なシズル感と存在感を持って際立っています。広大な余白を贅沢に活かした中央揃えのレイアウトと、縦書きの美しい明朝体を組み合わせたエディトリアルデザインで、情報を詰め込まず、洗練された言葉一つひとつに重みを持たせることで、老舗のお品書きをゆっくりと紐解くような、優雅で奥ゆかしい視線誘導を実現しています。スクロールで発火するかいしアニメーションは、静かに浮かび上がる滑らかなフェードインで統一され、ブランドに流れる上質で穏やかな時間を視覚的に表現しています。削ぎ落とされた無彩色の空間が、暗闇に浮かぶ菓子の黄金色を最高潮に引き立てるデザインです。
Patisserie PONO パティスリーポノ
淡い水色とクリーンなホワイトを基調に、温かみのある柔らかなレモンイエローをポイントカラーに、極めて優しく清潔感のあるパステルカラーの配色。このソフトな背景色が、ケーキに添えられたイチゴの赤や焼き菓子の豊かなブラウンといった、スイーツ本来の鮮やかな色彩とシズル感を、甘く魅力的に引き立てています。構成の最大の特徴は、生クリームが滑らかに垂れるような波線や、水彩画のような滲みを持つ有機的な曲線をセクションの境界に大胆に用いている点。直線的なグリッドをあえて崩し、手書き風の可愛らしい線画イラストを空間に散りばめることで、まるで優しい絵本の世界に迷い込んだかのような、ワクワクする視線誘導を実現しています。タイポグラフィには、品格のある細身の明朝体を主軸に据えつつ、わずかに手書き風のフォントを交えることで、お菓子作りの丁寧な手仕事感と、地域に根ざした親しみやすさを見事に両立させています。スクロールに呼応するモーションは、各要素が短い距離をゆっくりと滑らかにフェードインする挙動で統一され、店舗に流れる穏やかで優しい空気感を視覚的に表現しています。たっぷりと取られた余白の中に配置されたデザイン性の高いリンク要素が、世界観のノイズにならずにユーザーを自然とメニューや店舗情報へと導く、丁寧で温もりのある導線設計となっています。淡い水色と生クリームの曲線が描く、絵本のようなパティスリー空間。
株式会社GENDA
薄いグレーと深みのあるダークネイビーを基調に、上品なゴールドをアクセントカラーとして効かせた洗練されたコントラスト。ファーストビューのイラストはロードすると別パターンが表示される遊び心があり、ブランドのコアである楽しさを象徴するポップなテイストで目を引きます。スクロールを進めると一転して、広大な余白を活かしたミニマルなレイアウトへと移行。配置された写真は、彩度を抑えたシネマティックで上質なトーンで統一され、企業の信頼感と洗練された空気感を静かに伝えています。構成は、画面を左右に分割するような堅牢なグリッドシステムをベースにしつつ、テキストと画像を整然と配置することで、高級なビジネス誌を読み進めるような心地よい視線誘導を実現。タイポグラフィは、エレガントなセリフ体の英字見出しと可読性の高い和文を組み合わせ、たっぷりと取られた字間・行間が空間に品格を与えています。ホバー時にはテキストリンクが微細に変化する控えめなインタラクションで、エンターテイメント企業としての「遊び心」と、コーポレートサイトに求められる「品格と信頼感」を見事に両立させた、極めて洗練されたデザインとなっています。
アスザックグループ 採用サイト
空や水を感じさせる鮮やかなブルー、豊かな自然のグリーン、そして活気あふれるオレンジやイエローをページ全体で使用した非常に明るく親しみやすい配色設計。構成の最大の特徴は、ファーストビューからフッターまで全体を繋ぐ、緻密でポップなイラストレーションです。街や工場、そこで働く人々を俯瞰的な視点で描き出し、そのイラストの世界の中に実写の社員写真やコンテンツを違和感なく溶け込ませています。見えないグリッドにとらわれず、道や川、山々の稜線に沿って情報が配置されることで、まるでワクワクする絵本や地図を読み解くような、探索的な心地よい視線誘導を実現しています。タイポグラフィには読みやすいゴシック体や手書き風のあしらいを採用し、企業が持つ温かな社風を視覚的に伝えています。スクロールに伴うモーションは、イラストのキャラクターや乗り物が生き生きと動いたり、各要素がポップに飛び出してきたりするような、楽しげな挙動で世界観を統一。視認性の高いオレンジ色で統一されたCTAが、賑やかなビジュアルの中でもユーザーを迷わずエントリーや詳細ページへと導く、堅実な導線設計となっています。
