syuz’gen｜舞台芸術を社会に実装する
舞台芸術の可能性を社会に実装するアートマネージャーチームの事業サイト。芸術文化に関わる企画制作から現場運営、マネジメントまでをワンストップで担う企業の確かな手腕を、洗練されたミニマルな配色と抽象的なグラフィックで体現しています。ファーストビューのループで流れるアニメーションは、現代アートのギャラリーのような知的で研ぎ澄まされた空間を演出。サイト全体でたっぷりと取られた大胆な余白のホワイトと、要素をシャープに引き締めるブラックとの強いコントラスト。そこにパキッとしたライムグリーンをアクセントとして差し込むことで、無機質で静的な幾何学模様の中に新たな芸術文化が力強く芽吹くようなエネルギッシュな躍動感を付与しています。中盤の実績セクションでは、手がけた舞台芸術や文化事業の実写ビジュアルをグリッドで並べ、裏方として現場を支える確かな実績を説得力と持って見やすく掲載。形のない舞台芸術が持つ熱量を、計算された幾何学と色彩の対比でドラマチックに表現したデザインです。
とよたフィルムコミッション
無機質でクリーンなライトグレーを背景に、極太でソリッドなブラックのタイポグラフィと、鮮烈なシアンを掛け合わせた、スタイリッシュでモダンな配色設計です。公的団体のサイトでありながら、お堅い行政的なイメージを完全に払拭し、ターゲットのクリエイターに真っ直ぐ響く、洗練されたクリエイティブな空間を作り上げています。大小さまざまなサイズのロケーション写真を、あえて規則性を崩してリズミカルに散りばめたレイアウトが特徴的。このコラージュのような見せ方が、まるで映画のフィルムのコマや、ロケハン中に見つけた風景の断片を連想させ、豊田市が持つ多様で魅力的な撮影スポットを視覚的に語っています。また、画面を斜めに横切るシアンの図形や、黒帯に白抜きされたキャッチコピーが、サイト全体に心地よい緊張感と映画のポスターのようなドラマチックさを与えています。中盤以降のロケーションの詳細や支援実績といった具体的な情報セクションでは、一転してグリッドに沿った端正なレイアウトを採用。画面中央に常にフォーカスマークがありカメラのファインダーを覗いているような遊び心を感じさせます。映像を通して世界とつながるという情緒的なブランドメッセージと、撮影地としての機能性・利便性を伝える情報設計が高度に融合した、優れたデザインです。
LOOP2126
イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。
SHIBUYA STREET LIVE｜公式サイト
「THE CULTURE MONSTER.」という極太でエッジの効いたオリジナルタイポグラフィと、型にはまらない大胆なグラフィックのアニメーションが閲覧者の心を掴みます。ファーストビューから画面を飛び出す勢いで描かれるビジュアルは、まさにストリートの壁面アートのようなインパクトを放ちます。一方で、ライブやイベントのスケジュール部分は、モノトーンのシンプルなリストUIやカードUIを用いて端正に整理されており、視覚的なカオスと情報収集のしやすさという相反する要素を高度な次元で両立させています。ソリッドなホワイトとブラックのモノトーンを基調に、蛍光色にも近いビビッドなマルチカラーを画面いっぱいに爆発させた、極めてエネルギッシュでストリート感あふれる配色のサイトです。白黒のハイコントラストが情報の骨格をカチッと支える一方で、アメーバのように有機的なカラフルなグラフィックが、渋谷という街が持つ多様性、カオス、新しいカルチャーが生まれる熱量を視覚的に体現しています。モーションは、画面を横断するマーキーがストリートのスピード感やノイズ感を演出し、サイト全体に絶え間ない躍動感を与えています。リストの矢印が直感的に動くなどのエッジィな世界観を崩さないシャープなホバーアクションで、ユーザーのワクワク感と知的好奇心を刺激しながら、自然と最新のカルチャー情報へと没入させる、エンタメ性に特化した鮮烈な設計となっています。
株式会社丹青社｜採用サイト
極太のゴシック体やステンシル風、手書き風のフォントをミックスして使用し、まるでストリートアートやDIYで作られたZINEのような、圧倒的な熱量と遊び心あふれる世界観。クリーンなホワイトと方眼紙のようなグリッド線を背景に、鮮烈なレッド、ブルー、イエロー、ピンクといったビビッドカラーを大胆に掛け合わせた、極めてエネルギッシュでインパクトのある配色設計です。構成の最大の特徴は、「満たせ、はみ出せ。」というメインコピーや各セクションのタイトルを、マスキングテープやステッカーのように画面の至る所にランダムかつ斜めに配置している点です。ベースとなる整然としたグリッドをあえて無視し、枠から文字通りはみ出すようなダイナミックなレイアウトが、クリエイティビティと型破りなパワーを視覚的に体現しています。スクロールに呼応するモーションは、重なり合ったテープや画像がそれぞれ異なるスピードで現れるような、躍動感のあるパララックスで、画面全体に強いリズムと生命感を生み出しています。ホバー時にはビビッドな背景色が反転したり、要素が角度がついて大きく動くといった大胆なインタラクションを採用。決して無難にまとまらず、閲覧者に企業の挑戦的なスタンスを強烈に印象付けながらエントリーへと導く、野心的な設計となっています。
株式会社GENDA
薄いグレーと深みのあるダークネイビーを基調に、上品なゴールドをアクセントカラーとして効かせた洗練されたコントラスト。ファーストビューのイラストはロードすると別パターンが表示される遊び心があり、ブランドのコアである楽しさを象徴するポップなテイストで目を引きます。スクロールを進めると一転して、広大な余白を活かしたミニマルなレイアウトへと移行。配置された写真は、彩度を抑えたシネマティックで上質なトーンで統一され、企業の信頼感と洗練された空気感を静かに伝えています。構成は、画面を左右に分割するような堅牢なグリッドシステムをベースにしつつ、テキストと画像を整然と配置することで、高級なビジネス誌を読み進めるような心地よい視線誘導を実現。タイポグラフィは、エレガントなセリフ体の英字見出しと可読性の高い和文を組み合わせ、たっぷりと取られた字間・行間が空間に品格を与えています。ホバー時にはテキストリンクが微細に変化する控えめなインタラクションで、エンターテイメント企業としての「遊び心」と、コーポレートサイトに求められる「品格と信頼感」を見事に両立させた、極めて洗練されたデザインとなっています。
LUMISTAGE｜次世代型ライバー支援事務所
鮮烈なイエローをベースに、シアン、マゼンタ、ライムグリーンといったネオンカラーを奔放に散りばめた、エネルギッシュでサイケデリックな配色。この極彩色のコントラストが、エンターテインメントの熱狂と多様性を直感的に伝えています。随所に配置された目のモチーフやスパイク状のシェイプが、ポップなキャラクター性を強調し、ブランドの親しみやすさを加速させています。見出しのフォントは賑やかなビジュアルに対してあえて格調高いセリフ体の欧文を見出しに採用。このポップとクラシックの意外性ある組み合わせが、混沌とした中にも芯の強さを感じさせる独特の世界観を構築しています。画面を大胆に横断する波形のラインや斜めの構図が視線をリズミカルに誘導し、スクロールするたびに新しい色が飛び込んでくるような動的な構成と、画面下部で絶えず流れるマーキーや、要素が弾むようなアニメーションで常に動き続けるライブ感を演出。補色関係にある鮮やかなグリーンのCTAが、カオスな画面の中でも埋没せず、強い誘引力を持ってユーザーのアクションを促す設計となっています。
イチゼンブックス
白と青の清潔感のあるカラーで煩雑にならず、イラストを引き立たせます。まずファーストビューは「読むたび、読む旅」というコンセプトを、ページをめくるたび窓外の景色が変わるビジュアルで提示し、世界観を立ち上げます。過度な装飾色を抑え、メインの青が見出しとしてしっかり主張し、文章とのメリハリをつけて読み物としての集中を保っています。イラストを要所に配した柔らかなトーンが「本との出会い」と「旅」 のリンクを補強。出現モーションは短距離のフェード／スライドに統一し、見出し・画像・下線のイージングを反復させ、ページ全体のモーション言語が一貫。青のトーン、イラストのテイスト、余白感が抜かりなく計算されたデザイン。また本のシルエットでセクションの切り替えやアニメーション、イラストの “はずし” などに見られる遊び心がユーザーを楽しませます。
アートアクアリウム | ART AQUARIUM
アートとアクアリウムの「闇」と「光」の対比空間をWeb上に完全再現した、没入感あふれるダークトーンのWebサイト。漆黒の背景色が金魚の鮮烈な赤やライティングの極彩色をドラマチックに引き立て、画面全体がひとつの水槽であるかのような妖艶な雰囲気を醸成しています。文字は繊細な骨格を持つ明朝体をゆったりとした字間で組むことで、和の「静寂」と現代アートの「鋭さ」を同時に表現。レイアウトは、クオリティの高い写真の配置と、グリッドを崩して重ねるなど、規則性の中に動きを持たせ、回遊する金魚のような流動的な視線誘導を実現しています。モーションは主にファーストビューの臨場感のある動画や、画像がわずかにズームするパララックス効果を取り入れ、水中の抵抗を感じさせるような優雅な時間軸を構築。CTAとなるチケット購入ボタンをウィンドウ下部に固定し常に視界に入るよう配置され、幻想世界への入り口として機能的にデザインされています。
AOMORI GOKAN ５館が五感を刺激する
ブルーの背景に黒のロゴのアニメーションのファーストビューでインパクト。徹底して「作品」を主役にするため、白を基調とした極めてニュートラルな配色設計。文字色は完全な黒ではなくわずかにグレーを感じさせるトーンに抑え、美術館という場の持つ静謐な空気をWeb上でも再現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理しています。レイアウトは、各美術館の情報を均等なグリッドで並列に扱いながらも、広めの余白を大胆に取り入れることで、視線が自然と個々のコンテンツに留まるよう計算されています。モーション言語は「静」を意識し、スクロールに合わせて要素がゆっくりとフェードインする抑制的な演出で、品格を損なわないよう配慮されています。画像のホバー時にわずかな拡大や透過の変化を加えることで、クリックの可能性を直感的に示唆。導線はヘッダーとフッターに集約し、回遊性を担保しつつも、鑑賞体験を阻害しないノイズレスな設計が貫かれています。
