ProtfolioStoryTimeLine by YAKKY

TN.Ecq THANET ARCHINDA PROTFOLIO SHOW School of Digital Media Sripatum University Bachelor of Fine and Applied Arts

GUI GRAPHIC DESIGN

ลน เกลาแผนดินไทย AWARD SIPA Web site design

5 st

MacBook Pro

AWARD SIPA ลนเกลา แผนดินไทย 2010

การประกวด เว็บไซตระดับชาติของ SIPA ซึง่ เปนงานชิง้ แรกทีป่ ระกวด หลังจากทีเ่ รียน คณะนีม้ าได 1 ปเลยคิดวาเรานาจะทำอะไร เพือ่ สรางชือ่ เสียงใหตวั เราและเปนประโยชน ใหคณะและมหาวิทยาลัยบาง หลังจากนัน้ เรา ก็ไดสง ผลงานไปและก็เปนไปตามในทีมวากัน ไว ถาเราเต็มที่ เชือ่ สิเราตองไดอะไรกลับมา งานนี้ผมรับ ทำหนาที่ ริ่เริมสรางสรรค คิด Concept และ อกกแบบตัว Interface ทั้งหมดและเปนคนที่ กำหนด ฟงคชั่นใน การใช ซึงพอพูดถึงพระราชกรณีนกิจของ สองพระองคมีมากมายทำให ผมใชวิธีนำ เสนอโดยวาง Concept TimeLine Gold Color เพื่อให ศึกษาและจับตนชนปลาย ได ง  า ยขึ ้ น และ ใช ส ี ท องที ่ ม ี น รรยะถึ ง

one

ความสำคัญความดีของพระราชกรณียกิจ ของทั้งสองพระองค งานนี้อยางที่บอกวา เปนงานแรก เพราะเรายังไมเคยเรียนทำ เว็บไซต แตผมบอกกับเพือ่ นขาดเราผานเขา รอบในประเภทของนักศึกษาและเราก็นำ กลับมาปรับปรุงอีกครัง้ และก็นำไป นำเสนอ คณะกรรมการที่ SIPA ปรากฏวาเราได รางวัล ชมเชยอันดับที่ 2 หรือถาก็ ที่ 5 เลยนะครับ สำหรับงานครัง้ แรก และสงในระดับประเทศ แนนอนวาเราดีใจมาก แต เราก็ยงั คิดวาเรา จะทำตอจนกวาเราจะได อยู 1 ใน 3 สักครั้ง

UPGRAD YOUR LIFE AWARD GIGABYTE Web Flash design

2 st

MacBook Pro

UPGRAD YOUR LIFE DIGITAL MEDIA DESIGN COMPETITION 2010

โครงการประกวดสร า งสรรค ผ ลงาน Upgrade Your Life : Digital Media Design Competition 2010 ซึ่งผมไดสงประกวด ในประเภทงาน Interactive design ซึงมี มหาลัยทั้งรัฐบาลและเอกชนสงเขามาเปน จำนวณมาก หลังจากผานรอบคัดเลือกให เหลือเพียง 10 ทีมเพือ่ ทำงานจริงซึงใหเวลา ประมาณ 1-2เดือน ในการทำงานหลังจาก นั้นเราก็จะนำผลงานที่เราทำมานำเสนอ ขั้นตอนการทำตั้งแตกระบวกการคิดของ เนื้อหากระบวนการออกแบบ จนกลายมา เปนงานนั้นมีขั้นตอนอยางไร หลังจากนั้น ก็จะตัดสิน จากคณะกรรมการทีเ่ ปนผูเ ชีย่ ว ชาญจากมหาวิทยาลัยตางๆแตไมมีจาก มหาลัยเรา ปรากฎวา ประเถท Interactive ในอันดับ 1-3 นั้นเปนมหาลัยศรีปทุมที่เอา

two

ไปเกลีย้ ง ซึง่ ทีห่ นึง่ ก็คอื รุน พีผ่ มเอง สวนผม ก็ไดที่ สอง และ ตามมาดวยเพื่อนอีกกลุม ที่ไดที่ สาม ซึงตอนนั้นตอบแบบดาราเลย ครับวาดีใจมาก ซึ่งครั้งนี้ก็เปนการพิสูนตัว อีกครั้งหนึ่งที่สำคัญที่ทำใหเรารูสึกวาสิ่งที่ เราเรียนมันนาตื่นเตนและนาคนหามากยิ่ง ขึ้น

E LEARNIG

SRIPATUM UNIVRSITY Flash E-learnig SPU EX 1

MacBook Pro

BASED LEARING การจัด การเร�ยน การสอนแบบ โครงการ

SRIPATUM UNIVERSITY

เปนงานชิ้นแรกที่ชวยงานของมหาวิทยาลัย หลังจากที่ไดเขามาทำงานใน DMCC ซึง ผมไดทำหนาที่ในการชวยออกแบบหนา Interface design ทั้งหมดกับรุนพี่อีกคน หนึ่ง เปน Based Learing ที่เปนการให ความรูในการจัดการเรียนการสอนแบบ โครงการ ใหกับอาจารยในมหาวิทยาลัย ศรีปทุม ซึงตัวเนื้อหาผมไมไดยุงเกี่ยวแตมี หนาทีใ่ นการออกแบบ Graphic ทีใ่ ชในงาน ทั้งหมดมากกวา ซึ่งงานนี้ก็เปนงานแรกๆ ที่ชวยทำใหมหาวิทยาลัย แตกวาจะเสร็จ ก็นานอยูค รับ เพราะมีการแกไขในสวนเนือ้ หาเปนเวลานาน แตสุดทายก็เสร็จและได นำเอาไปใชจริง กับอาจารยในมหาวิทยาลัย ซึงงานี้ก็ไดประสบการณในการทำงานรวม

four

กับอีกหลายๆสวนที่ศูนย DMCC รวมกัน รับผิดชอบอยูซง่ึ ก็ยงั มีทอี น่ื ชวยทำ และ ยัง ได ช  ว ยสร า งประโยชน ก ั บมหาวิ ทยาลั ย และคณะอีกทางหนึ่งดวยครับ

DIGITAL MEDIA CREATIVE CENTER DIGITAL MEDIA Internship.

GRAPHIC DESIGNER

CREATIVE GRAPHIC DESIGNER DIGITAL MEDIA CREATIVE CENTER DMCC

หลังจากที่ไดทำงานประกวดไดสักพัก ก็ได มีโอกาสเขาไปทำงานในคณะซึ่งเปนการทำ งานจริง ซึ่งมีโอกาสไดทำงานจริงหลายตอ หลายครัง้ ชวงนัน้ เปนชวงทีเ่ วลาทีห่ ลังเลิกเรียน จนถึง สามทุมจะเปนเวลาในการทำงาน ในศูนยที่เรียกวา DMCC หรือ (Digital Media Design Center) เปนศูนยที่รับทำ งานออกแบบทั้งในและนอกมหาลัยทั้งได เงินและไมไดเงิน แตเนนการใหประสบการณ กับนักศึกษามากวา ซึงผมก็ไมไดซีเรียด เรือ่ งเงินแตผมซีเรียดเรือ่ งงานมากกวาเพราะ เปนการไดสรางภูมคิ มุ กันกอนใครโดยทีม่ โี อกาส ไดทำงานจริงกอน ซึงตำแหนงผมเปนตำแหนง ที่ไดรับความกดดันมากในชวงแรกที่เจามา ทำเพราะผมทำงานในตำแหนง ของจุดเริม่ ตนของงาน คือ Graphic Designer ปกติ

three

ทีอ่ น่ื จะแบงหนาทีล่ งมาจากขางบนคือมีคน คิด และ หนาทีผ่ มก็มหี นาทีแ่ คทำแตทศ่ี นู ย ไมเหมือนกันผมตองเปนคนคิดและออกแบบ และนำเสนอไอเดียใหกบั อาจารยทจ่ี ะนำงาน ออกไปขายอีกทีซง่ึ แรกๆกอจะทำงานชาแตพอ จับหลักไดก็ทำใหทำงานไดเร็วขึ้นและเกิด ความชำนาญในการทำงาน ซึงผมไดประสบการณทล่ี ำ้ คาจากทีน่ ห้ี ลายอยางไมใชแค การทำงาน แตยังไดในเรื่องของสังคมการ ใชชีวิตในการทำงาน การมีมนุษยสัมพันธ ที่ดี หรือไดรับโอกาสจากผูใหญในคณะ อีกหลายๆคนที่พรอมจะหยิบยื่นมาใหเรา

SDM SHOWNAEW2011 DIGITAL MEDIA Exhibition

SPU EX 2

SDM SHOWNAEW 2011 DIGITAL MEDIA SRIPATUM UNIVERSITY

นิทรรศการ SDM SHOWNAEW 2011 ทีจ่ ดั ขึ้นเมื่อวันที่ 29 เม.ย - 5 พ.ค 54 ที่จัดขึ้น ที่ Digitalgatway ซึ่งงานนี้เปนงานทำขึ้น เพือ่ โปรโมทงานนักศึกษา คณะดิจทิ ลั มีเดีย และมหาวิทยาลัย ซึ่งผมไดรับผิดชอบงาน นี้แบบเต็มในเรื่องการออกแบบกราฟฟกที่ ใชในงานเริ่มตั้งแต โลโกที่ใชในงานไปจน กราฟฟกในโปรชัวร กราฟฟกตามแบกดรอป และ กราฟฟกวอรซึ่งงานนี้เปนงานที่ได รับความไววางใจใหคดิ ออกแบบตามชือ่ งาน ซึงก็เปนงานอีกงานที่ สรางประโยชนใหกบั มหาวิทยาลัยและคณะดิจทิ ลั มีเดีย แนนอน วาตัวผมเองก็ไดประสบการณจาการคิด ออกแบบในงานนี้เชนกันเพราะกวาจะผาน การกั่นกรองจากคณาจารยก็ใชเวลาในการ ทำงานมากเพราะมีระยะเวลาในการทำทีส่ น้ั

five

ทำใหตอ งทำงานรวงเวลาเยอะและยังสงผล ใหไดพัฒนาศักยภาพของตัวเองเพิ่มขึ้น ไปอีกระดับหนึ่งซึ่งผมก็ภูมิใจกับการที่ได รับโอกาสในการทำงานครั้งนี้และออกมา ไดเปนทีน่ า พึงพอใจอยางทีไดคาดหวังเอาไว

PANTIP GUIDE DIGITALPrint.MEDIA

SDM EX 1

PANTIP GUIDE DIGITAL FORWARD DIGITAL MEDIA SRIPATUM UNIVERSITY

งานนี้เปนงานของทางคณะซึ่งเปนการที่ ดร.กมล คณะบดีของคณะดิจิทัลมีเดียได เขียนเรือ่ งราว เกีย่ วกับ digital publishingl หรือ E-magazine ทีเ่ รารูจ กั ทีป่ จ จุบนั ทีใ่ ชงาน งายและสะดวกสบาย ซึง่ ผมในฐานะทีท่ ำงาน ในคณะก็ เ ลยได รั บ หน าที ่ ใ นการจั ดวาง Lay out ในหนาของ Digital forward ใน หนังสือ Pantip guide ซึงเปนหนังสือทีเ่ กีย่ ว กับเทคโนโลยีตางๆซึงผมก็ มีจุดมุงหมาย ในการที่จะวางใหเรียบๆ เนียบๆ แตดูดี เพือ่ ให ถูกใจคณะบดี ซึง่ ในทีแรกกอวางไป 2-3 แบบ ก็ไมมากนักเนือ่ งจากเปนงานเรง และรีบ ก็ไดงานออกมาเปนงานที่เปนการ ขายเนือ้ หาและตัวคณะดิจทิ ลั มีเดียไปในตัว ซึงงานนี้ก็มีประโยชนในดานโฆษณาคณะ

six

และมหาลัยกับกลุมเปาหมายอีกกลุมหนึ่ง ใหไดรูจักเรา และ ยังไดโชวถึงศักยภาพ ของคณะในอีกทางซึ่งงานนี้ก็เปนอีกงาน หนึง่ ทีผ่ มได ออกแบบและไดนำไปใชงานจริง

DMA MAGAZINE DIGITALPrint.MEDIA

SDM EX 2

DMA MAGAZINE THE PLAYGROUND OF DIGITAL CONTENTS

DIGITAL MEDIA

งานนี ้ เ ป น งานของทางคณะได เ ขี ย นคอ ลั ม พ เ กี ่ ย วกั บ คณะดิ จ ิ ท ั ล มี เ ดี ย ซึ ง เป น การโฆษณาคณะที่บอกถึงศักยภาพของ และผลงานของนักศึกษา ซึ่งผมก็เปนคน ออกแบบ Lay out ที่จะนำไปใชในหนังสือ dma magazine ในหนาของคอลัมพที่มี หัวขอวา Playground of digitalcontents ซึ ง ก อ มี อ ยู  ป ระมาณ 6 หน า ซึ ่ ง เน น ให อัตลักษณ เปนภาพของคณะART&DESIGN ซึงกออีกเชนเคยในการออกแบบนี้ไดทำ ออกมา 1-2แบบ ดวยเวลาทีเ่ รงรีบแตกอ็ อก มาไดเปนทีน่ า พอใจ

seven

AD DESIGN DIGITALPrint.MEDIA

AD DESIGN

AD DESIGN DIGITAL MEDIA CREATIVE CENTER DMCC

นี ้ เ ป นหนั งสื อ AD DESIGN ที ่ ท างคณะ สถาปตยกรรม รวม กับคณะดิจิทัลมีเดีย รวมกันทำขึ้นมา ซึ่งผมไดออกแบบหนา สำคัญของคณะในหลายๆหนาทั้ง หนา อาจารยในคณะ และ หนานักศึกษาของ คณะตั้งแตป 1 - 4 ซึ่งเปนงานอีกงานหนึ่ง ที่ทำระหวางทำงานใน DMCC ซึงในหนัง สือก็เปนเนือ้ หาผลงานของคณะตลอดปและ ยังเปนการนำเสนอคณะใหบคุ คลภายนอกได เขาใจและรูจักคณะเราใหมากขึ้นซึ่งเปน ประโยชนตอคณะและมหาวิทยาลัย

eight

UPGRAD YOUR LIFE AWARD GIGABYTE Web Flash design

3 st

MacBook Pro

UPGRAD YOUR LIFE DIGITAL MEDIA DESIGN COMPETITION 2011

โครงการประกวดสร า งสรรค ผ ลงาน แตไมมใี ครไดท่ี 1 เลยในปนเ้ี พราะกรรมการ Upgrade Your Life : Digital Media Design บอกวายังไมมีใครงานถึงพอที่จะได ที่ 1 Competition 2011 ซึ่งผมไดสงประกวด ในประเภทงาน Interactive design ซึงมี มหาลัยทั้งรัฐบาลและเอกชนสงเขามาเปน จำนวณมาก หลังจากผานรอบคัดเลือกให เหลือเพียง 10 ทีมเพือ่ ทำงานจริงซึงใหเวลา ประมาณ 1-2เดือน ในการทำงานหลังจาก นั้นเราก็จะนำผลงานที่เราทำมานำเสนอ ขั้นตอนการทำตั้งแตกระบวกการคิดของ เนื้อหากระบวนการออกแบบ จนกลายมา เปนงานนั้นมีขั้นตอนอยางไร หลังจากนั้น ก็จะตัดสิน จากคณะกรรมการทีเ่ ปนผูเ ชีย่ ว ชาญจากมหาวิทยาลัยตางๆแตไมมีจาก มหาลัยเรา ปรากฎวา ประเถท Interactive พวกเราไดรางวัลอันดับ 3 ตกมากจากปทแ่ี ลว

nine

SDM CHANNEL 2012 DIGITAL MEDIA Installation

SDM EX 3

เปนงานทีไ่ ดถกู นำเอาไปโชวในงาน PR ของ เดินทางไปในอวกาศไดซงึ ในระบบสุรยิ ะของเรา GO TO คณะซึง่ เปนการเปดตัว Media ใหมๆซึง่ เปน มีดาวเดนๆอยู 8 ดวง เราจึงจับจุดเดนของและ งานประเภท InteractiveInstallationเปนงาน คาแรคเตอรของดาวมาสรางเรือ่ งราวของดาวแต GALAXY ทีใ่ หผใู ชมสี ว นรวมในการสรางเรือ่ งและรับรู ละดวงโดยการจำลองพืน้ ทีข่ น้ึ มาแลวใหผใู ชนำ เรือ่ งราว โดยใชเทคนิค Motion Mapping ไฟฉายไปฉายทีด่ าวทัง้ 8 ดวงแลวก็จะเกิดเรือ่ ง ซึง่ เปนการ ใชโปรเจคเตอร ฉายไปบนวัตถุเพือ่ ราว ทีถ่ า นทอดไปบนรองเทา ซึงเปรียบเหมือน สรางหรือเลาเรือ่ งราวซึงงานนีเ้ ปนรองเทาNike กับผูถ อื ไฟฉายคือดวงอาทิตย ทีเ่ ปนจุดกำเนิด DIGITAL AIRMAX1 ทีม่ คี ณุ สมบัตพิ เิ ศษคืออัดระบบศูนย และ เกิดเรือ่ งราวของดาว แตละดวงก็เหมือกับ MEDIA ญากาศไปใตรองเทา และ ประสบกับ รองเทา ทีโ่ ลกหมุนรอบดวงอาทิตย และโลกก็หมุนรอบ คูน ้ี เกิดครัง้ แรก โดยวิศวะกรยานอวกาศ เราจึง ตัวเอง นำมาเปนแรงบัลดารใจในการสรางผลงานโดย INTERACTIVE ใชเปรียแนวความคิ ด คือ GO TO GALAXY ซึง่ บเหมื อ นกั บ ว าเมือ่ ใสรองเทาคูน แ้ ี ลวก็สามารถ INSTALLATION

ten

AD COMPUTER ARTS DIGITALPrint.MEDIA

SDM EX 4

AD COMPUTER ARTS DIGITAL MEDIA CREATIVE CENTER DMCC

เปนการวาง AD ลงบนหนังสือ computer arts ซงึเปนการโฆษณาตวัคณะทเ่ีปดสาขา ใหม 5 สาขา และ เปนการนำเอาผลงาน นักศึกษาใหมมาโชวอีกดวย ผมรับหนาที่ เปนคนคิดและออกแบบทั้งหมด ซึ่งก็เปน งานกอนที่ผม กำลัง จะออกจาก DMCC อยางเต็มตัว เพื่อที่จะมาทำงาน The sis และก็เปนอีกงานหนึ่งที่ทำใหค ณะและ มหาวิทยาลัย

eleven

SPU MICROSITE SIRPATUM UNIVERSITY Web site design

SPU EX 3

MacBook Pro

SPU MICROSITE SIRPATUM UNIVERSITY DIGITAL MEDIA

เปนงานทายสุดแตยังไมสุดทายนะผมวา ที่ไดโอกาสทำ Microsite มหาลัยของป 2012 ที่ผมเปนคนออกแบบโดยที่ไดไกด ไอเดียมาจาก โลโกคือรูปทรง หกเหลี่ยม ซึ่งผมก็ไดออกแบบ ตามที่ทาน ดร, ได แนะนำมา ซึ่งก็ออกมาเปนอยางที่เห็นครับ ซึง่ ตอนนี้ ก็กำลังออนอยูด ว ยตัง้ แตชว งแรกๆ ที่ไดเปดรับสมัคร ซึ่งอันนี้มีประโยชนกับ มหาวิทยาลัยโดยตรง

twelve