GACKT 衝動買いシリーズ

GACKTが全額自腹で衝動買いした商品をTikTokで本音レビューする「衝動買いシリーズ」のまとめサイト。各レビューにTikTok動画を埋め込み、商品名・価格・購入先をひとつのページで確認できるカタログ型のメディアとして構築。

課題

TikTokの動画はタイムラインを流れていくため、過去に紹介された商品を後から探し出すのは難しい。「あの動画の商品はいくらで、どこで買えるのか」に視聴者がすぐたどり着ける、シリーズ専用の受け皿が求められていた。

解決策

レビューごとにTikTok動画を埋め込み、商品名・価格・購入リンクをセットで掲載するカタログ型サイトを構築。コンテンツはmicroCMSで管理し、Webhookによる再生成で新しいレビューをすぐに反映。白と黒だけのミニマルな画面で、主役である動画サムネイルを引き立てる設計にした。

デザインのポイント

• 白（#ffffff）と黒（#1a1a1a）に絞ったミニマルな配色で、動画サムネイルを主役に
• ピンクレッド（#ff2d55）のアクセントは「注目」バッジなど要所だけに限定
• サムネイルのグリッドで、価格帯の異なる商品も一覧でスキャンできるレイアウト
• 「すべて／注目」の絞り込みと、新しい順・安い順・高い順の並び替えで商品を探しやすく