界 草津、2泊3日旅のすすめ
星野リゾートが提案する草津温泉での滞在の魅力を、まるで絵巻物を紐解くように情緒豊かに描いたプロモーションサイトです。和紙のような温かみのある細かなテクスチャのサンドベージュをベースカラーに据え、温泉の湯や豊かな自然を連想させる柔らかなブルーグリーンと、湯上がりの高揚感や活気を表すようなコーラルの赤を巧みに組み合わせています。ファーストビューで目を惹く円形のイラストアニメーションは、草津で体験できる多彩なアクティビティを一つの輪として表現し、訪れる前の旅への期待感を膨らませます。画面全体を通して、湯けむりやなだらかな丘陵を思わせる曲線のレイアウトを採用。その余白に、散策する人々や温泉でくつろぐ様子を描いた可愛らしミニチュアのようなイラストをちりばめることで、格式高い老舗リゾートのイメージに親しみやすさをプラス。背景でもゆっくりと動くイラストの配置でリズムを作り出しています。ページ下部では一転して、深い森の静寂を捉えたダークトーンの実写写真を配置。ポップで軽やかなイラストの空想的な世界観から、上質で深みのあるリゾートのリアルな空気感へと引き込む、コントラストが効いたストーリー設計になっています。
湘南工科大学 オープンキャンパス
フレッシュでエネルギーに満ちたライムグリーンをメインカラーに大胆に敷き詰め、知的でシャープなネイビーをアクセントに効かせた、極めてポップでサイバーなカラーデザインと、ファーストビューのメカニックなキャラクターイラストと、ストライプラインのアクセント。工科大学らしいテクノロジーのイメージと、オープンキャンパスに向けた高校生のワクワク感・若々しさを、見事に両立させています。宙に浮くようなイラストやドットパターンのあしらいが、ゲームやアニメのような近未来的な世界観を創出し、「やってみたいが、はじまりの一歩。」というキャッチコピーの通り、新しい体験への期待感を高めます。一方で、スケジュールやピックアップイベントといった具体的な情報群は、ブループリントを連想させるようなスッキリとした白背景のカードUIの中に端正に収められており、派手なビジュアルに情報が埋もれないよう綿密に計算されています。全体のレイアウトは、背景のダイナミックなグラフィックと、整然とした情報ブロックの緩急が非常に優れています。エッジの効いたサイバーポップな世界観でターゲットの心を掴みつつ、オープンキャンパスの参加に必要な情報は迷わず取得できる、エンターテインメント性とユーザビリティが高度に融合した特設サイトです。
PLAZA 60th Anniversary | PLAZA60周年記念サイト
PLAZAの象徴である鮮やかなブルーとクリーンな白と水色をメインに、ピンク、イエロー、オレンジといったビビッドなマルチカラーを大胆に散りばめた、まるでおもちゃ箱を開けたようなポップでワクワクする配色設計です。60周年というアニバーサリーの祝祭感と、海外雑貨を扱うショップならではの多様な楽しさを視覚的に爆発させています。画面の至る所に配置された海外アニメのような手描き風キャラクターイラストと、極太で丸みを帯びたポップなタイポグラフィの組み合わせも、このおもちゃ箱の世界を作る重要な要素です。ハンバーガーやクッキーなどのコミカルなイラストが、キャッチコピーを囲むように配置されたり、コンテンツの合間に顔を出したりすることで、ユーザーの視線を楽しく下へと誘導します。一方で、コラボグッズやヒストリーの紹介セクションは、角を大きく丸めたカード型UIを用いて規則的に配置されており、非常に賑やかなビジュアルでありながらも情報が散らからず、見やすく整理されている点に高い構成力が光ります。スクロールするごとにキャラクターや見出しが弾むようにぽよんと現れたり、カラフルなボタンがホバーで小気味よく反応するなど、サイト全体でユーザーをワクワクさせ続けるデザイン。長年のファンに感謝を伝えつつ、PLAZAというブランドの根底にある「見つける楽しさ」を余すところなく体現した、エンタメ性とユーザビリティが高度に融合する特設サイトです。
LOOP2126
イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。
魔改造の夜 マブチモーターの挑戦
クリーンなホワイトをベースに、マブチモーターのブランドカラーである信頼と技術のブルーと、モノづくりへの熱い情熱を象徴する赤を組み合わせた、ドラマチックでエネルギーに満ちた配色設計です。人気テレビ番組と連動した企画の特設サイトにふさわしく、知性の青と熱量の赤が交わるグラデーションが、技術者たちの限界を超える挑戦を視覚的に熱く盛り上げています。テレビ番組を想起させるファーストビューのチーム写真はスライドショーでドラマチックに。コンテンツはグラデーションの枠線を効果的に用いたカード型レイアウトでわかりやすく。開発を手掛けたモンスターの紹介や開発秘話などの各コンテンツで区切り、その枠線に青〜赤のグラデーションを施すことで、方眼紙を広げた白基調の読みやすく整理された空間の中に、熱気を閉じ込めています。全体のレイアウトは、奇をてらったモーションをあえて抑え、技術者たちの真剣な表情を捉えた写真や、開発の裏側を語るテキストをじっくりと読ませることに特化した実直な情報設計となっています。エンターテインメント性の高い企画でありながら、世界を牽引するモーターメーカーとしての技術への誇りと真摯な姿勢を感じさせる特設サイトとなっています。
circusAGENT｜求人10万件突破特設サイト
クリーンなホワイトと柔らかなベージュを基調色とし、サーカスを連想させる鮮やかなレッドやライトブルー、イエローをアクセントに用いた、親しみやすく祝祭感のある配色設計。テキストには引き締まったダークネイビーを配し、明快なコントラストを確保しています。タイポグラフィは視認性の高いゴシック体を主軸に、実績データの数字には極太の英数字フォントを採用。本文と数字に極端なウェイト・サイズ差を持たせ、ゆとりのある行間を設けることで、インフォグラフィックとしての情報の階層化と読みやすさを両立させています。レイアウトは見えない縦の軸をベースにしつつ、テントやスポットライトなどのダイナミックなイラストでセクションを大胆に区切ることで、上から下へと流れるような一本道の心地よい視線誘導を実現しています。ページトップのキービジュアルでは社名の「サーカス」をモチーフに、中心から螺旋状に外へと広がるモーションを採用し、求人件数の増加や企業・サービスとしての成長性を視覚的に表現。スクロールに伴うモーションは、要素がズームインし賑やかな雰囲気を作りつつ、自然と視線がいくポイントに。ホバー時にはボタンが微小に変化してフォーカス状態を可視化し、スポットライトのイラストで視覚的に強調されたダークカラーのCTAが、ユーザーをスムーズにサービス、求人検索へと導く無駄のない導線設計となっています。キービジュアルからフッターまで遊び心あるディテールで、細部にこだわりを感じるサイトです。
ファイビーと走れ腸特急 | Fibee | ミツカングループ
商品の世界観とタレントの魅力を掛け合わせた、ポップで親しみやすいデザインです。基調色には淡いグリーンと柔らかなピンクを採用し、商品のパッケージカラーと連動した統一感のある配色を構成しています。アクセントに鮮やかなイエローを用いることで、画面全体に明るくポジティブなコントラストを生み出しています。配置された写真は明度と彩度が高く、メンバーの生き生きとした表情や商品のディテールをクリアに伝えています。タイポグラフィには丸みを帯びたポップなゴシック体や装飾的なフォントを採用し、見出しと本文で明確なウェイト差をつけることで、楽しげな雰囲気と情報の読みやすさを両立させています。レイアウトは中央揃えの見えないグリッドをベースに情報ブロックを整然と配置しつつ、背景の境界を雲や波のような柔らかな曲線で区切ることで、まるで絵本を読み進めるようなワクワク感のある視線誘導を実現しています。スクロールに伴うモーションは、各要素がポップなアニメーションでフェードインし、賑やかなイメージを表現しています。随所にCTAを設置し、ユーザーがアクションにスムーズに移れる設計です。
Nekozen Co., Ltd.
「猫のしあわせとは、日々の小さな瞬間にある。」——そんな猫と人との絆を体現したコンセプトサイト。温かみのあるベージュをベースに、カラフルな有機的シェイプとイラストを配したトーン＆マナーが秀逸です。そこに大胆なダイナミックタイポグラフィを掛け合わせることで、愛らしさと視覚的なインパクトを両立した唯一無二の世界観を構築しています。特筆すべきは、FV直下の「Colors of Feeling」におけるマイクロインタラクションの深度です。テキストへのホバー時、カーソルは「通常」から「TOUCH ME」、そして「猫の表情」へと3段階に変化。ユーザーの期待感を高めるリッチな設計がなされています。「Our Language」セクションでも、ホバーアクションとGIFアニメーションが強い没入感を生み出しています。ローディングからフッターに至るまで、全編にわたり緻密なスクロール演出やエフェクトが施され、細部のクラフトマンシップが光るWebサイトです。
阿寒アイヌアートウィーク
白地に深みのある余白、有機的な形状のオブジェクトと太めの欧文が並ぶ美しい導入。ヒーローでは「AKAN AINU ART WEEK」を堂々と掲げ、現地の空気感を纏ったビジュアルを背景に敷くことで、“観る・触れる・感じる”体験を数秒で予感させます。配色は黒と白を軸に、自然や作品の有機的な色味をアクセントとして活かす没入設計。リード文は言葉を選び抜いた短文・改行多めで、文化的な堅苦しさを避けつつ、読み進めるリズム感を担保しています。中盤から終盤にかけては、アイヌ紋様を想起させる有機的な曲線や、木彫りの肌理（きめ）のような微細なテクスチャが背景を漂い、デジタル画面でありながら手仕事の温もりを演出しています。アーティスト紹介では、余白を大胆に切り取った非対称なレイアウトを採用。太めのゴシック体が空間を現代的に引き締める一方で、写真は装飾を排して素材そのものの質感をダイレクトに訴えかけます。スクロールに合わせて要素が呼吸するように現れる動的な振る舞いが、伝統文化の重厚さと現代アートの洗練を美しく融合させています。
WORK with ART｜ミュージアムタワー京橋
「都市の緑」と「アートの気配」が静かに重なる、余白を生かしたファーストビューのプロジェクトサイト。緯度経度やビル名が淡く現れて消える導入が、都市と創造の座標軸を提示します。働く場と芸術を結ぶ思想は、大判の写真と理知的なタイポグラフィで端正に表現。英語併記と章番号が編集デザインの骨格となり、読み筋を整えています。記事や記録はPOPUPではなくスライドインで自然に連なり、ProjectsとActivitiesが研究と実装を横断。スクロールのリズムは静かで、奥行きが増す設計です。なかでも円形の「See more」など最小限のアフォーダンスが、展示の誘導サインのように機能し、探索のワクワクを持続させる象徴的なUIとなっています。Newsは時間軸で整理され、活動の継続性を示す。Accessは必要最小限の情報を配置し、本体サイトへの導線も品よく抑えられています。配色は抑制的ながら、写真の緑や赤のグラデーションが余韻をつくり、ビルとアートの交差点という世界観を確立しています。
