LP Design Showcase / 2026

同じ型に、逃げない
5業種・5構成の
ランディングページ。

sankoudesign に集約された優良LPを 457件メタ分析・117件実測解剖 し、ビジュアル設計/動き・技術/コピー心理の知見を体系化。そのナレッジをフル活用して、業種も構成も世界観も意図的に振り切った5本を制作しました。

457ANALYZED LP
5VARIANT PATTERNS
3DESIGN AXES
Next.jsSTATIC / CLOUDFLARE

Works ― 5本のショーケース

VARIANT STRUCTURE × VISUAL × MOTION × COPY

01SAUNA / RETREAT 高級サウナLPサムネイル

AURA SAUNA & RETREAT

PRIVATE SAUNA — LUXURY

都市の奥に灯る一棟貸しサウナ。スクロールで背景色が墨→深緑→夜へ移ろう、世界観醸成型の没入LP。

スティッキー没入+背景色トランジション 明朝×ダークCSS没入世界観醸成コピー
サイトを見る
02BtoB SaaS / AI BtoB SaaS LPサムネイル

Synaptic

AI WORKFLOW AUTOMATION

経営者/現場/情シスでメッセージとKPIが切り替わるペルソナ分岐型。数字訴求で「月62時間削減」を直球で。

ペルソナ分岐+AIDMA ゴシック×ライトカウントアップ数字訴求コピー
サイトを見る
03D2C / SKINCARE D2CコスメLPサムネイル

botanica bloom

PLANT-BASED SERUM

成分とルーティンを横スクロールの物語パネルで体験させるEC融合型。共感問いかけ+逆説コピーで肌悩みに寄り添う。

横スクロール物語+EC 丸ゴ×暖色snapスクロール共感問いかけコピー
サイトを見る
04RECRUIT 採用LPサムネイル

IGNITE Careers

MID-CAREER RECRUITING

「今の働き方 vs ここ」を対比する比較対決型に、エントリー不安を段階的に外すハードル逓減型を重ねた採用LP。

比較対決+ハードル逓減 ゴシック×動くグラデカウントアップミッション宣言コピー
サイトを見る
05CREATIVE / EVENT クリエイティブイベントLPサムネイル

PRISM FES 2026

DIGITAL ART × MUSIC FESTIVAL

動画主導の没入を意図的に「ポスター画像+CSSネオン」へ最適化(過剰技術の回避を実演)。マガジン的レイアウトで逆説コピーがフェスの世界観を立ち上げる。

動画主導→画像最適化+マガジン カラフル×ネオンconic/mix-blend逆説コピー
サイトを見る

制作の土台

EVIDENCE-BASED, NOT TEMPLATE

457件の実測分析

sankoudesign 収録LPを色・書体・技術・スタイル軸で横断収集し傾向統計化。

117件の深掘り解剖

実サイトのHTML/CSSを実測し、配色#hex・フォント・実装難度・コピー型を抽出。

3軸の再利用ルール

ビジュアル/動き・技術/コピー心理を、再現できる粒度のナレッジに体系化。

過剰技術の回避

重いWebGL等に頼らず、CSS+IntersectionObserverで速度と表現を両立。