ข้ามไปยังเนื้อหา
← กลับไปที่คลังทดลอง

การสร้างเว็บไซต์ใหม่สำหรับเส้นทางโซโลพรีเนอร์

product-log

การสร้างเว็บไซต์ใหม่สำหรับเส้นทางโซโลพรีเนอร์

สิ่งที่เคยมี

เว็บไซต์เก่าเป็นพอร์ตโฟลิโอ — 131 โปรเจกต์, กรองตามแท็ก, การ์ดสวยงาม ดีสำหรับ "ดูสิ่งที่ฉันทำ" แแตไม่ดีสำหรับ "จ้างฉัน" หรือ "ซื้อผลิตภัณฑ์ของฉัน"

ปัญหา:

  • ไม่มีเส้นทางชัดเจนจาก "ชอบงานของคุณ" → "มาทำงานร่วมกัน"
  • บล็อก/ไอเดียปนกับโปรเจกต์ ไม่มีการเล่าเรื่องผลิตภัณฑ์ที่ชัดเจน
  • ไม่มีพื้นที่ทดลอง/บันทึก (ที่การเรียนรู้จริงเกิดขึ้น)
  • ไม่มีห่วงโซ่ผลิตภัณฑ์ที่ชัดเจน — แค่ฟอร์มติดต่อ

สิ่งที่เปลี่ยน (สัปดาห์นี้)

โครงสร้างใหม่:

/                    → Hero: "Independent designer, vibe coder & solopreneur in progress"
/services (Work)     → 3 รูปแบบ: Project / Partnership / Consulting
/projects            → Curated showcase (20-40 hand-picked) + full archive
/playground          → 4 ชั้น: Experiments, Product Logs, Case Studies, Notes
/about               → Timeline (2019→2026) + "What's next"
/contact (Connect)   → 4 ประตู: Project / Collab / Consulting / Support

ทำไมถึงเป็นโครงสร้างแบบนี้:

  • /services = ห่วงโซ่ "จ้างฉัน" (ค่าใช้จ่ายคงที่, 3 รูปแบบ)
  • /playground = ห่วงโซ่ "นี่คือวิธีคิดของฉัน" (สร้างความเชื่อมั่นก่อนจ้าง)
  • /about = จุดเชื่อมั่น (15 ปี, 131 โปรเจกต์, ไทม์ไลน์จริง)
  • /contact = ฟอร์มเดียว, 4 ประตู, เติมล่วงหน้าจากแหล่งอ้างอิง

ขั้นตอนต่อไป (ห่วงโซ่ผลิตภัณฑ์)

Playground → Products:

  • Case studies → 證明ฉันส่งมอบได้
  • Notes → 證明ฉันคิดลึกเกี่ยวกับหัตถกรรม
  • Product logs → 證明ฉันกำลังสร้างผลิตภัณฑ์ของตัวเอง
  • Experiments → 證明ฉันยังคงเรียนรู้

ผลิตภัณฑ์แรกในพายป์ไลน์:

  1. Design+Code starter kit — Next.js + Neon + Supabase + Tailwind + Framer Motion, pre-configured ด้วยแพทเทิร์นของฉัน
  2. Figma → v0 → Supabase template — ไปป์ไลน์จาก Note #1 แบบแพ็กเกจ
  3. Thai localization kit — EN/TH glossary, Noto Sans Thai setup, Thai date formatting, Thai PWA manifest

Timeline: ผลิตภัณฑ์แรก (starter kit) เป้าหมาย Q1 2027. เนื้อหา Playground จะเลี้ยงห่วงโซ่ — ทุก case study/note/log เป็นการสาธิต methodology ที่ฉันขาย

ทำไมโครงสร้างนี้ถึงทำงานได้

Mental model เก่า: "Portfolio 證明ฉันเก่ง" → Contact form → อาจจะจ้าง
Mental model ใหม่: "Playground 證明ฉันคิดแบบคุณ" → Services page → Fixed quote → Ship

Playground ไม่ใช่บล็อก มันคือ proof layer ทุก case study, note, product log เป็นการสาธิต methodology ที่ฉันขาย

มีไอเดียอยากทดสอบ?

ส่งเวอร์ชั่นร่างมา ผมบอกว่าต้องใช้อะไรบ้างถึงจะปล่อยได้