茨城で家づくりならSHIN KA(シンカ)｜益三建設株式会社
広大な余白を贅沢に活かしてパンフレットのようなエディトリアルデザイン。画像を均等に並べるのではなく、あえてサイズに変化を持たせたり、位置をずらして配置することで、画面に心地よいリズムと奥行きを生み出しています。温かみのある無垢材の質感が際立つクリーンなホワイトを基調に、落ち着きのあるダークグレーや淡いグレーをセクション背景として効果的に配した、上質で洗練された配色設計です。強い色を持たせないことで、柔らかな自然光が差し込む建築写真そのものの魅力や、木肌の温もりをノイズなく引き立て、同時にゆっくり滑らかなスクロールが空間を感じる時間を演出しているようです。タイポグラフィには繊細で美しい明朝体を採用し、要所に縦書きのテキストを交えることで、優雅でゆったりとした視線誘導を実現しています。ホバー時には画像が微細にズームする、あるいは矢印がスッと動くといった控えめなインタラクションを採用。洗練された空間のノイズにならないよう、極めて抑制を効かせた設計となっており、ユーザーを自然と施工事例やコンセプトの深くへと導く、丁寧で完成度の高い導線設計となっています。豊かな余白と美しい明朝体が紡ぐ、上質な建築雑誌のようなエディトリアルサイトに仕上げられています。
あさひな歯科｜地域に根ざした歯科診療
温かみのある淡いベージュとクリーンなホワイトを基調に、親しみやすいオレンジや自然を感じさせる柔らかなグリーンをアクセントに用いた、安心感に満ちた配色設計です。歯科医院特有の冷たい印象を払拭し、患者の不安を優しく和らげるようなカラーリング。最大の特徴は、水彩画のような温もりあるタッチの背景画像と、シンプルなイラストレーションのブレンド、角を大きく丸く落とした写真やUI要素の組み合わせ。木々や家族のイラストが随所に散りばめられ、直線を極力無くしたレイアウトが、優しい絵本のようなホッとする視線誘導を実現しています。 タイポグラフィは、可読性の高い丸ゴシック体の見出しはロゴに合わせたオレンジ、本文にはダークグレーを使用することで、親しみやすい印象を作り子供からお年寄りまで幅広い世代に情報を分かりやすく丁寧に伝えています。
鹿児島で建築工事・土木工事・メタバースなら株式会社森建設
ファーストビューから背景に大胆に配置された巨大な英字タイポグラフィが特徴的。このスケール感のあるあしらいが、空間に圧倒的な奥行きと先進性を与えています。一方で、見出しや本文には品格のある美しい明朝体を採用し、広大な余白とともに配置することで、建設業としての確かな歴史と信頼感、そして真摯な姿勢をしっかりと担保しています。配色は自然と調和する鮮やかで力強いグリーンをメインカラーに据え、クリーンなホワイトと重厚なダークトーンを組み合わせた、誠実さとダイナミズムを兼ね備えた設計です。この鮮烈なグリーンが、青空や緑豊かな風景、そして建設現場の無骨なトーンを捉えた写真とコントラストを描き、企業の活力や未来志向を視覚的に印象付けています。品格の明朝体と先進的なレイアウトが同居する、誠実にして大胆なコーポレートサイトです。
協業・新規事業開発・スタートアップ支援｜株式会社ユニッジ
ファーストビューから優しい動きがあり、深みのあるダークトーンを基調に、ブルー、パープル、ピンク、オレンジといった鮮やかで幻想的なメッシュグラデーションを大胆に掛け合わせた、近未来的で洗練された配色設計が目を惹きます。暗闇の中に浮かび上がるオーロラのような発光感が、新しい価値を創出する企業の先進性とクリエイティビティを視覚的に強く印象付けています。構成の最大の特徴は、この流体的なグラデーション背景と、極めて整然とした構成設計のセクションとの対比です。広大な余白の中に、エレガントでクラシカルなセリフ体の英字見出しと、モダンなゴシック体の本文を組み合わせることで、テック感の強いビジュアルの中に知的で信頼感のある品格を担保しています。ダーク背景とホワイト背景のセクションをメリハリ良く切り替えることで、心地よい視線誘導を実現しています。スクロールに呼応するモーションは、見出しが短い距離を滑らかに浮かび上がる静かなフェードインで統一され、背景のグラデーションが持つ柔らかく漂うような世界観と美しく調和しています。ホバー時には、画像が微細にズームする、あるいはボタンが滑らかに反転するといった空間のノイズにならない洗練されたインタラクションが採用され、ミニマルに配置されたリッチなボタンやテキストリンクが、ユーザーを自然に実績やインタビュー記事へと導く、完成度の高い導線設計となっています。
株式会社丹青社｜採用サイト
極太のゴシック体やステンシル風、手書き風のフォントをミックスして使用し、まるでストリートアートやDIYで作られたZINEのような、圧倒的な熱量と遊び心あふれる世界観。クリーンなホワイトと方眼紙のようなグリッド線を背景に、鮮烈なレッド、ブルー、イエロー、ピンクといったビビッドカラーを大胆に掛け合わせた、極めてエネルギッシュでインパクトのある配色設計です。構成の最大の特徴は、「満たせ、はみ出せ。」というメインコピーや各セクションのタイトルを、マスキングテープやステッカーのように画面の至る所にランダムかつ斜めに配置している点です。ベースとなる整然としたグリッドをあえて無視し、枠から文字通りはみ出すようなダイナミックなレイアウトが、クリエイティビティと型破りなパワーを視覚的に体現しています。スクロールに呼応するモーションは、重なり合ったテープや画像がそれぞれ異なるスピードで現れるような、躍動感のあるパララックスで、画面全体に強いリズムと生命感を生み出しています。ホバー時にはビビッドな背景色が反転したり、要素が角度がついて大きく動くといった大胆なインタラクションを採用。決して無難にまとまらず、閲覧者に企業の挑戦的なスタンスを強烈に印象付けながらエントリーへと導く、野心的な設計となっています。
Patisserie PONO パティスリーポノ
淡い水色とクリーンなホワイトを基調に、温かみのある柔らかなレモンイエローをポイントカラーに、極めて優しく清潔感のあるパステルカラーの配色。このソフトな背景色が、ケーキに添えられたイチゴの赤や焼き菓子の豊かなブラウンといった、スイーツ本来の鮮やかな色彩とシズル感を、甘く魅力的に引き立てています。構成の最大の特徴は、生クリームが滑らかに垂れるような波線や、水彩画のような滲みを持つ有機的な曲線をセクションの境界に大胆に用いている点。直線的なグリッドをあえて崩し、手書き風の可愛らしい線画イラストを空間に散りばめることで、まるで優しい絵本の世界に迷い込んだかのような、ワクワクする視線誘導を実現しています。タイポグラフィには、品格のある細身の明朝体を主軸に据えつつ、わずかに手書き風のフォントを交えることで、お菓子作りの丁寧な手仕事感と、地域に根ざした親しみやすさを見事に両立させています。スクロールに呼応するモーションは、各要素が短い距離をゆっくりと滑らかにフェードインする挙動で統一され、店舗に流れる穏やかで優しい空気感を視覚的に表現しています。たっぷりと取られた余白の中に配置されたデザイン性の高いリンク要素が、世界観のノイズにならずにユーザーを自然とメニューや店舗情報へと導く、丁寧で温もりのある導線設計となっています。淡い水色と生クリームの曲線が描く、絵本のようなパティスリー空間。
Hotel URO｜Nagasaki
温かみのある淡いサンドベージュと、深く引き締まったダークグレーを交互に配した、ミニマルでありながらも強いコントラストが印象的で上品なカラーリング。無駄な装飾を削ぎ落とし、この2色のソリッドな背景を用いることで、ホテルの建築や内装、柔らかな照明の質感を捉えた写真の魅力をノイズなく際立たせています。構成は、画面幅を大胆に使った大きなブロックごとに背景色を切り替えることで、メリハリのある視線誘導を実現しています。特筆すべきはタイポグラフィで、個性的で装飾的な極太の英字フォントと、可読性の高い端正なフォントを組み合わせることで、空間に洗練されたインパクトを与えています。ファーストビューに配置された緻密な線画イラストも、ブランドの独自の世界観を強く印象付ける役割を果たしています。ホバー時にはテキストリンクの矢印がスッと伸びるといった控えめなインタラクションで、洗練された空間のノイズにならないよう、ユーザーを自然に宿泊予約や詳細情報へと導きます。
株式会社GENDA
薄いグレーと深みのあるダークネイビーを基調に、上品なゴールドをアクセントカラーとして効かせた洗練されたコントラスト。ファーストビューのイラストはロードすると別パターンが表示される遊び心があり、ブランドのコアである楽しさを象徴するポップなテイストで目を引きます。スクロールを進めると一転して、広大な余白を活かしたミニマルなレイアウトへと移行。配置された写真は、彩度を抑えたシネマティックで上質なトーンで統一され、企業の信頼感と洗練された空気感を静かに伝えています。構成は、画面を左右に分割するような堅牢なグリッドシステムをベースにしつつ、テキストと画像を整然と配置することで、高級なビジネス誌を読み進めるような心地よい視線誘導を実現。タイポグラフィは、エレガントなセリフ体の英字見出しと可読性の高い和文を組み合わせ、たっぷりと取られた字間・行間が空間に品格を与えています。ホバー時にはテキストリンクが微細に変化する控えめなインタラクションで、エンターテイメント企業としての「遊び心」と、コーポレートサイトに求められる「品格と信頼感」を見事に両立させた、極めて洗練されたデザインとなっています。
アスザックグループ 採用サイト
空や水を感じさせる鮮やかなブルー、豊かな自然のグリーン、そして活気あふれるオレンジやイエローをページ全体で使用した非常に明るく親しみやすい配色設計。構成の最大の特徴は、ファーストビューからフッターまで全体を繋ぐ、緻密でポップなイラストレーションです。街や工場、そこで働く人々を俯瞰的な視点で描き出し、そのイラストの世界の中に実写の社員写真やコンテンツを違和感なく溶け込ませています。見えないグリッドにとらわれず、道や川、山々の稜線に沿って情報が配置されることで、まるでワクワクする絵本や地図を読み解くような、探索的な心地よい視線誘導を実現しています。タイポグラフィには読みやすいゴシック体や手書き風のあしらいを採用し、企業が持つ温かな社風を視覚的に伝えています。スクロールに伴うモーションは、イラストのキャラクターや乗り物が生き生きと動いたり、各要素がポップに飛び出してきたりするような、楽しげな挙動で世界観を統一。視認性の高いオレンジ色で統一されたCTAが、賑やかなビジュアルの中でもユーザーを迷わずエントリーや詳細ページへと導く、堅実な導線設計となっています。
Diffar_Fragrance Hair Oil
粗い粒子感のあるモノクロームの写真や映像を背景に敷き、その上に極めて鮮やかで多色使いのプロダクトを配置した、強烈なコントラストが目を引く設計。背景から徹底して色彩を排除することで、商品自体が持つポップなカラーリングが浮き上がるように際立ち、まるでアートピースのような存在感を放っています。構成は、画面いっぱいのフルスクリーン背景の上を、プロダクトと最小限のテキストのみがスライドする、大胆かつミニマルなレイアウトを採用。広大な余白と洗練されたタイポグラフィが、ユーザーの視線を迷うことなく中央の鮮やかなパッケージへと誘導します。スクロールに呼応するモーションは、背景のシネマティックな白黒写真が商品に合わせて変化し、各プロダクトがじわっと浮かび上がる挙動で統一され、エッジの効いた世界観の中に心地よいリズムを生み出しています。商品詳細へのボタンをホバー時にはわかりやすく色反転のみで、空間のノイズにならない抑制されたインタラクション。極めて洗練された設計で、プロダクトへの絶対の自信があるからこそ無駄を削ぎ落とした、ブランドの世界へユーザーを深く没入させます。
