f827afb33f
- Liquid glass effect on navbar/cards with backdrop-filter invert - Animated blob gradient background (SVG-based) - Portfolio section: scene-dark invert, show 5 items on home - How Work section: step flow with numbers + connecting lines - Hero: Decision snapshot replacing problem selector - About page: inverted background with contrast fixes - Fix parallax JS bundling via Astro - Fix navbar fixed positioning after liquid glass CSS - Submenu hover fix - Clean up removed legacy files/assets
82 lines
6.2 KiB
Plaintext
82 lines
6.2 KiB
Plaintext
---
|
|
title: "Website Development"
|
|
subtitle: "เว็บไซต์ที่ขายได้ ไม่ใช่เว็บที่สวย"
|
|
badge: "พัฒนาเว็บไซต์"
|
|
category: "webdev"
|
|
objective: "ทำเว็บให้ขายได้"
|
|
short_desc: "เว็บไซต์ที่ออกแบบมาเพื่อให้คนซื้อ ไม่ใช่เพื่อให้คนชอบ — Astro สำหรับเว็บทั่วไป, WordPress สำหรับ E-commerce"
|
|
|
|
# ไม่ได้อยู่ใน Astro case study เพราะเป็น static frontmatter
|
|
---
|
|
|
|
# Website Development
|
|
|
|
## เราทำเว็บแบบนี้
|
|
|
|
เริ่มจากถามว่า "เว็บนี้ทำเพื่ออะไร" ก่อน — ขายของ? เก็บ Lead? สร้างความน่าเชื่อถือ? เพราะเว็บแต่ละแบบต้องออกแบบต่างกัน
|
|
|
|
เราไม่ได้เน้นให้เว็บสวย เราเน้นให้เว็บทำหน้าที่ของมันได้ เพราะเว็บหลายเว็บที่ดูดีที่สุด ขายแย่ที่สุดก็มี
|
|
|
|
## เลือกระบบตามงาน
|
|
|
|
### Astro — เว็บทั่วไป, Blog, เว็บบริษัท, Landing Page
|
|
|
|
**เหมาะกับ:** เว็บที่ไม่ซับซ้อน เน้นความเร็ว SEO และการโหลดเร็ว
|
|
|
|
**ระยะเวลา:** 14-30 วัน
|
|
|
|
**ได้อะไร:**
|
|
- เว็บไซต์ที่โหลดเร็วมาก (Google PageSpeed 90+)
|
|
- SEO พร้อมตั้งแต่วันแรก — ติด Google ได้เร็ว
|
|
- Chatbot AI ที่ปรับแก้เว็บไซต์ได้เอง (เฉพาะเว็บที่ใช้ Host ของเรา)
|
|
- ระบบแก้ไขเนื้อหาด้วย AI — คุยกับ AI ให้ช่วยเขียน/แก้บทความ
|
|
|
|
### WordPress — E-commerce, เว็บที่มีระบบหลังบ้านซับซ้อน
|
|
|
|
**เหมาะกับ:** เว็บที่ต้องมี Database เยอะ ระบบซับซ้อน หรือมี Design มาให้แล้ว
|
|
|
|
**ระยะเวลา:** 2-4 เดือน
|
|
|
|
**ได้อะไร:**
|
|
- ระบบหลังบ้านที่ลูกค้าแก้เองได้ (เพิ่มสินค้า แก้รูป เขียนบทความ)
|
|
- E-commerce ครบชุด (ตะกร้า, ชำระเงิน, ติดตามพัสดุ)
|
|
- Plugin เสริมได้ตามต้องการ
|
|
|
|
## กระบวนการทำงาน
|
|
|
|
1. **คุย Requirement (1-2 วัน)** — ถามว่าเว็บนี้ต้องทำอะไร ใครเป็นคนใช้ เน้นเรื่องอะไร
|
|
2. **วางโครง + ออกแบบ (3-7 วัน)** — ส่ง Proposal โครงสร้างเว็บ + Mockup ให้ดูก่อนเซ็น
|
|
3. **พัฒนา (10-20 วัน)** — ส่ง Demo ให้ดูทุกสัปดาห์ ไม่ใช่ส่งทีเดียวตอนจบ
|
|
4. **ทดสอบ + แก้ไข (3-5 วัน)** — ทดสอบจริง แก้ตามฟีดแบ็ค
|
|
5. **ส่งมอบ + อบรม (1 วัน)** — ส่งมอบ + สอนใช้งาน + มอบคู่มือ
|
|
|
|
## เมื่อไหร่ที่เหมาะกับเรา
|
|
|
|
- เว็บที่ต้องโหลดเร็ว ติด Google ง่าย
|
|
- เว็บที่ลูกค้าต้องแก้เนื้อหาเองได้บ่อย ๆ
|
|
- เว็บ E-commerce ที่ต้องการระบบครบ
|
|
|
|
## เมื่อไหร่ที่ไม่เหมาะ
|
|
|
|
- ต้องการเว็บ Landing Page ราคาถูก ๆ ไม่กี่พัน — เราไม่ทำ เราเน้นเว็บที่ต้องทำงานจริง
|
|
- ต้องการเว็บแบบเดียวกับที่อื่น — เราชอบออกแบบให้เหมาะกับงาน ไม่ใช่ใช้ Template เดียวกับทุกคน
|
|
- ต้องการเว็บที่ไม่ต้องดูแลต่อ — เราแนะนำให้มีแพ็คเกจดูแลรายเดือน เพราะเว็บที่ปล่อยทิ้งจะตาย
|
|
|
|
## ตัวอย่างงาน
|
|
|
|
ดูตัวอย่างงานจริงทั้งหมดได้ที่หน้า Portfolio
|
|
|
|
## คำถามที่ลูกค้าถามบ่อย
|
|
|
|
**แก้เว็บเองยากไหม?**
|
|
ไม่ยาก — สำหรับ Astro จะคุยกับ AI ให้ช่วยแก้เนื้อหา ส่วน WordPress มีระบบหลังบ้านใช้งานง่าย เปลี่ยนข้อความ รูป สินค้า ได้ด้วยตัวเอง
|
|
|
|
**มีค่าใช้จ่ายอะไรเพิ่มไหม?**
|
|
ค่า Host + โดเมนฟรีปีแรก ปีถัดไปคิดตามจริง — เริ่มต้น 5,000 บาท/ปี
|
|
|
|
**ทำเว็บ E-commerce ได้ไหม?**
|
|
ได้ ใช้ WordPress + WooCommerce พร้อมระบบชำระเงิน ติดตามพัสดุ ครบ
|
|
|
|
**GEO คืออะไร?**
|
|
Generative Engine Optimization — ปรับเว็บให้ถูกอ้างอิงโดย ChatGPT, Perplexity, Google AI Overviews ทำให้ธุรกิจปรากฏในคำตอบ AI
|