個人開発にデザイナーは不要-神インスピレーションサイト10選

整理日: 2026-03-23

基本情報

• 種類: Xスレッド
• 投稿者: Solomaker_dev
• ソース: https://x.com/Solomaker_dev/status/2027283066906153341

核心

かっこいいWebサイトは才能ではなく「参考サイトをどれだけ見ているか」で決まる。デザインは観察力 × 真似力 × 改善力。

構造図

flowchart TD
    A["参考サイトをどれだけ見ているか"] --> B["かっこいいWebサイトは才能ではなく「参考サイトをどれだ.."]
    B --> C["デザインは観察力 × 真似力 × 改善力"]
    style C fill:#c05746,color:#fff,stroke:none

インスピレーションサイト一覧

| # | サイト | 用途 | |---|---|---| | 1 | curated.design | Webデザイン全体（レイアウト・色・フォント） | | 2 | landing.love | LP（ヒーロー・セクション順・CV導線） | | 3 | saaspo.com | SaaSサイト（プライシング・機能紹介） | | 4 | navbar.gallery | ナビゲーションバー専門 | | 5 | cta.gallery | CTA（ボタン周辺デザイン） | | 6 | appmotion.design | アニメーション・マイクロインタラクション | | 7 | mobbin.com | モバイルアプリUI | | 8 | rebrand.gallery | ブランドデザイン・ロゴ | | 9 | hugeicons.com | アイコン素材 | | 10 | component.gallery | UIパーツ集（ボタン・フォーム・カード等） |

初心者向けアドバイス

1. 良いデザインを100個見る
2. 気に入ったものを保存
3. 似せて作る
4. 少しずつオリジナルにする

kodachanへの適用

• AI活用支援ビジネスで喜心堂の先生のLP・予約サイトを作るときに直接使える
• 特に landing.love（LP）、cta.gallery（ボタン）、navbar.gallery（ナビ）が実用的
• Claude Codeでサイト生成するときのプロンプトに「landing.loveの〇〇を参考に」と指定できる

関連ノート

• [[小規模事業者向けAI活用支援ビジネス]]