syuz’gen｜舞台芸術を社会に実装する
舞台芸術の可能性を社会に実装するアートマネージャーチームの事業サイト。芸術文化に関わる企画制作から現場運営、マネジメントまでをワンストップで担う企業の確かな手腕を、洗練されたミニマルな配色と抽象的なグラフィックで体現しています。ファーストビューのループで流れるアニメーションは、現代アートのギャラリーのような知的で研ぎ澄まされた空間を演出。サイト全体でたっぷりと取られた大胆な余白のホワイトと、要素をシャープに引き締めるブラックとの強いコントラスト。そこにパキッとしたライムグリーンをアクセントとして差し込むことで、無機質で静的な幾何学模様の中に新たな芸術文化が力強く芽吹くようなエネルギッシュな躍動感を付与しています。中盤の実績セクションでは、手がけた舞台芸術や文化事業の実写ビジュアルをグリッドで並べ、裏方として現場を支える確かな実績を説得力と持って見やすく掲載。形のない舞台芸術が持つ熱量を、計算された幾何学と色彩の対比でドラマチックに表現したデザインです。
とよたフィルムコミッション
無機質でクリーンなライトグレーを背景に、極太でソリッドなブラックのタイポグラフィと、鮮烈なシアンを掛け合わせた、スタイリッシュでモダンな配色設計です。公的団体のサイトでありながら、お堅い行政的なイメージを完全に払拭し、ターゲットのクリエイターに真っ直ぐ響く、洗練されたクリエイティブな空間を作り上げています。大小さまざまなサイズのロケーション写真を、あえて規則性を崩してリズミカルに散りばめたレイアウトが特徴的。このコラージュのような見せ方が、まるで映画のフィルムのコマや、ロケハン中に見つけた風景の断片を連想させ、豊田市が持つ多様で魅力的な撮影スポットを視覚的に語っています。また、画面を斜めに横切るシアンの図形や、黒帯に白抜きされたキャッチコピーが、サイト全体に心地よい緊張感と映画のポスターのようなドラマチックさを与えています。中盤以降のロケーションの詳細や支援実績といった具体的な情報セクションでは、一転してグリッドに沿った端正なレイアウトを採用。画面中央に常にフォーカスマークがありカメラのファインダーを覗いているような遊び心を感じさせます。映像を通して世界とつながるという情緒的なブランドメッセージと、撮影地としての機能性・利便性を伝える情報設計が高度に融合した、優れたデザインです。
【公式】白骨温泉
日本の伝統美を感じさせる和紙のようなオフホワイトを基調とし、テキストには深い墨色を配した、静謐で洗練された和の配色です。サイト自体の装飾色を極限まで抑えることで、白骨温泉の最大の特徴である乳白色の湯や、深い森の苔、立ち込める湯けむりといった、写真が持つ自然の色彩を美しく際立たせています。構成の最大の特徴として、美しい明朝体を用いた縦書きのタイポグラフィと、「間」を意識した広大な余白のエディトリアルデザインです。写真を規則的に並べるのではなく、テキストボックスと写真を少しずつ重ね合わせたり、あえてアシンメトリーに配置することで、上質な旅行誌をゆっくりと読み解くような、奥ゆかしく優雅な視線誘導を実現しています。タイポグラフィは少しクセを出して読みやすさは確保しつつ、味のある手書き文字のような印象を作り出しています。また、霧が晴れるように写真やテキストがじわっと静かに浮かび上がるフェードインのアニメーションで、秘湯ならではの穏やかで神聖な時間の流れを視覚的に表現しています。過度なインタラクションや装飾的なノイズを排除することで、ユーザーを自然と白骨温泉の深い歴史と自然の世界観へと没入させる、研ぎ澄まされた導線設計となっています。
LOOP2126
イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。
FirstDigital | Offering the Best DX Solutions
スケール感あふれるメタファーとしてのビジュアルと、画面を斜めに鋭く切り裂くようなダイアゴナルレイアウトの掛け合わせが最大の特徴です。IT企業のサイトでありながら、あえてPCやシステムの画像ではなく、百獣の王やシャチなどの野生動物、古代遺跡、さらには宇宙飛行士といった壮大な写真を各セクションに配置。これにより、提供するソリューションの本質的な強さや歴史を変えるような進化をコンセプチュアルに表現しています。配色設計は、洗練されたホワイトとブラックのハイコントラストなモノトーンを基調に、鮮烈でシャープな赤をアクセントに効かせた、極めてエッジィで力強い印象。DXを牽引するコンサルティングファームとしての圧倒的な自信と、洗練されたプロフェッショナル感が視覚化されています。また、見出しにはエレガントなセリフ体を用いることで、荒々しい力強さの中にも上質でアカデミックな品格を漂わせています。モーションは、スクロールに応じて斜めのエッジに沿ってシャープに視界が開けるような、サイト全体に心地よい緊張感とスピード感を与える挙動を採用。強烈なビジュアルインパクトでユーザーを惹きつけながらも、余白を活かしてサービス内容や実績への導線はクリアに整理されており、企業の確固たるビジョンを雄弁に語る、ブランド力の高いコーポレートサイトとなっています。
SHIBUYA STREET LIVE｜公式サイト
「THE CULTURE MONSTER.」という極太でエッジの効いたオリジナルタイポグラフィと、型にはまらない大胆なグラフィックのアニメーションが閲覧者の心を掴みます。ファーストビューから画面を飛び出す勢いで描かれるビジュアルは、まさにストリートの壁面アートのようなインパクトを放ちます。一方で、ライブやイベントのスケジュール部分は、モノトーンのシンプルなリストUIやカードUIを用いて端正に整理されており、視覚的なカオスと情報収集のしやすさという相反する要素を高度な次元で両立させています。ソリッドなホワイトとブラックのモノトーンを基調に、蛍光色にも近いビビッドなマルチカラーを画面いっぱいに爆発させた、極めてエネルギッシュでストリート感あふれる配色のサイトです。白黒のハイコントラストが情報の骨格をカチッと支える一方で、アメーバのように有機的なカラフルなグラフィックが、渋谷という街が持つ多様性、カオス、新しいカルチャーが生まれる熱量を視覚的に体現しています。モーションは、画面を横断するマーキーがストリートのスピード感やノイズ感を演出し、サイト全体に絶え間ない躍動感を与えています。リストの矢印が直感的に動くなどのエッジィな世界観を崩さないシャープなホバーアクションで、ユーザーのワクワク感と知的好奇心を刺激しながら、自然と最新のカルチャー情報へと没入させる、エンタメ性に特化した鮮烈な設計となっています。
株式会社MT-D
「静」と「動」のダイナミックなコントラストが印象的なサイト。ファーストビューでは、画面を横断する英字タイポグラフィのマーキーと、グリッチノイズを思わせるデジタルなビジュアル表現が、圧倒的な視覚的インパクトを放ちます。一方で、中盤のセクションでは、ごく淡いグリーングレーの背景に、整然としたブロックレイアウトで画像とテキストを配置。論理的でクリアな情報設計を行うことで、クリエイティビティとビジネスの堅実さを両立させています。引き締まったブラックとクリーンなホワイトのハイコントラストなモノトーンを基調に、鮮烈なレッドやサイバー感のあるホログラムグラデーションをアクセントとして大胆に効かせた、先進的でエッジの効いた配色設計です。総合広告代理店としての洗練されたプロフェッショナルな印象と、未来を切り拓くようなデジタルテクノロジーの躍動感が見事に融合しています。CTAについては細部まで計算されたモダンなインタラクションが、ユーザーを迷わせることなく事業内容や採用情報へと導く、極めて完成度の高い導線設計となっています。エッジの効いたデジタル表現とモノトーンが、次世代のクリエイティビティを体現するサイトです。
ONE CAREER ACADEMY
エレガントなセリフ体を用いた巨大な英字タイポグラフィと、円・三角・四角といった幾何学図形、そして極細のラインを組み合わせたグラフィカルなレイアウトが特徴のサイトです。要素を単にグリッドに並べるのではなく、線で繋いだり図形と交差させたりするエディトリアルなアプローチにより、まるで上質なデザイン誌やアートポスターを読み解くような、優雅で奥深い視線誘導を実現しています。たっぷりと取られた余白が、アカデミックな世界観をより一層引き立てています。配色は極限まで洗練されたクリーンなホワイトと、ソリッドなブラックを基調とする、知的でモダンなモノトーン設計です。空間を無彩色で引き締めることで、配置された写真やイラストの色彩が効果的なアクセントとして際立ち、クリアな思考や洗練された知性を視覚的に表現しています。スクロールに呼応するモーションは、英字見出しが滑らかにフェードインアップ、幾何学図形がスッと現れ、線が流れるといった上品な挙動で、落ち着いた学びの時間を視覚化しています。削ぎ落とされたモノトーン空間に、幾何学図形と美しいタイポグラフィがエディトリアルデザインに光るサイトです。
4WIDE | Creative Web Studio
ファーストビューから目を惹く映像でコーポレートイメージをダイナミックに伝えています。ページ構成の最大の特徴は、広大な余白を贅沢に活かした非対称レイアウトと、要素のオーバーラップを用いたビジュアルです。エレガントでクラシカルなセリフ体の英字タイポグラフィを大胆なサイズで配置することで、画面に力強いメッセージ性と品格を与えています。画像を規則的に並べるのではなく、あえてずらして配置する空間設計が、写真集や現代アートのギャラリーをゆっくりと回遊しているかのような、優雅で奥深い視線誘導を実現しています。カラーリングは装飾を削ぎ落とした淡いライトグレーの背景に、ソリッドなブラックのテキストを配した、シックで洗練されたモノトーンの配色設計。サイト自体に一切の色彩を持たせないことで、モノクロームの美しい花の写真や、木目などの質感を捉えたビジュアルが持つ繊細な陰影を、アートピースのようにノイズなく際立たせています。スクロールに呼応して、要素がゆっくりと静かに浮かび上がる滑らかなフェードインや、手前と奥でエフェクトのギャップをつけて要素に奥行きを感じさせるパララックスなど、細部へのこだわりを感じさせる設計です。無彩色の空間が、ビジュアルの繊細な陰影を引き立てる洗練のデジタル・ギャラリーサイトです。
株式会社Knotus
クリーンなホワイトをベースに、テキストやボタンにソリッドなブラックを配した、極めて洗練されたモノトーンの高コントラストな配色。サイト自体にはあえて強いアクセントカラーを持たせず、配置された実績写真や映像の豊かな色彩を主役として引き立てる設計となっており、各写真は透明感のあるクリアな明度とトーンで統一されています。タイポグラフィは、大ぶりの美しいセリフ体の英語見出しと、視認性の高い細身のゴシック体の和文を組み合わせた構成。極端なサイズ差と、たっぷりと取られた字間・行間が、洗練された品格を醸し出しています。レイアウトは堅牢な見えないグリッドをベースにしつつ、画像をアシンメトリーに配置したり、大胆に動画の全幅セクションを挟むことで、まるで上質なポートフォリオ誌をめくるような心地よい視線誘導を実現しています。アニメーションは、ミニマルな世界観を損なわない抑制的な一貫性を保ち、CTAや実績へのリンクなどのポイントでカーソルを変化させ、テキストがぬるっと追従し、ユーザーを導くと同時に、サイトに溜めの時間を与えより落ち着いた世界を実現しています。また、広大な余白の中に配置された黒いカプセル型のボタンが極めて高い視認性を確保して、ユーザーを自然にお問い合わせや実績詳細へと導く無駄のない導線設計となっています。
