Natpakan Sirirat · Nattapakan · Tan · TanPlanet
UX/UI Designer & Frontend Developer · ประเทศไทย
สวัสดีครับ ผม ณัฐปคัลภ์ ศิริรัตน์ (แทน) UX/UI Designer & Frontend Developer — ชอบ Design System และ AI-Assisted Design รวมผลงาน Side Projects ที่ผสม Design Thinking เข้ากับ Code
ลองค้นด้วยคำอื่น หรือเปลี่ยน filter ดู
Internal Portal รวม 8 แผนกในระบบเดียว สำหรับกลุ่มบริษัท Real Factory — ออกแบบ UX/UI ให้ทุกทีมใช้งานได้จริง
สารานุกรมสี 75 เฉด + Glossary 130 สี จากหนังสือ Kassia St. Clair — เรื่องราวเบื้องหลังทุกสีในประวัติศาสตร์ สองภาษา ไทย-อังกฤษ
ระบบค้นคว้ากฎหมายไทย 84K+ มาตราด้วย RAG + GPT-4o — ถามเป็นภาษาคน ได้คำตอบพร้อม Citation Cards อ้างอิงมาตราจริง
Chrome Extension ที่ช่วย UX Designer inspect element บนเว็บ แล้ว copy เป็น Markdown สำหรับ Claude AI ได้ทันทีในคลิกเดียว
รวมทุก Skill, Plugin, MCP Server ที่ติดตั้งไว้ใน Claude Code — Source of Truth พร้อม Search, Filter, Highlight
ออกแบบ UI/UX ร้านดอกไม้ออนไลน์ — Buyer Portal สั่งช่อ customize เอง + Seller Portal dashboard จัดการร้าน ออเดอร์ สต๊อก
เว็บไซต์ Digital Marketing Agency — Live Commerce, Influencer Marketing, Event Organization สร้างด้วย Webflow พร้อม pricing packages
เครื่องมือแก้ปัญหาที่คนไทยเจอทุกวัน — พิมพ์ผิดภาษาแล้วแปลงกลับทันที พร้อม Self-Learning Dictionary ที่ยิ่งใช้ยิ่งเก่ง
แอปดูดวงรายวันที่ผสานศาสตร์โบราณกับ AI — ออกแบบเป็นทีม 3 คน สร้าง Design System จาก 0 พร้อม 40+ หน้าจอใน 4 สัปดาห์
แพลตฟอร์มที่เชื่อมเกษตรกรกับผู้บริโภคโดยตรง — ออกแบบ 4 User Roles (Buyer/Seller/Affiliate/Admin) ครบทั้ง Ecosystem ใน 3 เดือน
ทดลองเอา ThemeForest template เปล่ามาสร้างเว็บ Fine Dining Restaurant ด้วย AI — ได้เรียนรู้ว่า Layout ไวขึ้น แต่ต้องใส่ตัวตนเข้าไปมากกว่าเดิม
Taiwan Travel Guide แบบ Interactive — Taipei → Kaohsiung via HSR พร้อม Budget Calculator, Transit Map และ Daily Itinerary แบบ Bilingual (TH/EN)
LINE Bot ส่งผลบอล EPL + ตาราง + Top Scorers ทุกเช้า พร้อม AI Daily Blessing สร้างคำอวยพรด้วย GPT-4o-mini และ Color Card ตามวัน
Dashboard แสดงสถิติจอดรถ Real-time จาก Google Sheets — กราฟ Location, Floor Distribution, Arrival Time Trends พร้อม Auto-refresh ทุก 5 นาที
Portfolio เล่ากระบวนการ Design Thinking ในการสร้าง LINE Bot สำหรับแฟนบอล Liverpool/EPL ตั้งแต่ Research จนถึง Implementation
Portfolio เล่ากระบวนการ Design Thinking ของ Parking Reminder App — ตั้งแต่ Pain Points, User Research, Ideation ไปจนถึง Prototype
Portfolio เล่ากระบวนการออกแบบ Taiwan Travel Guidebook ตั้งแต่ Research, Persona, Pain Points ไปจนถึง Solution Design
เชื่อม Claude Code กับ Figma ผ่าน MCP — สร้าง UI, Design System, UX Review ด้วยคำสั่งเดียว พร้อม Custom Skills 13 ตัวและ Docs Website
Script อัตโนมัติ ใช้ Playwright แคปโพสจาก Mandala Cosmostrend — แบ่งหมวด Travel, Food, Horoscope, Sci-Tech ครั้งละ 150 โพส
เพจที่สร้างขึ้นหลังแยกตัวจากทีมเดิม — รวมคอนเทนต์ บทความ และผลงานเขียนส่วนตัวไว้ในที่เดียว