สำหรับเพื่อน ๆ ที่กำลังสมัครงานสาย UX/UI Designer อยู่ตอนนี้ คงรู้สึกเหมือนกันว่าตลาดมันไม่ง่ายเลยใช่ไหมคร้าบบ ส่ง Portfolio ไปแล้วหลายที่ แต่เหมือนส่งจดหมายลงกล่องดำที่ไม่มีใครตอบกลับ
ข้อมูลจาก UXfolio’s State of Design Job Market ชี้ว่า ในปี 2024 มี Designer เพียง 49.5% เท่านั้นที่ได้งานภายใน 3 เดือน ลดลงจาก 67.9% ในปี 2019 อย่างมีนัยสำคัญ ขณะที่ผลสำรวจจาก UX Playbook ที่สำรวจ Recruiter กว่า 74 คนพบว่า Hiring Manager ใช้เวลาเพียง 60 วินาทีต่อ Case Study เท่านั้น และใน 0-3 วินาทีแรก ถ้า Title กับ Visual แรกไม่สื่อถึง Business Impact พวกเขาก็เลื่อนผ่านไปคนถัดไปทันที
แต่ข่าวดีคือ แอดเชื่อว่าปัญหาส่วนใหญ่ไม่ได้อยู่ที่ “ฝีมือ” แต่อยู่ที่ “วิธีเล่าเรื่อง” ใน Portfolio ต่างหาก บทความนี้แอดจะพามาดูโครงสร้าง Case Study ที่รีครูทเตอร์มองหาจริง ๆ พร้อม Checklist ก่อนส่งงาน และตัวอย่างที่คนได้งานเขาทำกัน ว่าต้องมีอะไรบ้างนะคร้าบบ
ทำไม Portfolio UX/UI ถึงสำคัญกว่าที่คิดในปี 2026?ก่อนจะไปดูโครงสร้าง Case Study กัน เรามาเข้าใจบริบทของตลาดแรงงานสาย UX/UI ในปัจจุบันกันก่อนจากรายงาน State of UX in 2026 ของ Nielsen Norman Group (NN/g) ระบุว่า ตลาด UX กำลังเปลี่ยนแปลงอย่างมาก ตำแหน่ง Senior และ Generalist ฟื้นตัวเร็วกว่าตำแหน่ง Entry-Level ที่ยังคงหายากและแข่งขันสูง บริษัทไม่ได้จ้างจาก “ศักยภาพ” อีกต่อไป แต่จ้างจาก “ความสามารถที่พิสูจน์ได้ภายใต้ความกดดัน” ซึ่งหมายความว่า Portfolio คือหลักฐานชิ้นสำคัญที่สุดที่จะพิสูจน์ตัวเราได้สำหรับตลาดไทย ข้อมูลจาก Glassdoor ระบุว่าเงินเดือนเฉลี่ยของ UX/UI Designer ในกรุงเทพฯ อยู่ที่ประมาณ 40,000-70,000 บาทต่อเดือน โดย Senior Level สามารถขึ้นไปถึง 90,000+ บาท ตำแหน่งเปิดรับมีอยู่เรื่อย ๆ แต่การแข่งขันก็สูงขึ้นตามไปด้วย
แล้ว Portfolio ที่ “ได้ผล” มันต่างจาก Portfolio ที่ “แค่มี” ยังไง? คำตอบอยู่ที่ Case Study นั่นเองเลยย
Recruiter มองหาอะไรใน Portfolio UX/UI?
จากผลสำรวจ Recruiter 74 คนโดย UX Playbook พบว่า สิ่งที่ Recruiter ให้ความสำคัญไม่ใช่ “ผลงานสุดท้าย” แต่เป็น “วิธีคิดและการตัดสินใจ” ต่างหาก Portfolio ส่วนใหญ่โชว์แค่ว่า “ทำอะไร” แต่ไม่ได้บอกว่า “ตัดสินใจยังไง” ซึ่งตรงนี้แหละที่ทำให้หลุดรอบ
มาดูกันว่า Recruiter มองหาอะไรบ้าง:
1. Design Thinking และ Impact
Recruiter ต้องการเห็นว่าเราเข้าใจปัญหาของ User จริง ไม่ใช่แค่ทำตาม Brief ที่ได้มา การแสดง Process ตั้งแต่ Research ไปจนถึง Impact ที่วัดได้ คือสิ่งที่ทำให้โดดเด่น
2. Visual Polish
58% ของ Hiring Manager ให้คะแนน Visual Polish ไม่ได้แปลว่าต้องสวยหรูหรา แต่ต้อง “เป็นระเบียบ อ่านง่าย ดูเป็นมืออาชีพ” Layout ที่ดี Typography ที่อ่านสบาย และ Visual Hierarchy ที่ชัดเจน
3. Collaboration & Systems Thinking
มากกว่า 45% ของ Hiring Manager ชี้ว่า Collaboration, Systems Thinking และ Product Strategy เป็นทักษะที่สำคัญมาก เพราะ UX/UI Designer ไม่ได้ทำงานคนเดียว ถ้า Case Study แสดงให้เห็นว่าเราทำงานร่วมกับทีม Dev, PM, Stakeholders ได้ จะเป็นจุดแข็งที่ชัดเจน
4. Self-Reflection & Growth
Recruiter อยากเห็นว่าเราเรียนรู้อะไรจากแต่ละโปรเจกต์ ถ้าเราสามารถพูดได้ว่า “ถ้าทำใหม่ จะเปลี่ยนตรงนี้ เพราะ…” นั่นแสดงถึง Growth Mindset ที่ทุกบริษัทต้องการ
โครงสร้าง Case Study สำหรับ Portfolio UX/UI ที่ผ่านจริง
มาถึงส่วนที่สำคัญที่สุดแล้วคร้าบบ โครงสร้าง Case Study ที่ Recruiter ต้องการเห็น แอดสรุปมาจากหลายแหล่ง ทั้ง UXfolio, UX Playbook, Nielsen Norman Group และ Case Study ของ Designer ที่ได้งานจริง แบ่งเป็น 7 ส่วนตามนี้:
ส่วนที่ 1: Project Overview (เปิดเรื่องให้น่าสนใจ)
เขียนสรุปโปรเจกต์ใน 1-2 ประโยค บอกว่าทำอะไร ให้ใคร และผลลัพธ์คืออะไร ส่วนนี้คือ “3 วินาทีแรก” ที่ Recruiter จะตัดสินว่าจะอ่านต่อหรือไม่ ต้องชัด กระชับ และสื่อ Impact ทันที
ตัวอย่างที่ดี: “ออกแบบ Checkout Flow ใหม่ให้ E-Commerce Platform ที่มีผู้ใช้ 500K+ คน ลด Cart Abandonment ลง 23% ภายใน 2 เดือน”
ตัวอย่างที่ไม่ดี: “โปรเจกต์ออกแบบ UI สำหรับเว็บไซต์ E-Commerce”
ส่วนที่ 2: Context & Role (บอกบริบทและบทบาท)
ระบุให้ชัดว่าโปรเจกต์นี้ทำเมื่อไหร่ นานเท่าไหร่ ทำกับทีมหรือคนเดียว เราทำหน้าที่อะไรบ้าง ใช้เครื่องมืออะไร ส่วนนี้ช่วยให้ Recruiter ประเมินได้ว่า Skill Set ของเราตรงกับที่เขาต้องการหรือไม่
สิ่งที่ควรระบุ: ระยะเวลาโปรเจกต์, ขนาดทีม, Role ของเรา (เช่น Lead UX Researcher, UI Designer), เครื่องมือที่ใช้ (Figma, Miro, UserTesting ฯลฯ)
ส่วนที่ 3: Problem Statement (ปัญหาที่ต้องแก้)
อธิบายปัญหาให้คนทั่วไปเข้าใจได้ ไม่ต้องใช้ศัพท์เทคนิคเยอะ สิ่งสำคัญคือต้องบอกได้ว่า “ทำไมปัญหานี้ถึงสำคัญ” ทั้งจากมุม User และมุม Business
เคล็ดลับจากแอด: ลองใช้โครงสร้าง “[กลุ่มผู้ใช้] กำลังประสบปัญหา [ปัญหา] ซึ่งส่งผลให้ [ผลกระทบ]” เพื่อให้กระชับและชัดเจน
ส่วนที่ 4: Process (กระบวนการที่ใช้)
ส่วนนี้คือ “เนื้อ” ของ Case Study ที่ Recruiter อยากเห็นมากที่สุด แสดง Design Process ที่ใช้ ตั้งแต่ Research, Ideation, Wireframe, Prototype ไปจนถึง Testing ที่สำคัญคือต้อง “โชว์การตัดสินใจ” ไม่ใช่แค่โชว์ Deliverables
แนะนำให้เลือก 3 จุดตัดสินใจสำคัญ (Critical Decisions) ที่กำหนดทิศทางของ Design แล้วอธิบายว่าทำไมถึงเลือกทางนั้น มี Data หรือ Insight อะไรสนับสนุน และผลที่ตามมาเป็นอย่างไร
ส่วนที่ 5: Solution (ผลลัพธ์การออกแบบ)
แสดง Final Design พร้อมอธิบายว่าแต่ละ Design Decision เชื่อมโยงกับ Problem Statement ยังไง ใส่ภาพ Before/After ถ้ามี และอธิบายว่าทำไมถึงเลือก Solution นี้แทนที่จะเป็นทางเลือกอื่น
ส่วนที่ 6: Impact & Results (วัดผลได้)
ส่วนนี้คือ Climax ของ Case Study เลยย ใส่ตัวเลขที่วัดได้ เช่น เพิ่ม Conversion Rate กี่เปอร์เซ็นต์ ลด Support Tickets กี่เคส เพิ่ม User Satisfaction Score เท่าไหร่
แต่สำหรับเพื่อน ๆ ที่เป็น Junior หรือทำโปรเจกต์ส่วนตัว ไม่ต้องกังวลถ้าไม่มีตัวเลข Business Metrics แอดบอกเลยว่า Impact ไม่จำเป็นต้องเป็นตัวเลขเสมอไป อาจเป็น Validated Learning, Improved Usability จาก Testing, หรือ Clarified Product Direction ก็ได้ สิ่งสำคัญคือต้องแสดงว่า “มีอะไรเปลี่ยนแปลงเพราะงานของเรา”
ส่วนที่ 7: Reflection & Lessons Learned (สิ่งที่เรียนรู้)
ปิดท้ายด้วยสิ่งที่เรียนรู้จากโปรเจกต์นี้ สิ่งที่จะทำต่างไปถ้าได้ทำใหม่ และทักษะที่ได้พัฒนาขึ้น ส่วนนี้เป็น Bonus ที่ทำให้โดดเด่นจาก Portfolio คนอื่น เพราะแสดง Growth Mindset ที่ Recruiter ต้องการ
ลองเขียน Case Study จริง มาลองดูตัวอย่าง Step-by-Step
เพื่อให้เห็นภาพชัดขึ้น แอดจะลองเขียน Case Study ตัวอย่างสำหรับโปรเจกต์ Redesign หน้า Checkout ให้ดูนะคร้าบบ:
Project Overview: “Redesign Checkout Flow ของ ShopEasy (E-Commerce Platform, MAU 120K) ที่มีอัตรา Cart Abandonment สูงถึง 68% ลดลงเหลือ 52% ภายใน 6 สัปดาห์หลัง Launch”
Context: ระยะเวลา 8 สัปดาห์ ทีม 4 คน (1 UX Designer, 1 UI Designer, 1 PM, 2 Developers) Role: Lead UX Designer รับผิดชอบ User Research, Wireframing, Usability Testing เครื่องมือ: Figma, Maze, Hotjar, Miro
Problem: ผู้ใช้ ShopEasy 68% ละทิ้งตะกร้าสินค้าก่อนชำระเงิน จากการวิเคราะห์ Hotjar Heatmap พบว่าผู้ใช้สับสนที่ Step 3 (กรอกที่อยู่จัดส่ง) เพราะฟอร์มยาว 12 ช่อง และไม่มี Progress Indicator ทำให้ไม่รู้ว่าเหลืออีกกี่ขั้นตอน
Process (3 Critical Decisions):
Decision 1: เลือกทำ Guerrilla Testing กับผู้ใช้จริง 5 คนแทน Survey เพราะต้องการเห็น Pain Point แบบ Real-Time ผลคือพบว่า 4/5 คนพยายามกดปุ่ม “ย้อนกลับ” ตอนอยู่ Step 3
Decision 2: ลดฟอร์มจาก 12 ช่องเหลือ 6 ช่อง โดยใช้ Auto-Fill จาก Google Address API แทนการให้กรอกที่อยู่เอง
Decision 3: เพิ่ม Progress Bar 4 ขั้นตอน (ตะกร้า > ที่อยู่ > ชำระเงิน > ยืนยัน) จากเดิมที่ไม่มี
Solution: Checkout Flow ใหม่ลดจาก 5 หน้าเหลือ 3 หน้า มี Progress Bar ชัดเจน ฟอร์มกรอก Auto-Fill และปุ่ม “ย้อนกลับ” ที่เห็นชัด
Impact: Cart Abandonment ลดจาก 68% เหลือ 52% (-16 จุด), Average Order Completion Time ลด 40%, SUS Score เพิ่มจาก 62 เป็น 78
Reflection: ถ้าทำใหม่จะเพิ่ม A/B Testing ก่อน Full Launch เพราะ Guerrilla Test Sample Size เล็ก ได้เรียนรู้ว่า Auto-Fill มี Edge Case เยอะกว่าที่คิด (เช่น ที่อยู่ในซอยเล็ก ๆ ที่ Google API ไม่รู้จัก)
Checklist ก่อนส่ง Portfolio UX/UI และข้อผิดพลาดที่ต้องหลีกเลี่ยง
แอดรวบรวม Checklist จากหลายแหล่งมาให้เพื่อน ๆ เช็คก่อนส่ง Portfolio ไปสมัครงาน:
Checklist สำหรับแต่ละ Case Study
- มี Project Overview ที่ชัดเจนใน 1-2 ประโยค สื่อ Impact ทันที
- ระบุ Role, Timeline, Team Size, Tools ครบถ้วน
- Problem Statement อธิบายปัญหาให้คนทั่วไปเข้าใจได้
- แสดง Process และ Critical Decisions อย่างน้อย 3 จุด
- มี Visual ประกอบทุกขั้นตอน (Wireframe, Prototype, Final Design)
- มี Metrics หรือ Validated Learning ในส่วน Impact
- มี Reflection / Lessons Learned
- ความยาว 800-1,500 คำ ต่อ Case Study (ไม่ยาวเกินจนอ่านไม่จบ)
Checklist สำหรับ Portfolio ภาพรวม
- Junior: มี 2-3 Case Studies (เน้นคุณภาพ ไม่ใช่ปริมาณ)
- Mid-Senior: มี 4-5 Case Studies ที่หลากหลายประเภทโปรเจกต์
- มี About/Bio สั้น ๆ ที่บอกว่าเราเป็นใคร ทำอะไร สนใจอะไร
- Navigation ง่าย Recruiter หา Case Study ได้ภายใน 3 คลิก
- Responsive บนมือถือ (Recruiter หลายคนเปิดดูบนโทรศัพท์)
- Load เร็ว ไม่มี Broken Images หรือ Dead Links
5 ข้อผิดพลาดที่ทำให้ Portfolio หลุดรอบ
1. ไม่มี Case Study เลย แค่ใส่ภาพ UI สวย ๆ โดยไม่อธิบาย Process เลย Recruiter จะไม่รู้ว่าเราคิดยังไง
2. เขียนยาวเกินไป Case Study ที่ยาว 3,000+ คำ ไม่มี Recruiter คนไหนอ่านจบ จำไว้ว่าเขามีเวลาแค่ 60 วินาทีต่อ Case Study
3. ไม่มี Impact/Results ต่อให้ Process สวยงามแค่ไหน ถ้าไม่บอกว่าผลลัพธ์เป็นยังไง Recruiter จะรู้สึกว่าเรื่องยังเล่าไม่จบ
4. Copy โปรเจกต์จาก Tutorial Recruiter เห็น Redesign Spotify หรือ Redesign Netflix จาก YouTube ทุกวัน ถ้าจะทำ Redesign ต้องเพิ่มมุมมองและ Research ของตัวเองเข้าไป
5. Portfolio ที่เข้าถึงยาก ส่งเป็น PDF 50 หน้า หรือ Google Drive ที่ต้องขอ Permission Recruiter จะข้ามไปคนถัดไปทันที ใช้ Website-based Portfolio ที่เข้าถึงได้ทันทีดีกว่าเยอะ
เครื่องมือสร้าง Portfolio UX/UI ยอดนิยมปี 2026
สำหรับเพื่อน ๆ ที่กำลังจะเริ่มสร้าง Portfolio มาดูเครื่องมือที่ Designer นิยมใช้กัน:
| เครื่องมือ | จุดเด่น | เหมาะกับ | ราคา |
| UXfolio | ออกแบบมาสำหรับ UX โดยเฉพาะ มี Case Study Template | Junior-Mid ที่อยากเริ่มเร็ว | ฟรี (1 โปรเจกต์) / $12/เดือน |
| Figma + Framer | Custom ได้เต็มที่ โชว์ Prototype ได้เลย | Mid-Senior ที่อยากแสดงทักษะ | ฟรี / $5/เดือน (Framer) |
| Notion | เขียน Case Study ได้ละเอียด จัด Layout ง่าย | คนที่เน้น Content มากกว่า Visual | ฟรี |
| Webflow | Custom Website เต็มรูปแบบ ไม่ต้องเขียนโค้ด | คนที่ต้องการ Portfolio ที่ Unique | ฟรี / $14/เดือน |
| Read.cv | Minimal สวย เริ่มต้นเร็ว | คนที่อยากมี Online Presence เร็ว ๆ | ฟรี |
แอดแนะนำว่า ถ้าเป็น Junior ที่เพิ่งเริ่ม ใช้ UXfolio หรือ Notion ก่อนเพื่อโฟกัสที่เนื้อหา Case Study เป็นหลัก พอมีประสบการณ์มากขึ้นค่อยย้ายไป Framer หรือ Webflow ที่ Custom ได้มากกว่า เรื่อง Platform ไม่สำคัญเท่าเนื้อหาข้างในน้าาา
สรุป Portfolio UX/UI ที่ดี ไม่ใช่แค่สวย แต่ต้อง “เล่าเรื่องเป็น”
กลับมาสรุปทุกอย่างที่พูดมาทั้งบทความน้าาา
Portfolio ที่ดีไม่ได้วัดจากความสวยของ UI หรือจำนวน Case Study ที่มี แต่วัดจากความสามารถในการ “เล่าเรื่อง” ที่ทำให้ Recruiter เข้าใจว่าเราคิดยังไง ตัดสินใจยังไง และสร้าง Impact ได้ยังไง
จากที่แอดรวบรวมมาทั้งหมด สรุปเป็น 3 ข้อสำคัญได้แก่
ข้อ 1: โครงสร้าง Case Study 7 ส่วน (Overview > Context > Problem > Process > Solution > Impact > Reflection) คือ Framework ที่ Recruiter คาดหวังจะเห็น ทำตามนี้แล้วไม่พลาด
ข้อ 2: Recruiter ให้ความสำคัญกับ “วิธีคิดและการตัดสินใจ” มากกว่า “ผลงานสุดท้าย” อย่าลืมโชว์ Process
ข้อ 3: ใช้ Checklist ตรวจทุกครั้งก่อนส่ง ทั้งระดับ Case Study และระดับ Portfolio ภาพรวม เพราะรายละเอียดเล็ก ๆ อย่าง Broken Link หรือ Slow Loading ก็ทำให้หลุดรอบได้
ถ้าเพื่อน ๆ อยากเริ่มต้นสร้าง Portfolio แต่ยังไม่มั่นใจในทักษะ UX/UI หรืออยากมีโปรเจกต์จริงใส่ Portfolio แอดแนะนำลองดู Master of UX Design Bootcamp และ Master of UI Design Bootcamp ของ borntoDev ที่สอนตั้งแต่พื้นฐานจนถึงระดับที่ทำ Case Study ได้จริง พร้อมมี Mentor คอย Review งาน ซึ่งเป็นทางลัดที่ดีมากในการสร้าง Portfolio ที่มีคุณภาพน้าาา
ดูรายละเอียด Master of UX Design Bootcamp: https://school.borntodev.com/course/master-of-ux-design-bootcamp
ดูรายละเอียด Master of UI Design Bootcamp: https://school.borntodev.com/course/master-of-ui-design-bootcamp
References
UXfolio: The Ultimate UX Case Study Template & Structure (2026 Guide) – https://blog.uxfol.io/ux-case-study-template/
UX Playbook: How to Write UX Case Studies That Land You Job (2026) – https://uxplaybook.org/articles/ux-case-study-minto-pyramid-structure-guide
UXfolio: UX Portfolio Playbook: What Recruiters Actually Look For in 2026 – https://blog.uxfol.io/ux-portfolio-playbook/
Nielsen Norman Group: 5 Steps to Creating a UX-Design Portfolio – https://www.nngroup.com/articles/ux-design-portfolios/
Nielsen Norman Group: State of UX in 2026 – https://www.nngroup.com/articles/state-of-ux-2026/
UXfolio: UX Case Study Structure – How To Follow UX Recruiters’ Logic – https://blog.uxfol.io/ux-case-study-structure/
Glassdoor: UX UI Designer Salary in Bangkok 2026 – https://www.glassdoor.com/Salaries/bangkok-ux-ui-designer-salary-SRCH_IL.0,7_IC3179725_KO8,22.htm
Related Articles จาก borntoDev:
UX vs UI ต่างกันยังไง? – https://www.borntodev.com/blog/
เรียน UX/UI ด้วยตัวเอง vs Bootcamp – https://www.borntodev.com/blog/
