— Hub 01

Gallery.
良いHP事例を、知る。

国内外の優秀なHPを業種別・雰囲気別に厳選。
「同業の良い事例」を10秒で見つける、デザインの引き出し集。

— Industry / 業種で絞り込み
— Branding × SaaS
Goodpatch(グッドパッチ)
デザイン会社上場第一号。落ち着いた配色×タイポ強めのブランディング型。
BrandMinimalSerif
— BtoB戦略
ベイジ baigie
BtoB特化の戦略型。年30万PVのコラム・実績数値開示が秀逸。
BrandBtoBContent
— Branding × Media
LIG
月300万PVの自社ブログでブランド化。料金3段階公開も参考になる。
BrandBoldMedia
— Law Firm
三浦法律事務所
士業の信頼感を表現する典型例。ネイビー×ゴールド・余白多め・写真の質。
TrustNavySerif
— Medical
クリニック型 参考事例
清潔・安心・信頼。白基調×水色アクセント。院長プロフィール必須。
CleanWhiteTrust
— SaaS
Notion
SaaSのお手本。ヒーローでプロダクトの価値を1秒で伝える構造。
SaaSProductClear
— SaaS / Fintech
Stripe
グラデーション×アニメーションの巧みさ。技術系SaaSのトップ参考。
SaaSGradientMotion
— Cafe
ONIBUS COFFEE
カフェの世界観をシネマティックに伝える。写真の質が命。
FoodCinematicPhoto
— Beauty / Brand
Aesop
余白の美学。文字の組み方・画像のトリミングが上品さの極致。
BeautyElegantWhitespace
— Real Estate
不動産 高級志向 参考事例
物件写真の質+建築写真風レイアウト。高級不動産のお手本。
RealPremiumEditorial
— Recruit
Wantedly
採用LPの構造化のお手本。ストーリー性 × 顔出し × 数値。
RecruitStoryPeople
— SaaS / Modern
Linear
ダーク×グラデ×流麗なアニメ。次世代SaaSのデザインの教科書。
SaaSDarkPremium

気になる事例があれば #terasu-knowledge Slackに投稿してください。
毎週まとめてこのページに追加していきます。