Seraphim Collective / Website — ウェブサイト × 音楽 | Tokyo Design Studio
Seraphim Collective ウェブサイト × 音楽
ホーム / 制作実績 / Seraphim Collective
Brand DesignWeb Design2026

Seraphim Collective.

ヒップホップの系譜に敬意を払いながら、ビジュアル言語を前進させるプラットフォーム。

Scroll to explore
クライアントSeraphim Collective
業界ウェブサイト × 音楽
スコープBrand Design、Web Design
納品年2026

音楽の熱量を、
そのままウェブへ。

Seraphim Collectiveは、LONIE(loniewannasaysome)率いるベトナム発のヒップホップ・クルーです。メンフィスとサザン・ラップのルーツを土台に、現代のベトナム・サウンドを織り込む──その音楽性は、既製のテンプレートには収まりません。

彼らが求めていたのは、ありきたりの「ヒップホップ風」サイトではなく、バースと同じ強度で響くデジタル空間でした。生々しく、本物で、飾らない。私たちの仕事は、その熱量を一切減衰させずにウェブへ翻訳することでした。

仕事の全体像。

01 ── The Aesthetic

The Aesthetic

They needed a digital space that hit with the same intensity as their bars—raw, authentic, no cap.

02 ── The Execution

The Execution

Built the whole experience to flow like a track. You land on the homepage and that video hits immediately—no waiting, no…

03 ── The Vibe

The Vibe

A digital headquarters that feels lived-in, authentic to the movement.

04 ── The Impact

インパクト

Seraphim Collective now has a web presence that matches their sonic identity.

Seraphim Collective 1

The Aesthetic。

アートディレクションの起点は、クルーの音そのものです。ざらついたテクスチャ、強いコントラスト、そして余白を恐れないタイポグラフィ。装飾のためのグラフィックは一切加えず、音楽が持つ緊張感をレイアウトの緊張感として再構成しました。

Seraphim Collective 2

The Execution。

体験全体を、一本のトラックのように設計しています。ランディングと同時にビデオが立ち上がり、待ち時間も前置きもなく、いきなりフックが来る。セクション間の遷移はビートの切り替わりのように機能し、スクロールそのものがリズムを持ちます。

Seraphim Collective 3

The Vibe。

完成したのは「作り込まれたサイト」ではなく、「住み込まれたヘッドクォーター」です。クルーの動きがそのまま反映され、リリース、ビジュアル、ライブ情報がひとつの世界観の中で呼吸します。

Seraphim Collective 4

インパクト。

Seraphim Collectiveは、ソニック・アイデンティティと完全に一致するウェブプレゼンスを手に入れました。音を聴いてからサイトを見ても、サイトを見てから音を聴いても、同じ人格に出会う──それがこのプロジェクトの成果です。

系譜への敬意と、前進。

ジャンルの記号をなぞることと、ジャンルの精神を宿すことは違います。Seraphim Collectiveのウェブサイトは後者です。ヒップホップの系譜に敬意を払いながら、ベトナムの新しい世代のビジュアル言語を、確かに一歩前へ進めました。

プロジェクトについてよくあるご質問。

Seraphim Collectiveとは?
Seraphim Collectiveは、LONIE(loniewannasaysome)率いるベトナム発のヒップホップ・クルーです。メンフィスやサザン・ラップのルーツと現代のベトナム・サウンドを融合させた音楽性で知られています。
TDSはSeraphim Collectiveに何を提供しましたか?
Tokyo Design Studioは、ブランドデザインとウェブデザインを提供しました。クルーの音楽的アイデンティティをそのまま翻訳したデジタル・ヘッドクォーターとして、ビデオファーストの没入型ウェブ体験を設計・構築しています。
このウェブサイトのデザインの特徴は?
ランディングと同時に立ち上がるビデオ、ざらついたテクスチャと強いコントラスト、そしてトラックのように流れるセクション構成が特徴です。装飾を排し、音楽の緊張感をレイアウトの緊張感として再構成しています。
誰がSeraphim Collectiveのウェブサイトをデザインしましたか?
Seraphim Collectiveのブランドおよびウェブサイトは、TDS Australia(Tokyo Design Studio Australia)によって設計されました。東京、シドニー、サイゴンを拠点とする受賞歴のあるデザインエージェンシーです。

あなたも同じレベルの
ブランドを、作りませんか。

プロジェクトの相談を始める