Design System เป็นกระบวนการทางการออกแบบที่ช่วยให้องค์กรสามารถสื่อสารกับผู้บริโภคได้อย่างมีประสิทธิภาพ ทำให้ลูกค้าเข้าใจในภาพลักษณ์ของแบรนด์ผ่านการใช้งานบน Platform และยังช่วยเพิ่มความสามารถในการขยายองค์กรได้อย่างรวดเร็ว เนื่องจาก Design System สามารถนำมาใช้ซ้ำได้ ไม่ต้องเริ่มต้นทำใหม่ ช่วยลดขั้นตอนในการคิด และช่วยเพิ่มประสิทธิภาพในการทำงาน จึงเป็นอีกหนึ่งเครื่องมือที่สำคัญในการออกแบบ Digital Product ในปัจจุบัน
Design System ยังเป็นเหมือนดีไซน์ไกด์ไลน์ ที่ช่วยให้ UX/UI Designer ในทีมที่มีขนาดเล็กหรือขนาดใหญ่ สามารถออกแบบงานได้และไปในทิศทางเดียวกัน เพราะ Design System ยังเป็นเหมือนมาตรฐานที่องค์กรจะใช้เป็นตัวกลางในการคุมงานออกแบบร่วมกันของแต่ละทีม
ความรู้พื้นฐานที่จำเป็นต้องมี
รายละเอียดของเวิร์คช็อป
หลักสูตรนี้ออกแบบมาเพื่อตอบโจทย์คนที่สนใจ อยากทำงานด้าน Design System โดยเฉพาะ ภายใต้แนวคิด "DAY 1" ปรัชญาในการดำเนินธุรกิจของ Amazon ที่บอกว่าทุกวันคือวันแรกและเราต้องคิดแบบคนที่เพิ่งเริ่มต้นใหม่อยู่เสมอ ซึ่งตรงกับ Growth Mindset ของเรา ที่อยากจะช่วยพัฒนาสกิลสำหรับคนที่อยากเรียนรู้ แต่ไม่รู้ว่าจะเริ่มต้นยังไง ผ่านการ Coach และ Mentor อย่างเข้มข้นตั้งแต่ DAY 1 เพื่อเป้าหมายเดียวคืออยากให้ทุกคนทำได้จริงๆ
โดยเนื้อหาจะเน้นการทำความเข้าใจถึงขั้นตอนและวิธีการต่างๆ ในการทำงานจริง ประกอบกับเวิร์คช็อปที่จะช่วยทำให้ทุกคนมั่นใจว่า สามารถเอากลับไปใช้ในการทำงานได้อย่างแน่นอน เราถอดบทเรียนจากประสบการณ์ที่เราได้ทำและปัญหาหลายอย่างที่เราได้เจอในระยะเวลาหลายปีที่ทำงานในองค์กรต่างๆ จำลองออกมาเป็นสถานการณ์จริงเพื่อให้คุณได้เรียนรู้และลองปฏิบัติจริงในการทำ Design System
เนื้อหาของเวิร์คช็อป
วันที่ 1 - 18 พ.ค.
• What is a Design System
• Design System and Branding
• Design System from small to large scale
• One-to-Many Concept
วันที่ 2 - 19 พ.ค.
• Foundation, Components, Template
• Design Pattern and White Label Solution
• Design Subsystem and Business Unit
• Design System for All Devices
วันที่ 3 - 25 พ.ค.
• Design Standards and Design guidelines
• Accessibility and Usability
• Design Consistency and Efficiency
• Team Communication (Designer and Developer)
วันที่ 4 - 26 พ.ค.
• Light Mode and Dark Mode
• Brand Theme (Multi-Brand)
• Design Token and Figma Variables
• Zeroheight and Story Book
เวิร์คช็อปนี้เหมาะสำหรับ
1. นักออกแบบที่อยากเรียนรู้เรื่อง Design System ที่เริ่มต้นจาก Branding
2. UX/UI Designer ที่อยากพัฒนา Design System ให้กับบริษัทหรือองค์กร
3. บุคคลทั่วไปที่สนใจงานด้าน Design System ที่ใช้ในการทำ Digital Product
สามารถใช้โปรแกรม Figma ได้เป็นอย่างดี
ดูคอร์สอื่นๆ เพิ่มเติม
สิ่งที่จะได้จากเวิร์คช็อป
Hard Skills
• เข้าใจหลักการในการออกแบบ Design System แบบ One-to-Many
• สามารถสร้าง Components และ Template ได้อย่างถูกต้อง ตามหลัก Atomic Design
• นำ Branding ที่มี มาสร้างเป็น Brand Theme โดยใช้คอนเซปต์ White Label
• ใช้เครื่องมือในการออกแบบ Design System ที่สามารถซัพพอร์ทได้ทุก Devices
Soft Skills
• เข้าใจ Process และรู้วิธีการแก้ปัญหาระหว่างการทำ Design System ตั้งแต่ต้นจนจบ
• เพิ่มมุมมองด้าน Behavior ของ Components เพื่อใช้สื่อสารกับ Designer และ Developer
• มองเห็นภาพรวมของการนำ Design System ไปใช้ในรูปแบบขององค์กรขนาดใหญ่
• รู้วิธีการวางแผนในการทำงานกับทีม UX/UI Designer ที่มีขนาด 100+ คนขึ้นไป
สิ่งที่จะได้เพิ่มจากผู้สอน
• ให้คำปรึกษาระหว่างเรียนและทำเวิร์คช็อปอย่างใกล้ชิด
• คอมเมนต์งานและให้แนวทางแก้ไขอย่างละเอียด
• คอยซัพพอร์ท ถาม-ตอบ หลังจากที่เรียนจบ
• ให้ความช่วยเหลือหากมีข้อสงสัยในส่วนอื่นๆ
สอนโดย
นอร์ท นรัตน์ ภู่ห้อย (Linkedin)
GM, Expert Designer ที่ AXONS เคยร่วมงานในตำแหน่ง Head และ Team Lead กับองค์กรชั้นนำอย่าง EVME PLUS (PTT), Thanachart Securities, Mercular, CIMB, Lazada และ Eatigo
บูม กลทีป์ เย็นประเสริฐ (Linkedin)
บูม กลทีป์ เย็นประเสริฐ (Linkedin)
Senior UX/UI Designer ที่ AXONS เคยร่วมงานในตำแหน่ง Senior UI Designer กับองค์กรชั้นนำอย่าง SBP Digital (Boonrawd Brewery), Bright Expert และ LivingInsider
วันและเวลา
หลักสูตร 4 วัน
เสาร์ที่ 18, อาทิตย์ที่ 19, เสาร์ที่ 25, อาทิตย์ที่ 26 พ.ค. 67 เวลา 10:00 - 17:00 น.
สิ่งที่ต้องนำมาด้วย
คอมพิวเตอร์โน๊ตบุ๊ค และอุปกรณเสริมแล้วแต่ถนัด เช่น เมาส์ เมาส์ปากกา หรืออื่นๆ
สถานที่
True Digital Park ฝั่ง EAST ชั้น 7 ห้อง Workshop 3
ตึกอยู่ปากซอยสุขุมวิท 101/1 สามารถขับรถมาจอดได้ (จอดฟรีทั้งวัน) หรือนั่งรถไฟฟ้ามาลง BTS สถานีปุณณวิถี (ทางออกที่ 6) แล้วเดินตาม Skywalk มาเรื่อยๆ ประมาณ 300 เมตร ตึกจะอยู่ซ้ายมือ
DAY 1 Workshop
มีพนักงานจากหลายบริษัทที่มาร่วมเวิร์คช็อปกับเรา
ดูคอร์สอื่นๆ เพิ่มเติม
www.facebook.com/startwithDAY1
* ขอบคุณภาพถ่ายจากน้องๆ ทุกคน
** ขอบคุณภาพโลโก้จากหลายๆ บริษัท
*** ขอบคุณภาพกราฟฟิคจากเว็บ Freepik
**** ขอบคุณบทความ DAY 1 จากเว็บ Brand inside
* ขอบคุณภาพถ่ายจากน้องๆ ทุกคน
** ขอบคุณภาพโลโก้จากหลายๆ บริษัท
*** ขอบคุณภาพกราฟฟิคจากเว็บ Freepik
**** ขอบคุณบทความ DAY 1 จากเว็บ Brand inside
