CB DESIGN CREATIVE
極限まで装飾を削ぎ落としたクリーンなホワイトをベースに、テキストやフッターにソリッドなブラックを配した、極めて洗練されたモノトーンの配色設計です。サイト自体に色彩を持たせないことで、プロダクトやパッケージなどの美しい写真が持つ色合いや質感が、まるでギャラリーの展示作品のようにノイズなく際立っています。ファーストビューの「伝えるためにデザインはある」という力強く巨大なタイポグラフィと、豊かな余白を贅沢に活かしたエディトリアルデザインが特徴です。サービス紹介のセクションでは、画像とテキストのブロックを左右交互に配置するジグザグレイアウトを採用。整然としたグリッドの中に心地よいリズムを生み出し、ユーザーの視線を単調にさせることなく、各コンテンツへとスムーズに誘導しています。スクロールに呼応するモーションは、各要素がゆっくりと静かに浮かび上がる滑らかなフェードインで統一され、クリエイティブに対する真摯で落ち着いた姿勢を表現。ホバー時には、ボタンの文字や背景色の変化など、世界観を一切崩さない抑制の効いたインタラクションを採用。デザイン会社のコーポレートサイトにふさわしい、作品そのものを主役にする引き算の美学が貫かれた導線設計となっています。
東京理科大学 創域理工学部 情報計算科学科
ロゴマークのシェイプでマスクされた写真スライドがファーストビューの顔になっています。サイト全体で角を大胆に丸めたカプセル型や、一部の角だけを落とした変形シェイプを用いた写真の切り抜きやあしらいが特徴。直線を基調とした端正なグリッドレイアウトの中に、こうした有機的で柔らかな曲線を取り入れることで、計算と社会・人間の融合という学科の理念を見事にデザイン言語として体現しています。また、随所に斜めのストライプパターンや幾何学的なグラフィックを配置することで、理系学科ならではの論理的で知的なリズムを空間に生み出しています。清潔感のあるクリーンなホワイトと淡いライトグレーを背景に、生命力と未来を感じさせる鮮やかなグリーンをメインカラーに据えた、フレッシュで知的な配色設計。「情報計算科学」というデジタルで先進的な領域を扱いながらも、冷たい無機質な印象を与えず、社会課題や人間に寄り添うような温かみとエネルギーを視覚的に伝えています。鮮やかなグリーンと有機的なシェイプが、「計算」と「社会」の融合を表現したサイトです。
シンクワイア株式会社
深い知性と誠実さを象徴するネイビーブルーを基調に、クリーンなホワイトと淡いライトグレーを組み合わせた、極めてプロフェッショナルで洗練された配色設計です。この落ち着きのあるダークトーンの色彩が、コーチング領域における確かな信頼感と、思考の深さを視覚的に印象付けています。構成の最大の特徴は、付箋や書類を連想させる四角形の図形を、サイトの随所で重ね合わせたレイアウトです。この重なりは、クライアントとの対話を通じて「問い」を立て、思考を深め、「気づき」へと至るプロセスそのものを表現しています。また、スクロールでランダムに文字がフェードインする英語の見出しにはエレガントなセリフ体を大きく配置し、たっぷりと取られた余白の中にテキストを整然と組むことで、知的で品格のある空間を創り出しています。エレガントなセリフ体と洗練された余白が、プロフェッショナルの品格を静かに語るコーポレートサイトです。
日大理工学部建築学科
クリーンで淡いライトグレーをベースに、テキストや区切り線にはソリッドなブラックを用い、アクセントとして黄色、緑、ピンク、青などのカラフルなドットを散りばめた、知的でポップなカラーリング。建築的な無機質さやストイックさの中に、そこで学ぶ学生たちの多様な個性や活気、未来へのエネルギーが色鮮やかに表現されています。構成の最大の特徴は、細い黒線を多用した緻密で明確なグリッドレイアウトです。要素を線で区切るこのデザインは、まるで建築の図面や建物の骨組みを彷彿とさせ、建築学科ならではの構造美や正確性を視覚的に表しています。さらに、ファーストビューで目を引く点と線を結んだネットワーク状のグラフィックが、学問の広がりや人との繋がりを象徴し、理路整然としたレイアウトの中にダイナミックなリズムと遊び心を生み出しています。ホバー時には、カラフルな円のアイコンが微細に動いたり、リストの背景色が滑らかに反転するといった、直感的で小気味よいインタラクションを採用。情報量の多い大学の学科サイトでありながら、ユーザーを迷わせることなく目的のカリキュラムや研究室情報へと導く、極めて論理的で高いユーザビリティを誇る導線設計となっています。
プロネッツ 2027年度 採用サイト
鮮やかで清涼感のあるシアンブルーとクリーンなホワイトを基調に、テキストやボタンにソリッドなブラックを配した、極めて爽やかでコントラストの効いた配色設計です。この印象的なブルーがIT企業らしい先進性や知的さを担保しつつ、フレッシュでポジティブなエネルギーを視覚的に発信しています。背景全体に大胆にレイアウトされた巨大なタイポグラフィと、そこにうっすらと掛けられたノイズのようなテクスチャが今時のビジュアル。画面の枠にとらわれないダイナミックな文字の配置が、企業としてのスケール感や勢いを印象付けると同時に、サイトの大きな特徴になっています。一方で、社員インタビューなどのコンテンツ部分は、角を丸めたカードUIを用いて整然とグリッド状に配置することで、親しみやすさと情報の読みやすさを両立させる情報設計を実現。鮮烈なシアンブルーに、大胆な背景レイアウトと角丸UIの対比が魅せる、先進性と親しみやすさのハイブリッドで仕上げられたサイトです。
株式会社アペック【東北電力指定の配電工事会社】
信頼感と誠実さを象徴する深いネイビーブルーと、澄み渡る空や未来を連想させる鮮やかなスカイブルーを基調とし、クリーンなホワイトを組み合わせた、知的で爽やかな配色設計です。インフラやエネルギーを支える企業としての堅実さと、未来を拓く先進性が視覚的なコントラストとして美しく表現されています。構成の最大の特徴は、角を大きく丸めた柔らかなカードUIや画像切り抜きと、背景に大胆に配置された大きなロゴマークのあしらい、そして画面を横断するマーキーの組み合わせです。業界の硬さのイメージを角丸のシェイプで優しく和らげつつ、要素を少しずつ重ねるオーバーラップの手法を用いることで、空間にダイナミックな奥行きとスケール感を生み出しています。各要素が下から滑らかに浮かび上がるフェードインのモーションで、街にエネルギーを巡らせるような途切れない連続性と躍動感を表現。ホバー時には、カード内の画像が微細にズームアップしたり、背景色が直感的に変化するといった控えめなインタラクションを採用。ダイナミックなビジュアルの中でも、ユーザーを自然と事業内容や採用情報へと導きます。
ONE CAREER ACADEMY
エレガントなセリフ体を用いた巨大な英字タイポグラフィと、円・三角・四角といった幾何学図形、そして極細のラインを組み合わせたグラフィカルなレイアウトが特徴のサイトです。要素を単にグリッドに並べるのではなく、線で繋いだり図形と交差させたりするエディトリアルなアプローチにより、まるで上質なデザイン誌やアートポスターを読み解くような、優雅で奥深い視線誘導を実現しています。たっぷりと取られた余白が、アカデミックな世界観をより一層引き立てています。配色は極限まで洗練されたクリーンなホワイトと、ソリッドなブラックを基調とする、知的でモダンなモノトーン設計です。空間を無彩色で引き締めることで、配置された写真やイラストの色彩が効果的なアクセントとして際立ち、クリアな思考や洗練された知性を視覚的に表現しています。スクロールに呼応するモーションは、英字見出しが滑らかにフェードインアップ、幾何学図形がスッと現れ、線が流れるといった上品な挙動で、落ち着いた学びの時間を視覚化しています。削ぎ落とされたモノトーン空間に、幾何学図形と美しいタイポグラフィがエディトリアルデザインに光るサイトです。
クリエイティブアイランド中之島
クリーンなホワイトを基調に、大阪中之島を囲む川や水を連想させる鮮やかで澄んだブルーをメインカラーに据えた、爽やかで知的な配色です。背景に敷かれた淡いブルーのグラデーションが、水辺の心地よい空気感や透明感を視覚的に表現しています。 ファーストビューや随所にあしらわれた、クレヨンのような手書き風のラフなブルーの線画イラストが特徴的で、サイトのアクセントになっています。イベント情報のセクションでは整然としたカード型のグリッドレイアウトを採用して情報をわかりやすく整理する一方で、コンテンツを紹介するセクションでは写真を多角形にマスクし、テキストを自由なレイアウトで散りばめています。この「整頓」と「自由」のコントラストが、アートやカルチャーを発信する拠点にふさわしい遊び心とクリエイティビティを体現しています。CTAのホバー時には、アイコンやボタンが直感的に変化するといったインタラクションで、遊び心のあるビジュアルの中でも、ユーザーを迷わずイベント情報や詳細ページへと導く、ユーザビリティに優れた導線設計となっています。水辺のカルチャーと遊び心を自由に繋ぐ、ワクワクさせるアートマップ。
4WIDE | Creative Web Studio
ファーストビューから目を惹く映像でコーポレートイメージをダイナミックに伝えています。ページ構成の最大の特徴は、広大な余白を贅沢に活かした非対称レイアウトと、要素のオーバーラップを用いたビジュアルです。エレガントでクラシカルなセリフ体の英字タイポグラフィを大胆なサイズで配置することで、画面に力強いメッセージ性と品格を与えています。画像を規則的に並べるのではなく、あえてずらして配置する空間設計が、写真集や現代アートのギャラリーをゆっくりと回遊しているかのような、優雅で奥深い視線誘導を実現しています。カラーリングは装飾を削ぎ落とした淡いライトグレーの背景に、ソリッドなブラックのテキストを配した、シックで洗練されたモノトーンの配色設計。サイト自体に一切の色彩を持たせないことで、モノクロームの美しい花の写真や、木目などの質感を捉えたビジュアルが持つ繊細な陰影を、アートピースのようにノイズなく際立たせています。スクロールに呼応して、要素がゆっくりと静かに浮かび上がる滑らかなフェードインや、手前と奥でエフェクトのギャップをつけて要素に奥行きを感じさせるパララックスなど、細部へのこだわりを感じさせる設計です。無彩色の空間が、ビジュアルの繊細な陰影を引き立てる洗練のデジタル・ギャラリーサイトです。
日本製革小物・バッグ製造 | 株式会社LAMAC
広大な余白を贅沢に活かしたアシンメトリーなレイアウトと、美しい縦書きの明朝体を組み合わせたエディトリアルデザイン。画像とテキストを規則的に並べるのではなく、あえてずらして配置することで画面に心地よいリズムを生み出し、まるで上質なブランドブックをゆっくりと読み解くような、奥ゆかしい視線誘導を実現しています。色味は温もりのあるアイボリーを背景の基調とし、テキストやフッターには深いダークグレーを配した、上質で落ち着きのある配色。サイト自体に強い色を持たせず無彩色に近いトーンでまとめることで、革本来の深みのある赤や黒、そして職人の手元を捉えたシネマティックな写真の色彩が、圧倒的な世界観を引き立たせています。スクロールに呼応するモーションは、写真やテキストが静かに、そしてゆっくりと浮かび上がる滑らかなフェードインで統一されており、職人が一つひとつの製品と丁寧に向き合う静謐な時間を視覚的に表現しています。CTAにはリッチなサイトらしい、抑制と高級感あるインタラクションで、ノイズなくお問い合わせやサイト内の回遊を促します。
