[{"id":"6a8f09ca3af9ecde816f62d0","featured":true,"display_order":0,"title":"เว็บไซต์ทองทิพย์บุรีขนส่ง 2020 (บริการขนส่งครบวงจร)","tag":"UI DESIGN","description":"เว็บไซต์ Landing page ภาษาไทยของ หจก. ทองทิพย์บุรีขนส่ง 2020 — responsive รองรับมือถือ/คอมพิวเตอร์ นำเสนอบริการขนย้ายบ้าน ขนส่งมอเตอร์ไซค์/บิ๊กไบค์ทุก cc เช็คก่อนซื้อ ส่งต่างจังหวัด และเก็บเงินปลายทาง\n\nฟีเจอร์เด่น:\n• ระบบเก็บ Lead จากฟอร์มขอใบเสนอราคา + ระบบรีวิวลูกค้า (เชื่อม MongoDB ผ่าน Serverless Functions)\n• ติดตั้ง Google Analytics 4 + Google Ads Conversion Tracking (นับกดโทร/LINE/ส่งฟอร์ม)\n• SEO เทคนิค: Structured Data (MovingCompany), sitemap, robots, canonical, meta/OG\n• แผนที่ Google, แกลเลอรีผลงาน, เชื่อมโดเมนภาษาไทย + SSL\n• ปรับความเร็ว: รูป WebP, preload, lazy load\n","tools":"HTML, CSS, TypeScript, Node.js (Vercel Serverless Functions), MongoDB, Vercel, Google Analytics 4 / Google Ads Conversion","image_url":"/api/public-content?view=image&id=6a8f09ca3af9ecde816f62d0&field=image_url&index=0&width=960","desktop_image":"/assets/portfolio/6a8f09ca3af9ecde816f62d0-desktop.webp","tablet_image":"/assets/portfolio/6a8f09ca3af9ecde816f62d0-tablet.webp","mobile_image":"/assets/portfolio/6a8f09ca3af9ecde816f62d0-mobile.webp","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":["/api/public-content?view=image&id=6a8f09ca3af9ecde816f62d0&field=gallery&index=0&width=960"],"client_links":["https://www.xn--2020-9do3ab9jbvj1c0cp1isbziwa9czusc.com/"],"website_url":"","related_services":[],"created_at":"2026-08-26T15:44:10.482Z","updated_at":"2026-10-19T10:24:07.617Z"},{"id":"6a8f09133af9ecde816f62cf","featured":false,"display_order":0,"title":"Sport Store","tag":"UI DESIGN","description":"Sport Store เป็นเว็บอีคอมเมิร์ซสำหรับขายสินค้าและอุปกรณ์กีฬา พัฒนาเป็นระบบแยก frontend และ backend โดยฝั่งหน้าเว็บใช้ Next.js สำหรับแสดงสินค้า หมวดหมู่ โปรโมชัน รายละเอียดสินค้า และตะกร้าสินค้า ส่วนฝั่ง API ใช้ Fastify เชื่อมต่อ Supabase เพื่อจัดการข้อมูลสินค้า หมวดหมู่ ผู้ใช้ ตะกร้า แบนเนอร์ โปรโมชัน และข้อมูลหน้าแรก","tools":"Next.js, React, TypeScript, Tailwind CSS, Fastify, Supabase (PostgreSQL), Zod, Docker, Nginx, AWS EC2, PromptPay, LINE Messaging API, Figma, Git/GitHub","image_url":"https://placehold.co/600x400/black/white?text=No+Image","desktop_image":"","tablet_image":"","mobile_image":"","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":["https://placehold.co/600x400/black/white?text=No+Image"],"client_links":[],"website_url":"","related_services":[],"created_at":"2026-08-26T15:41:07.949Z"},{"id":"6a0b0f9e55485155cc6070a1","featured":true,"display_order":2,"title":"BC Green – Corporate Website","tag":"WEB DESIGN","description":"🚗💚 B C GREEN WORLD — ระบบบริการดูแลรถยนต์ออนไลน์ ครบ จบ ในที่เดียว\nเพื่อความสะดวกของลูกค้าทุกท่าน เราได้พัฒนาระบบออนไลน์ที่ให้คุณจัดการเรื่องรถได้ง่ายๆ ผ่านปลายนิ้ว\n✅ แจ้งซ่อมออนไลน์ — กรอกข้อมูลปัญหาพร้อมแนบไฟล์ได้\n✅ ติดตามสถานะงาน — ดูสถานะคำร้องแบบเรียลไทม์\n✅ ศูนย์ช่วยเหลือ — ติดต่อสอบถามได้ตลอด\n✅ รองรับ 2 ภาษา (ไทย/อังกฤษ)\n🎁 โปรโมชั่นพิเศษ\n🆕 แพ็กเกจดูแลรายปี — ดูแลครบวงจร พร้อมบริการฉุกเฉิน\n🔥 ลดอะไหล่แท้ 15% — สำหรับนัดหมายซ่อมที่จองล่วงหน้า\n⭐ ตรวจเช็กฟรีทุกเดือน — แบตเตอรี่และตัวรถ\nเริ่มใช้งานได้แล้ววันนี้","tools":"Next.js TypeScript Firebase React Tailwind CSS Vercel","image_url":"/api/public-content?view=image&id=6a0b0f9e55485155cc6070a1&field=image_url&index=0&width=960","desktop_image":"/assets/portfolio/6a0b0f9e55485155cc6070a1-desktop.webp","tablet_image":"/assets/portfolio/6a0b0f9e55485155cc6070a1-tablet.webp","mobile_image":"/assets/portfolio/6a0b0f9e55485155cc6070a1-mobile.webp","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":["/api/public-content?view=image&id=6a0b0f9e55485155cc6070a1&field=gallery&index=0&width=960"],"client_links":["https://bc-green-full.vercel.app/"],"website_url":"","related_services":[],"created_at":"2026-05-18T13:09:50.488Z","updated_at":"2026-10-19T10:24:07.696Z"},{"id":"6a0aec2ea20a407080df6bee","featured":true,"display_order":0,"title":"WHOCARE CLINIC","tag":"WEB DESIGN","description":"โปรเจกต์พัฒนาเว็บไซต์ WhoCare Clinic จัดทำขึ้นเพื่อนำเสนอข้อมูลและบริการของคลินิกความงาม โดยมีจุดมุ่งหมายเพื่อสร้างช่องทางออนไลน์ที่เข้าถึงง่าย น่าเชื่อถือ และสะท้อนภาพลักษณ์ของคลินิกที่ทันสมัยและใส่ใจลูกค้า\nเว็บไซต์ประกอบด้วยส่วนแนะนำคลินิก ข้อมูลบริการด้านผิวพรรณและความงาม ทีมแพทย์ผู้เชี่ยวชาญ โปรโมชั่น รีวิวจากลูกค้า และระบบนัดหมายออนไลน์ ออกแบบให้ใช้งานง่ายทั้งบนคอมพิวเตอร์และมือถือ ด้วยโทนสีที่อบอุ่น สื่อถึงความใส่ใจและความเป็นมืออาชีพ","tools":"Next.js TypeScript Firebase React Tailwind CSS Vercel","image_url":"/api/public-content?view=image&id=6a0aec2ea20a407080df6bee&field=image_url&index=0&width=960","desktop_image":"/assets/portfolio/6a0aec2ea20a407080df6bee-desktop.webp","tablet_image":"/assets/portfolio/6a0aec2ea20a407080df6bee-tablet.webp","mobile_image":"/assets/portfolio/6a0aec2ea20a407080df6bee-mobile.webp","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":["/api/public-content?view=image&id=6a0aec2ea20a407080df6bee&field=gallery&index=0&width=960"],"client_links":["https://whocare-hospital.web.app/?fbclid=IwY2xjawQbvPBleHRuA2FlbQIxMABicmlkETFKcTlXWnlKcnZQaXd5RDFGc3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHq6I_6rQaVXVy-aKby8d0pskWCB4xNF2vuxUHkRjX4-j6V8DFH1eGf5KLSPm_aem_CI8YKEnHVtviHaGXS0xlhQ"],"website_url":"","related_services":[],"created_at":"2026-05-18T10:38:38.595Z","updated_at":"2026-10-19T10:24:07.757Z"},{"id":"6a01501e92ab15992cd1b38b","featured":false,"display_order":0,"title":"Smart POS System","tag":"WEB APP","description":"ระบบบริหารจัดการหน้าร้าน (Point of Sale) ครบวงจร รองรับการตัดสต็อกสินค้าอัตโนมัติ และระบบรายงานยอดขายแบบ Real-time","tools":"PostgreSQL, React, Node.js","image_url":"https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?q=80&w=600&h=400&fit=crop","desktop_image":"","tablet_image":"","mobile_image":"","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":[],"client_links":[],"website_url":"","related_services":[],"created_at":"2026-05-11T03:42:22.171Z"},{"id":"6a01501e92ab15992cd1b38a","featured":false,"display_order":0,"title":"SaaS Platform Dashboard","tag":"WEB APP","description":"การออกแบบระบบหลังบ้านสำหรับแพลตฟอร์ม SaaS ที่เน้นการแสดงผลข้อมูลจำนวนมากให้สะอาดตาและมีระเบียบ พร้อมระบบปรับแต่ง Widget","tools":"React, Tailwind, Figma","image_url":"","desktop_image":"","tablet_image":"","mobile_image":"","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":[],"client_links":[],"website_url":"","related_services":[],"created_at":"2026-05-11T03:42:22.093Z"},{"id":"6a01501e92ab15992cd1b389","featured":false,"display_order":0,"title":"Mobile App Redesign","tag":"UI DESIGN","description":"โปรเจกต์ปรับปรุง UI/UX สำหรับแอปพลิเคชัน Fintech เพื่อให้ใช้งานได้ง่ายขึ้นและดูทันสมัย (Dark Mode) พร้อมระบบ Dashboard ที่เข้าใจง่าย","tools":"Figma, ProtoPie","image_url":"","desktop_image":"","tablet_image":"","mobile_image":"","architecture_diagram":"","data_flow_diagram":"","er_diagram":"","sequence_diagram":"","infrastructure_diagram":"","gallery":[],"client_links":[],"website_url":"","related_services":[],"created_at":"2026-05-11T03:42:22.023Z"}]