การสร้างเว็บไซต์ใหม่สำหรับเส้นทางโซโลพรีเนอร์
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 → 證明ฉันยังคงเรียนรู้
ผลิตภัณฑ์แรกในพายป์ไลน์:
- Design+Code starter kit — Next.js + Neon + Supabase + Tailwind + Framer Motion, pre-configured ด้วยแพทเทิร์นของฉัน
- Figma → v0 → Supabase template — ไปป์ไลน์จาก Note #1 แบบแพ็กเกจ
- 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 ที่ฉันขาย