Built with Claude Artifacts
同じ作り方で、こんなに違う世界が作れる。
ラグジュアリービューティーから近未来プロダクトまで、業種もトーンも異なる6本のランディングページを、同じワークフロー——Claude Artifactsで作り、Cloudflare Pagesで公開する——だけで制作しました。それぞれのカードから実物のデモをご覧いただけます。
6Demo Sites
0Generic Templates
100%Claude Artifacts製
6つの実例
Landing Page Collection
01 / LUMÉLIA
LUMÉLIA
プライベート美容アトリエ。ブロンズと影で作る、静かな高級感。
View demo

02 / LUMA BAY
LUMA BAY
海沿いのプライベートヴィラリゾート。3Dヒーローで水平線を泳ぐ。
View demo

03 / KAGUYA
KAGUYA
日本最高峰のクラフトジン。3Dボトルとシネマティック音響の没入型体験。
View demo

04 / NIJIIRO
NIJIIRO ADVENTURE CLUB
子ども向け週末アドベンチャープログラム。養生テープ意匠のポップな冒険感。
View demo

05 / LUNÉA
LUNÉA Lash
夜用まつ毛美容液。美容雑誌の誌面を思わせるエディトリアルな構成。
View demo

06 / SONA H1
SONA H1
近未来フラッグシップヘッドホン。動画とパララックスで空間を語る。
View demo
なぜ、これだけ違う印象を作れるのか。
- 既存の語彙を拡張する各サイトが持つ固有のモチーフ(月、養生テープ、水平線など)を新しい箇所に転用し、新規要素を足さずに一貫性を強める。
- タイポグラフィで人格を作る書体の組み合わせだけで、同じレイアウト構造でも別ブランドに見えるところまで印象を変えられる。
- 動きは意味のある場所にだけ置くスクロール連動や3Dは「見せるため」ではなく、そのブランドの世界観を補強する場面に限定して使う。
Note. 本ページで紹介する6サイトは、いずれも実演用に制作した架空のブランドによるデモです。実在の企業・商品とは関係ありません。