เว็บไซต์บริษัท KNOW IT SOLUTION

โปรเจกต์นี้คือเว็บไซต์บริษัทของเราเอง — KNOW IT SOLUTION ที่ knowitsolution.com ไม่ใช่แค่ “หน้าสวยไว้โชว์” แต่ตั้งใจทำเป็นแพลตฟอร์มการตลาดขององค์กร ที่ทีมขาย/มาร์เก็ตติ้งแก้เนื้อหาได้เอง ผ่าน CMS โดยไม่ต้องรอ dev แก้โค้ดทุกครั้งที่มีโปรโมชันใหม่

สรุปสั้นๆ: คนภายนอกเห็นเว็บบริษัทที่น่าเชื่อถือ (บริการ / ผลงาน / บทความ / ติดต่อ) ส่วนทีมภายในจัดการคอนเทนต์จาก Directus — ไทยเป็นหลัก อังกฤษที่ /en

ทำไมถึงทำโปรเจกต์นี้

เว็บบริษัทเดิมใช้งานได้อยู่ แต่พออยากอัปเดตบริการ ใส่เคสใหม่ หรือเขียนบทความ ให้ทีม marketing ทำเองได้ยาก เพราะเนื้อหาผูกกับโค้ดหรือโครงสร้างเก่า

เราเลยรีบิลด์ใหม่ให้ชัด 3 ข้อ:

• แบรนด์มาก่อน — หน้าแรกต้องรู้ทันทีว่านี่คือ KNOW IT ไม่ใช่หน้า SaaS แดชบอร์ดทั่วไป
• คอนเทนต์เป็นระบบ — บริการ บล็อก พอร์ตโฟลิโอ มาจาก CMS จริง
• SEO พื้นฐานครบ — meta, sitemap, หน้า legal, รวมถึงสัญญาณสำหรับ AI crawler

เว็บนี้ทำอะไรได้บ้าง

ถ้ามองในมุม “ของที่องค์กรเอาไปใช้จริง” ชุดนี้ครอบคลุมประมาณนี้:

• หน้าบริษัทมาตรฐาน — หน้าแรก บริการ เกี่ยวกับเรา ติดต่อ พร้อมแผนที่และช่องทางโซเชียล
• บล็อก / ความรู้ — โพสต์บทความ มีแท็ก SEO title/description และรูปปก
• พอร์ตโฟลิโอ — โชว์ผลงานแบบแกลเลอรี ลิงก์ไปบทความเคสได้ (หนึ่งโปรเจกต์หลายสกรีนช็อต)
• สองภาษา — UI + คอนเทนต์ th/en แยก locale ชัด
• ทูลโพสต์คอนเทนต์ — โฟลเดอร์ postweb/ ช่วยดันโปรเจกต์/ความรู้เข้า Directus ทั้ง th+en พร้อมตรวจ meta ก่อนโพสต์

สิ่งที่ไม่ได้ทำใน repo นี้: แอดมิน CRUD ของลูกค้า พอร์ทัลล็อกอิน หรือแอปภายใน — อันนั้นคนละโปรดักต์ เว็บนี้โฟกัสหน้าสาธารณะของบริษัทอย่างเดียว

Stack ที่ใช้ (และทำไมเลือกแบบนี้)

เลือกชุดที่ทีมเราสบายมือ และลูกค้าองค์กรเอาไปต่อยอดได้โดยไม่ล็อก vendor แปลกๆ:

• Frontend: Nuxt 4 + Vue 3 + Nuxt UI + Tailwind CSS v4 — SSR/SSG เหมาะกับเว็บที่ต้องถูกค้นหา อ่านเร็ว และดูแลคอมโพเนนต์ง่าย
• CMS: Directus 11 (headless) — ทีมคอนเทนต์มี admin UI ชัด ส่วนเว็บดึง API ตามที่ publish แล้วเท่านั้น
• Database / Cache: PostgreSQL 16 + Redis 7 — มาตรฐาน production ที่ Directus รองรับดี
• Local / Ops: Docker Compose รัน postgres / redis / directus บนเครื่องเดฟได้ครบชุด

จุดสำคัญของสถาปัตย์นี้คือแยก “หน้าเว็บ” กับ “ที่เก็บคอนเทนต์” อยากเปลี่ยนดีไซน์ frontend ได้โดยไม่ย้ายข้อมูลทั้งหมด หรืออยากเปลี่ยนวิธีแสดงผลงานโดยไม่ต้องย้าย CMS

ถ้าองค์กรเอาไปใช้ จะหน้าตาเป็นยังไง

สมมติบริษัทคุณอยากมีเว็บองค์กรแนวเดียวกัน — โฟลว์ที่เราแนะนำจะประมาณนี้:

1. ตั้ง CMS + schema — หน้า static, บริการ, ทีม, บล็อก, พอร์ตโฟลิโอ, ตั้งค่าเว็บ (โลโก้ ติดต่อ โซเชียล)
2. ตั้ง frontend — ดึงเฉพาะสถานะ published ทำ i18n, SEO head, sitemap
3. ส่งมอบสิทธิ์คอนเทนต์ — marketing / ฝ่ายขายแก้ข้อความและรูปเอง; developer ดูแลเทมเพลตและ pipeline
4. ทำนิสัยโพสต์ผลงาน — จบโปรเจกต์ → จับภาพหน้าจอจริง → เขียนเคสสั้นๆ → ดันขึ้นเว็บ (เรามี checklist ใน postweb สำหรับอันนี้)

ผลลัพธ์ที่องค์กรได้ไม่ใช่แค่ “เว็บสวย” แต่เป็นช่องทางที่อัปเดตได้เร็ว — โปรโมตบริการใหม่ ใส่เคสลูกค้า (ที่อนุญาต) หรือแชร์ความรู้ทีม โดยไม่ต้องเปิด ticket หา developer ทุกครั้ง

ข้อควรระวังตอนเอามาใช้จริง:

• อย่าใส่ข้อมูลลับลูกค้า / ราคาภายใน / credential ในบทความสาธารณะ
• staging ควร noindex — อย่าให้ Google เก็บเว็บทดลอง
• กำหนดคนเจ้าของคอนเทนต์ให้ชัด (ใคร approve ก่อน publish)
• รูปผลงานควรเป็น screenshot จริง ไม่ invent ภาพปลอม

สิ่งที่ส่งมอบในรอบนี้

• เว็บองค์กรครบหน้าหลัก + บริการ + about + contact
• บล็อกและพอร์ตโฟลิโอที่ผูกกันได้ (อ่านเรื่อง → ดูสกรีนของชุดนั้น)
• ทิศทางภาพแบบ trust-corporate (น้ำเงินแบรนด์ + amber CTA) ตาม DESIGN.md
• เครื่องมือโพสต์คอนเทนต์ postweb/ สำหรับทีมภายใน

บทบาทของ KNOW IT

ทีมเราดูแลครบเส้นทางของเว็บบริษัทนี้เอง — ออกแบบทิศทางภาพ ตั้ง Directus schema เขียน Nuxt frontend วาง SEO พื้นฐาน และทำทูลโพสต์คอนเทนต์ให้ใช้งานต่อได้ เป้าหมายคือให้เป็นทั้งหน้าบ้านของบริษัท และตัวอย่างที่อธิบายลูกค้าได้ ว่าถ้าอยากมีเว็บองค์กรแบบเดียวกัน เราทำแบบไหน ใช้ stack อะไร และแยกหน้าที่ทีมยังไง

อยากลองดูของจริง

เข้าชมได้ที่ knowitsolution.com — ส่วนสกรีนช็อตในแกลเลอรีคือหน้าจริงของเว็บชุดนี้ ถ้าองค์กรสนใจแนวเดียวกัน สอบถามทีมเราได้ตามช่องทางติดต่อบนเว็บ