Static site showcase · 2569
เว็บไซต์ตัวอย่าง 12 ธุรกิจ จากคอร์สเรียน พลากร สอนสร้างเว็บ
เราใช้เทมเพลตเอนจินตัวเดียว สร้างโครงหน้าทุกเว็บ และ แล้วทำให้สิบสองธุรกิจมีเว็บที่มีสไตล์แตกต่างกัน แต่ละเว็บจึงมีระบบสี ฟอนต์ และ องค์ประกอบเด่นหนึ่งอย่าง ที่มาจากโลกของธุรกิจนั้นจริง ๆ ไม่ใช่แบบเทมเพลตสำเร็จรูป
ติดต่อ พลากร สอนสร้างเว็บ
สำรับ เจริญกรุง
อาหารไทยตำรับเก่า จัดเป็นสำรับ ย่านเจริญกรุง
จุดเด่น: วงสำรับ — แผนผังถาดกลม จานวางรอบวงตามจำนวนจริง
สไมล์เฮ้าส์ ทันตกรรม
บอกช่วงราคาทุกรายการก่อนลงมือ คลินิกย่านอารีย์
จุดเด่น: แถบช่วงราคา — ทุกบริการอยู่บนสเกลร่วม 0–50,000 บาท
ธนกร แอนด์ พาร์ทเนอร์ส
กฎหมายแรงงานและธุรกิจ คิดค่าบริการเป็นกรอบงาน ไม่ใช่รายชั่วโมง
จุดเด่น: เส้นแก้สัญญา — จุดยืนเขียนเป็นรอยแก้ พร้อมเลขมาตราที่ขอบ
บ้านร่มไม้ ดีไซน์ แอนด์ บิลด์
ทีมที่เขียนแบบ คือทีมที่ลงมือสร้าง
จุดเด่น: เส้นบอกระยะ — ระยะจริงทับบนภาพ และสไลเดอร์ก่อน–หลัง
สตูดิโอลมหายใจ
คลาสละไม่เกินแปดคน ไม่มีกระจก ไม่มีการจัดอันดับ
จุดเด่น: แถบลมหายใจ — จังหวะ 4 เข้า 6 ออก และตารางคลาสสูงตามเวลาจริง
บ้านเรือนแก้ว บูทีค โฮเทล
เรือนไม้สักร้อยปี สิบแปดห้อง กลางเมืองเก่าเชียงใหม่
จุดเด่น: แสงบานเกล็ด — แถบแสงเคลื่อนช้า 90 วินาทีต่อรอบ
ช่างคิว
จัดคิวงาน วางเส้นทาง และปิดบิลหน้างาน สำหรับทีมช่าง
จุดเด่น: กระดานคิว — สร้างด้วย CSS Grid ที่ทำงานจริง ไม่ใช่ภาพหน้าจอ
หมอกเหนือ โรงคั่วกาแฟ
เมล็ดเดี่ยวจากดอยภาคเหนือ คั่วทุกวันอังคาร ส่งวันพุธ
จุดเด่น: กราฟคั่ว — กาแฟทุกตัวมีเส้นโค้งการคั่วของตัวเอง
ห้องภาพวันวาน
ถ่ายงานแต่งแนวสารคดี ช่างภาพคนเดียว รับปีละสิบห้างาน
จุดเด่น: วงดินสอเขียนแก้ว — หนึ่งเฟรมที่ถูกเลือกต่อหนึ่งคอนแทกต์ชีท
เข็มทิศ ที่ปรึกษาการเงินและบัญชี
CFO นอกเวลา สำหรับบริษัทที่กำลังโต
จุดเด่น: เส้นกระแสเงินสด — ฟันปลาบนหน้า คลื่นนิ่งท้ายหน้า
เรือนทะเล พร็อพเพอร์ตี้
บ้านและคอนโดริมทะเล หัวหิน–ชะอำ–ปราณบุรี บอกระยะถึงหาดเป็นเมตร
จุดเด่น: มาตรวัดระยะถึงหาด — สเกลร่วม 0–3,000 เมตรทุกรายการ
โรงสีเก่า อาร์ตสเปซ
โรงสีข้าวเจ็ดสิบปี ริมแม่น้ำวัง ลำปาง
จุดเด่น: การพิมพ์เหลื่อม — หมึกสองสี เหลื่อม 3px ทางเดียวทั้งเว็บ
12 เว็บไซต์ สร้างจาก คอร์สเรียน พลากร สอนสร้างเว็บ
เราสร้างจาก Skill Pack และ Template Engine ประกอบร่างออกมา เป็นเว็บไซต์แต่ละเว็บ ด้วยการออกแบบจากระบบ AI ที่แม่นยำกว่า การสร้างเว็บไซต์ด้วย AI ทั่วไป ซึ่งการสร้างเว็บไซต์ของเรา มีจุดเด่นดังนี้
Skill Pack
ข้อมูล Skills สำหรับ Agent ที่จะทำให้การสร้างเว็บไซต์ด้วย Agentic AI ทำงานได้อย่างราบรื่น เป็นระบบและมีแบบแผน
Template Engine
ชุด Software สำหรับ ประมวลผล และ ประกอบร่างเว็บไซต์ ให้สมบูรณ์แบบในทุกหน้า ไม่ขาดส่วนประกอบที่ต้องใช้งานในแต่ละหน้า
Connected Links
ลิงค์ในเว็บไซต์ เป็นลิงค์ที่เชื่อมโยงถึงกัน สามารถคลิกไปแต่ละหน้าได้ทั้งในระบบ Production และ Development
อ่านต่อ
เบื้องหลังการตัดสินใจของแต่ละเว็บ ทั้งเหตุผลของสี ฟอนต์ และองค์ประกอบเด่น เขียนไว้ในหน้าเกี่ยวกับโปรเจกต์