株式会社日東物流
清潔感と信頼感を象徴するホワイトとコーポレートカラーのブルーを基調とし、そこに柔らかな水彩画の色彩をアクセントとして散りばめた、温かみのあるカラーリング。物流やインフラといった堅実で力強いイメージを持たれがちな業界において、あえて手描きの温度感を取り入れることで、企業としての誠実さと人々の生活に寄り添う優しさを視覚的に両立させています。構成の最大の特徴は、街並みやトラック、そこで暮らす・働く人々を描いた水彩タッチのイラストの静かなアニメーション。このファーストビューから絵本の世界のように広がるイラストが、「ミライを、人で、つなぐ。」というコーポレートメッセージの人の温度感にマッチしています。また、見出しには親しみやすくも品のあるフォントを採用し、たっぷりと余白を取ることで、ゆったりとした心地よい空気感を醸し出しています。スクロールに呼応するモーションは、イラストがふんわりと浮かび上がる穏やかなフェードイン。情報量を詰め込みすぎず、ユーザーの呼吸に合わせるような優しいインタラクションとクリアな導線設計が、企業への安心感と好感を自然と高める、コーポレートサイトの良質なアプローチとなっています。
【公式】白骨温泉
日本の伝統美を感じさせる和紙のようなオフホワイトを基調とし、テキストには深い墨色を配した、静謐で洗練された和の配色です。サイト自体の装飾色を極限まで抑えることで、白骨温泉の最大の特徴である乳白色の湯や、深い森の苔、立ち込める湯けむりといった、写真が持つ自然の色彩を美しく際立たせています。構成の最大の特徴として、美しい明朝体を用いた縦書きのタイポグラフィと、「間」を意識した広大な余白のエディトリアルデザインです。写真を規則的に並べるのではなく、テキストボックスと写真を少しずつ重ね合わせたり、あえてアシンメトリーに配置することで、上質な旅行誌をゆっくりと読み解くような、奥ゆかしく優雅な視線誘導を実現しています。タイポグラフィは少しクセを出して読みやすさは確保しつつ、味のある手書き文字のような印象を作り出しています。また、霧が晴れるように写真やテキストがじわっと静かに浮かび上がるフェードインのアニメーションで、秘湯ならではの穏やかで神聖な時間の流れを視覚的に表現しています。過度なインタラクションや装飾的なノイズを排除することで、ユーザーを自然と白骨温泉の深い歴史と自然の世界観へと没入させる、研ぎ澄まされた導線設計となっています。
LOOP2126
イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。
土とデジタル | Biophilic Studio – Bit & Bio
自然（アナログ）とデジタル（テクノロジー）という相反する要素の鮮烈な融合。ファーストビューやフッターのドットアニメーションが、動植物や自然など有機的なモチーフを、あえて粗いピクセルアートで描画することで、企業のステートメントである「テクノロジーと自然環境の共存」を視覚的に突きつけています。一方で、中央に配置された水面の写真だけがリアルな質感を持っており、情報空間の中のバグのような、あるいはオアシスのような強い違和感と美しさを放っています。配色は、無機質な白ではなく、大地の土を連想させるような温かみのあるサンドベージュを背景に敷き、すべての要素を力強いブラックで統一した、極めてコンセプチュアルで装飾を排したデザインを感じさせます。全体のレイアウトは、中央揃えのタイポグラフィと、罫線のみで構成されたミニマルな表で構築され、過度なアニメーションやUIの装飾を完全に削ぎ落とし、文字のジャンプ率と余白、そしてソリッドな線の美しさだけで魅せる、現代アートの展示空間のような設計となっています。
【公式】ツクリオ(Tsuklio) | 手料理サブスク
角を丸めた豊富な写真レイアウトと、フラットで可愛らしい食材のイラストレーションの組み合わせが特徴的なサイトです。単なる美味しそうな料理の写真だけでなく、家族が笑顔で食卓を囲むシーンや、温かな光が差し込むキッチンの風景を多用することで、このサービスを利用することで得られるゆとりある時間や幸せな日常といったベネフィットを情緒的に訴求。また、見出し回りなどに散りばめられた野菜や調理器具のシルエットイラストが、手作りのような温もりと楽しさを演出しています。カラーリングは清潔感のある柔らかなオフホワイトをベースに、食欲を刺激し、家庭的な温もりを感じさせるオレンジをメインカラーに据えた、非常に親しみやすくアットホームな配色。アクセントとして新鮮な野菜を連想させるグリーンを配置することで、食品を扱うサービスとしての安心感とフレッシュさを表現しています。配色とイラスト、写真の色彩がこのサイトの清潔感と温かさのイメージを決定づけています。スクロールに呼応するモーションやレイアウトは奇をてらわず、見出しがポンと浮き上がり目を引き、要素がじわっとフェードインするバランスの取れたモーション。オレンジの背景色で視覚的な区切りを明確に行うことで、豊富なコンテンツ量を感じさせず、さらにホバーアクションなどの細かなこだわりを細部まで感じさせ、心地よいリズムと高いユーザビリティを実現した導線設計となっています。
魔改造の夜 マブチモーターの挑戦
クリーンなホワイトをベースに、マブチモーターのブランドカラーである信頼と技術のブルーと、モノづくりへの熱い情熱を象徴する赤を組み合わせた、ドラマチックでエネルギーに満ちた配色設計です。人気テレビ番組と連動した企画の特設サイトにふさわしく、知性の青と熱量の赤が交わるグラデーションが、技術者たちの限界を超える挑戦を視覚的に熱く盛り上げています。テレビ番組を想起させるファーストビューのチーム写真はスライドショーでドラマチックに。コンテンツはグラデーションの枠線を効果的に用いたカード型レイアウトでわかりやすく。開発を手掛けたモンスターの紹介や開発秘話などの各コンテンツで区切り、その枠線に青〜赤のグラデーションを施すことで、方眼紙を広げた白基調の読みやすく整理された空間の中に、熱気を閉じ込めています。全体のレイアウトは、奇をてらったモーションをあえて抑え、技術者たちの真剣な表情を捉えた写真や、開発の裏側を語るテキストをじっくりと読ませることに特化した実直な情報設計となっています。エンターテインメント性の高い企画でありながら、世界を牽引するモーターメーカーとしての技術への誇りと真摯な姿勢を感じさせる特設サイトとなっています。
株式会社ギークリー
クリーンなグレーを背景の基調とし、知的で鮮烈なヴィヴィッドブルーと、空間を力強く引き締めるソリッドなブラックを組み合わせた、極めてモダンで信頼感のある配色設計。IT・WEB・ゲーム業界に特化した人材サービスとしての先進性やスピード感、そして確かな実績を、この明快な3色のコントラストが視覚的に裏付けています。構成の最大の特徴は、ファーストビューから展開される、丸・三角・四角といったジオメトリックのパッチワークのようなグラフィックです。単なるベタ塗りだけでなく、ハーフトーンやノイズ、手描き風の線など様々なテクスチャを持った図形を組み合わせることで、多種多様な個性やスキルを持つIT人材と、企業との適材適所のプロセスをコンセプチュアルに表現。また、背景にはうっすらと方眼状のグリッド線が敷かれており、理路整然としたシステム感、論理性の中に、グラフィックが躍動するダイナミズムを共存させています。スクロールに呼応するモーションは、要素がシャープにフェードインしたり、図形がパズルのように組み合わさるなど、洗練されたアニメーション。見出しに添えられた青い円形のアクセントアイコンや、視認性の高いカード型のレイアウトなど、情報設計においても極めてロジカルであり、ユーザーに迷いを与えない、IT企業ならではの高いユーザビリティを誇る導線設計となっています。
FirstDigital | Offering the Best DX Solutions
スケール感あふれるメタファーとしてのビジュアルと、画面を斜めに鋭く切り裂くようなダイアゴナルレイアウトの掛け合わせが最大の特徴です。IT企業のサイトでありながら、あえてPCやシステムの画像ではなく、百獣の王やシャチなどの野生動物、古代遺跡、さらには宇宙飛行士といった壮大な写真を各セクションに配置。これにより、提供するソリューションの本質的な強さや歴史を変えるような進化をコンセプチュアルに表現しています。配色設計は、洗練されたホワイトとブラックのハイコントラストなモノトーンを基調に、鮮烈でシャープな赤をアクセントに効かせた、極めてエッジィで力強い印象。DXを牽引するコンサルティングファームとしての圧倒的な自信と、洗練されたプロフェッショナル感が視覚化されています。また、見出しにはエレガントなセリフ体を用いることで、荒々しい力強さの中にも上質でアカデミックな品格を漂わせています。モーションは、スクロールに応じて斜めのエッジに沿ってシャープに視界が開けるような、サイト全体に心地よい緊張感とスピード感を与える挙動を採用。強烈なビジュアルインパクトでユーザーを惹きつけながらも、余白を活かしてサービス内容や実績への導線はクリアに整理されており、企業の確固たるビジョンを雄弁に語る、ブランド力の高いコーポレートサイトとなっています。
日経電子版 for Education｜公式サイト
大胆なカラーブロックと角丸のカードが、堅いメディアのイメージを親しみへ書き換えるカラフルなサイト。背景はクリーンなホワイトで、イエロー、ライトブルー、ライトグリーンといった明るいビタミンカラーをセクションごとに大胆に切り替え、ポップで親しみやすいマルチカラーの配色。「日本経済新聞」という伝統的で堅実なメディアのイメージを良い意味で裏切り、学生や教育現場に向けたフレッシュな活力とワクワク感を視覚的にアピールしています。角を大きく丸めた巨大なカラーブロックと、その中で展開されるカードUIの組み合わせがサイトの顔になっています。事例や教材紹介など、情報量が多くなりがちなコンテンツをカルーセルのカードUIに収めることで、縦方向のスクロール量を抑え、ユーザーに圧迫感を与えないスマートな情報設計を実現しています。また、見出しには知性を感じさせるエレガントなセリフ体を使いつつ、ファーストビューにはコラージュのようなあしらいをミックスさせることで、アカデミックな品格と親近感を両立させています。カードやCTAのホバー時には丸い矢印ボタンが直感的に反応するなど、誰にでも使いやすいUIが徹底されています。豊富な教育コンテンツを楽しく、かつ論理的に整理して届ける、メディア企業ならではの質の高いサイトとなっています。
ナッツの美味しさが開花する 【caica カイカ】
爽やかで抜け感のあるペールブルーを背景の基調とし、パッと目を引く色鮮やかなレッドやピンク、オレンジを用いた花のイラストを大胆に配置した、ポップで心躍るような配色設計。ブランド名であるcaica（開花）のコンセプト通り、画面全体に華やかさとポジティブなエネルギーが満ち溢れています。フラットで少しレトロな手描き風のグラフィックアートと、ナッツやチョコレートの質感・シズル感を極限まで引き出した高解像度のプロダクト写真の大胆な掛け合わせです。写真をあえて真円ではなく、いびつな円形やアーチ型でマスクすることで、有機的で温かみのある世界観を強調。また、ポップなビジュアルに対して、見出しにはエレガントなセリフ体のタイポグラフィを採用することで、ただ可愛いだけでなく、お菓子としての上質さやプレミアム感をしっかりと担保しています。スクロールに呼応するモーションは、波打つような境界線やイラストがゆっくりと現れるような、優しく遊び心のある挙動。ホバー時には、各プロダクトの丸いボタンや画像が直感的に反応するインタラクション。鮮やかな色彩とリズミカルな円形レイアウトがユーザーの視線を自然と下へ下へと誘導し、ショッピングのワクワク感を高めながら購入へと繋げる設計です。
