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