จากไอเดียสู่เว็บไซต์
เน้นสร้างทักษะจากการปฏิบัติอย่างเข้มข้น ให้คำแนะนำจนสามารถออกแบบเว็บไซต์ได้โดดเด่น

หลักสูตรอบรมระยะสั้น 5 วัน
ต้นแบบ (Figma) สู่การ Front End Dev (Tailwind CSS): UX/UI และการใช้งานจริงในอุตสาหกรรมซอฟต์แวร์ ด้วยความร่วมมือของวิทยาลัยศิลปะ สื่อ และเทคโนโลยี มหาวิทยาลัยเชียงใหม่ และบริษัท วัน ฮันเดรด ชิลลี จำกัด

ดูรายละเอียด

คอร์สนี้ เหมาะสำหรับ…

ผู้ที่ต้องการออกแบบหน้าตา UI ให้ได้สวยขึ้น ด้วยเทคนิคจากตัวจริงในวงการ มีประสบการณ์การทำงานมากกว่า 6 ปี และออกแบบหน้าตาแอปพลิเคชั่น/เว็บไซต์มามากกว่า 20+ Platforms
ผู้ที่อยากออกแบบและสร้างหน้าตาเว็บไซต์ให้มีตัวตนและแตกต่าง
ผู้ที่ต้องการเข้าใจระบบการจัดการหน้าตาเว็บไซต์ และการเตรียมตัวเมื่อต้องรับงานจริง
ผู้ที่ต้องการลดช่องว่างระหว่าง UX/UI Designer และ Front-End Developer

เนื้อหาจัดเต็ม
เข้มข้นใน 5 วัน

Figma & Graphic Design Fundamentals

เรียนรู้การใช้ Tool Figma เพื่อประยุกต์ใช้กับงานออกแบบกราฟิกได้หลากหลายทั้ง Graphic Design และ UX/UI จากความเข้าใจพื้นฐานสู่เทคนิคขั้นสูง เพื่อเป็นเครื่องมือในการต่อยอดจากไอเดีย สู่งานออกแบบและผลิตภัณฑ์ซอฟต์แวร์

รวมถึงเทคนิคต่าง ๆ ที่ได้ใช้จริงในวงการ เช่น
✅ UI Moodboard เลือกสไตล์ก่อนลงงาน UI
✅ การตั้งค่าไฟล์สำหรับออกแบบ Prototype นำเสนองาน UX/UI ต้นแบบซอฟต์แวร์
✅ การ Export ไฟล์ต่างๆ จาก Figma เพื่อการนำไปใช้อย่างเหมาะสม เช่น การส่งต่อให้ Developer Team, การส่งต่อ Design Assets ในรูปแบบไฟล์ให้เหมาะกับงาน เช่น .png, .jpg, .pdf, .svg ฯลฯ

Figma & UX Design

วิเคราะห์ UX ค้นหาความต้องการเชิงลึกหรือ Insights ที่จำเป็นสำหรับการสร้างผลิตภัณฑ์เว็บไซต์ที่ใช้งานง่าย และมีประสิทธิภาพ โดนใจกลุ่มผู้ใช้งานเป้าหมาย, โดนใจธุรกิจ และโดนใจทีมคุณ

✅ เทคนิคการพูดคุยและสัมภาษณ์กลุ่มผู้ใช้เป้าหมาย
✅ ทำความเข้าใจ Target User ของผลิตภัณฑ์ให้มากขึ้นด้วย User Persona และ User Journey
✅ วิเคราะห์ปัจจัยทางธุรกิจที่ส่งผลต่อการพัฒนาเว็บไซต์
✅ แหล่งความรู้เพิ่มเติมด้าน UX
✅ นำ AI เข้ามาช่วย UX เพิ่มประสิทธิภาพในการทำงาน

Figma & UI Design

เรียนรู้ UI และใช้ 'Insights' ที่ได้จากการวิเคราะห์ UX เข้าใจกลุ่มผู้ใช้เป้าหมาย ในการสร้าง UI ที่ฟังก์ชันครบ สามารถสื่อสารและสร้างปฏิสัมพันธ์กับผู้ใช้และนำไปพัฒนาจริงได้

✅ เทคนิคการออกแบบ UI ให้สวยขึ้น โดดเด่นในท้องตลาด และนำไปพัฒนาจริงได้
✅ เทคนิค Figma สำหรับการส่งต่องาน สร้าง UI States, Design System, Component Board ฯลฯ
✅ การออกแบบ UI เพื่อรองรับ Light Theme / Dark Theme งานจะดูดีในทุกพื้นที่สีได้อย่างไร?
และเทคนิคอื่นๆ ที่พร้อมให้คุณเรียนรู้ เพื่อนำไปใช้ในงานออกแบบจริงได้เลย
✅ นำเทคนิคการออกแบบ UI เช่น การใช้ Grid System, การทำความเข้าใจ Design Guideline แต่ละแพลตฟอร์ม ฯลฯ

Tailwind CSS

การทำให้ความซับซ้อนของการออกแบบเป็นเรื่องง่ายดาย พร้อมเคล็ดลับในการสร้าง Consistency ในด้านการออกแบบสู่ Front-End Development ด้วย Tailwind CSS

✅ จาก CSS ของ Figma ไปยัง Tailwind Class
✅ การวางระบบ Grid System ลงในเว็บไซต์
✅ การใส่ Transition Animation
✅ การจัด Component ของ Front-end Web

Project Pitching

เทคนิคเตรียมพร้อมสำหรับการนำเสนอต้นแบบโปรเจคของคุณ เพื่อรับคำแนะนำ พร้อมนำไปปรับใช้ให้เกิดผลิตภัณฑ์จริง ✨

✅ แนะนำแหล่งองค์ความรู้เพิ่มเติม ต่อยอดองค์ความรู้ที่ได้จากห้องเรียน เพื่อการเรียนรู้ที่ไม่สิ้นสุด
✅ การทดสอบองค์ความรู้

Course Masters

ผู้ช่วยศาสตราจารย์ ดร.ปัทมา ลงกานี หรือที่ใครๆ เรียก ‘อาจารย์ตุ้ย‘ : ผู้เชี่ยวชาญในสาขาวิทยาการคอมพิวเตอร์ อาจารย์ผู้สอนประจำหลักสูตรวิชาวิศวกรรมซอฟต์แวร์ (หลักสูตรนานาชาติ) มหาวิทยาลัยเชียงใหม่ รายละเอียดเพิ่มเติม

”การทำเว็บไซต์ที่ดี เริ่มจากการทำเว็บไซต์ที่ถูก เพราะถ้าเราติดกระดุมเม็ดแรกผิด อะไรที่ตามมาก็จะผิด และยากในการแก้ไข เมื่อเราทำเว็บไซต์ที่ถูกแล้ว สิ่งที่ตามมาและขาดไม่ได้คือคุณภาพของเว็บไซต์
เปรียบได้กับการวิ่ง คนปกติทุกคนสามารถวิ่งได้ แต่จะวิ่งให้ได้รางวัล วิ่งได้โดดเด่น คุณต้องวิ่งให้มีประสิทธิภาพและอยู่ในความเร็วระดับต้นของวงการ
UX/UI ถือเป็นหนึ่งในการสร้างประสิทธิภาพให้กับเว็บไซต์ เพราะเป็นหน้าด่านหน้าแรกที่ผู้ใช้จะเข้ามาใช้เว็บไซต์ของเรา ถ้าอยากเพิ่มทักษะการออกแบบหน้าตาเว็บไซต์ให้โดดเด่นมากขึ้น มาเรียน From Design to Web กับเรานะคะ 😉”
วุฒิพร หรือ ‘ต้าน‘ CEO & Co-Founder, 100CHILLI.

ต้านมีประสบการณ์ทำงานในฐานะ UX/UI Designer ให้กับบริษัท Start Up ที่ประสบความสำเร็จ จากนั้นได้ก่อตั้งบริษัท 100 CHILLI เพื่อรับงานด้านซอฟต์แวร์ควบคู่การตลาดออนไลน์ มุ่งมั่นสร้างสรรค์ผลงานที่มีคุณภาพและตอบโจทย์ผู้ใช้ ความตั้งใจคือการแบ่งปันความรู้, เทคนิค, และเครื่องมือในสายงาน เพราะเชื่อในงานออกแบบด้วย ‘Human Craft’ และการส่งต่อผลิตภัณฑ์ที่ออกแบบด้วยใจ