A PART OF MY LI FE
W IC HA N U N P L E N G W I T T HAYA - TIME CAPSULE -
A PART OF MY LI FE
W IC HA N U N P L E N G W I T T HAYA - TIME CAPSULE -
WICHANUN PLENGWITTHAYA Y E S T E R DAY I S G O N E . T OM O R R OW HA S N O T Y E T C OM E . W E HAV E O N LY T O DAY. L E T U S B E G I N
เวลา คือ สิ่งสำ�คัญอีกหนึ่งสิ่งสำ�หรับชีวิตมนุษย์ ไม่ว่าจะทำ�อะไรคนเราก็ ต้องการเวลาเพื่อที่จะใช้ในการดำ�เนินกิจกรรมในชีวิตประจำ�วัน แต่เพราะเรา มองไม่เห็นเวลา จึงทำ�ให้หลายๆ ครั้ง เราหลงลืมมันและใช้เวลาไปอย่างสิ้น เปลืองและไร้ค่า ผมเองก็เป็นอีกคนที่ใช้เวลาไปอย่างสูญเปล่า จนหลายๆ ครั้ง อยากจะย้อนกลับไปในอดีต และเอาเวลาที่ผลาญไปกับมาใช้ใหม่แบบรีไซเคิล แต่ เพราะในความเป็นจริงมันทำ�ไม่ได้ ผมจึงได้แค่เอาอดีตที่ผ่านมา คอยสอน ปัจจุบัน ใช้ความผิดพลาดในอดีตคอยสอนให้มันอะไรคือสิ่งที่เราควรทำ�หรือ ไม่ควร เพื่อให้ในอนาคตข้างหน้า จะได้ไม่ต้องมานั่งเสียใจว่าอยากได้อดีตคืน มาอีก ด้วยความคิดเหล่านี้ จึงกลายมาเป็นแนวคิดที่นำ�มาใช้ในการออกแบบพอร์ท ฟอลิโอเล่มนี้ของผม ในแนวคิดที่ว่า “TIME CAPSULE” ที่หมายถึงการเก็บ รวบรวมสิ่งของหรือข้อมูลที่สําคัญต่อความทรงจําในช่วงเวลานั้นไว้ ใส่ไว้ใน กล่องแล้วฝังกลบดิน และปล่อยให้วันเวลาล่วงเลยผ่านไป สิ่งเหล่านี้จะเป็น ของที่ทําให้เราหรือคนในอนาคต ได้ทราบถึงเหตุการณ์ในอดีตและระลึกถึงวัน เวลาที่ผ่านไป ผมเลยจึงจะให็พอร์ทฟอลิโอเล่มนี้ ทำ�หน้าที่แทน Time Capsule ที่จะคอย ทำ�ให้ผมระลึกถึงงานต่างๆ ในอดีต และใช้มันมาเป็นแรงบันดาลใจให้ผม พัฒนาและก้าวหน้าขึ้นไปยืนในฐานะนักออกแบบที่สร้างสรรค์ผลงานดีๆ และ เป็นคุณประโยชน์แกประเทศไทยอีกคนนึง
A MAN WIT H GR E AT A M BI T ION
INTRODUCE MYSELF NAME
NICKNAME
BIRTHDAY
WICHANUN PLENGWITTHAYA
TEST
THE FIRST OF JULY 1993
SEX
RELIGION
NATIONALITY
MALE
THAI
BUDDHIST
TELEPHONE NO.
+66 843226300
THE.TESTUDIO@GMAIL.COM
ADDRESS 178/8 SOI WATDONGMOONLEK KHWAENG BAAN CHANG LHOR, BANGKOK-NOI, BANGKOK, 10700, THAILAND
80%
63%
60%
GRAPHIC DESIGN
WEB DESIGN
[8/10] Adobe Photoshop [8/10] Adobe Illustrator [8/10] Adobe InDesign
[5/10] Adobe Dreamweaver [6/10] Maya [8/10] Adobe Muse [6/10] Adobe Edge
3D DESIGN
65% VIDEO & MOTION [5/10] [6/10] [7/10] [8/10]
Adobe After Effect Adobe Premiere Pro Motion Final Cut Pro
EDUCATION SUPAWAN SCHOOL [1996-1998] SAINT DOMINIC SCHOOL [1999-2010] INTERACTIVE AND MULTIMEDIA [2011-PRESENT] DESIGN . COSCI . SRINAKHARINWIROT UNIVERSITY
FUTURE OCCUPATION UI / UX DESIGNER GRAPHIC DESIGNER CREATIVE DIRECTOR
INTERESTING IN MODERNISM MINIMALISM BLACK & WHITE INTERACTIVE DESIGN
STYLE MONOTONE BLACK & WHITE COMPOSITION DESIGN CREATIVE THINKING
WORKS & EXPERIENCES [2008-2010] WEBMASTER & DESIGNER OF SAINT DOMINIC SCHOOL [2011-2014] GRAPHIC DESIGNER OFGBANGKOK [2013] INTERN AND FREELANCE OF INFOGRAPHIC THAILAND [2014] INTERN OF FIRE ONE ONE
“ LO ST T I M E I S N EV E R F OU N D AG A I N ”
- B E NJ AM IN FRAN KLIN -
2011 T HE FI RST Y EA R IN UN IV ER SIT Y
I AM “JUNIOR DESIGNER”
C ASE I
BAKE A WISH J A PA N E S E H O M E M A D E B A K E R Y B R A N D I N G
Bake a wish เป็นร้านเบเกอรี่สไตล์ Modern Japanese ที่มีสินค้าให้เลือกมากมายเน้นการบริการต้อนรับและดูแลลูกค้าด้วยใจ และจำ�หน่ายสินค้าในราคาคุ้มค่าด้วยความพิถี พิถันในทุกรสชาติ การคัดสรรวัตถุดิบและการใส่ใจในทุกขั้นตอนการผลิตโฮมเมด เบเกอรี่ เบเกอรี่ญี่ปุ่นเป็นเฮลท์ตี้เบเกอรี่ที่เหมาะสำ�หรับลูกค้าทุกเพศทุกวัย ความอร่อย สูตรเฉพาะของร้าน (แป้งนุ่มครีมเบา รสชาติ ไม่หวานเลี่ยน) ที่เราคัดสรรจากส่วนผสม ของวัตถุดิบมาเป็นอย่างดี ผลิตภัณฑ์ของเรามีหลากหลายรูปแบบ เช่น ครีมพัฟ (ชูครีม) ซอฟท์ครีมเค้ก (เค้กญี่ปุ่น) ขนมปัง คุ้กกี้
ทางด้านของสีี จะเน้นสีขาว ครีม น้ำ�ตาล และดำ� ซึ่งเป็นโทนสีหลักของร้านนี้ ที่ ทำ�ให้ยิ่งรู้สึกถึงความเป็นโมเดิร์นเจแปน นิสที่มีกลิ่นอายวินเทจเล็กน้อย ทำ�ให้ งานดูเรียบๆ ไม่ฉูดฉาด เสริมการจัดวาง ให้ดูมีสไตล์ยิ่งขึ้น
การออกแบบนี้ ผมเน้นการจัดวางให้เห็นรูปภาพที่เป็นตัวสินค้าหรือบรรยากาศ ภายใน ร้านเป็นหลัก เพื่อเสนอตัวสินค้าว่ามีลักษณะอย่างไร ทำ�ให้ผู้ที่ได้ชมโบร ชัวร์รู้สึกอยากลอง รับประทาน หรืออยากเข้ามาสัมผัสบรรยากาศร้านในสไตล์โม เดิร์นเจแปนนิสวางคอลัมน์ให้ดูเรียบง่าย สบายตา ไม่รกหรือเลอะเทอะเกินไป
C ASE I I
MELLOW J A PA N E S E M I L K C O F F E E B R A N D I N G D E S I G N
คำ�ว่า Mellow แปลว่าความกลมกล่อม ซึ่งในที่นี้หมายถึงความกลมกล่อมลงตัวของนมรสกาแฟที่มีการผสมผสานระหว่างนมคุณภาพดี และกาแฟชั้นยอด ที่ได้รับการคัดสรรอย่างดี โดยแนวงานที่ทำ�นี้เป็นสไตล์งานรูปแบบเจแปนนิสโฮมเมด โดยตัวสินค้าจะถูกบรรจุอยู่ใน ขวดที่สามารถพกพาได้ ดื่มง่าย และสดใหม่ถูกปากผูบริโภค โดยตัวสินค้าของเราจะมีรสชาติที่เข้มข้นแต่อ่อนนุ่มละมุนลิ้นจากนมโคแท้ คุณภาพดี ที่สามารถเลือกรับประทานได้ 4 รชาติ ได้แก่ มอคค่า (นมหวาน+กาแฟ+ชอคโกแลต), คาปูชิโน่ (นมหวาน 30% + กาแฟ 70%), ลาเต้ (นมหวาน 70%+กาแฟ 30%) และเอสเปรสโซ่ (นมจืด 10% + กาแฟ 90%) ซึ่งลูกค้าสามารถเลือกดื่มได้ทั้งแบบร้อนและ เย็นตามที่ต้องการ
โบรชัวร์โปรโมทร้านออกแบบเป็นการ์ดสี่เหลี่ยมจัตุรัส โดย ด้านในจะมีการ์ด 6 ใบทำ�หน้าที่เป็นเมนูโปรโมทสินค้าของเรา ว่ามีรสชาติใดให้เลือกบ้าง ส่วนนามบัตรจะมีลักษณะเป็นขวด ของผลิตภัณฑ์ พับเข้าหากันทำ�ให้มีทั้งหมด 4 ด้าน ด้านหน้า สุดจะมีชื่อร้าน พอเปิดมาด้านใน จะมีรสชาติทั้ง 4 แบบของ ผลิตภัณฑ์ ส่วนด้านหลังสุด จะเป็นสถานที่ตั้งร้านค้า แฟนเพจ และเบอร์โทรติดต่อ
ทางขวามือนี้เป็นโฆษณาในนิตยสารที่ทำ� ขึ้นมาเพื่อโปรโมทผลิตภัณฑ์ โดยมีคำ� โปรโมทสรรพคุณของแบรนด์อยู่ด้านบน พร้อมกับภาพถ่ายของผลิตภัณฑ์ โดยรูป สั ญ ลั ก ษณ์ ก าแฟที่ อ ยู่ ด้ า นบนนั้ น จะขึ้ น มากน้อยขึ้นอยู่กับปริมาณสัดส่วนนมต่อ กาแฟที่อยู่ในนมแต่ละรสชาติ ส่วนไอเดีย ภาพประกอบนั้นต้องการสื่อว่าเมื่อคุณได้ รับประทานผลิตภัณฑ์ของเราแล้วจะรู้สึก สดชื่นเหมือนได้นั่งพักสบายๆ ชื่นใจ
ใช้คำ�ว่า Mellow ที่แปลว่า กลมกล่อม มาตั้งเป็นชื่อแบรนด์ เลือกใช้ตัวอักษร ที่มีลักษณะโค้งมน เพื่อแสดงถึงความลื่นไหล อ่อนนุ่ม มีการเคลื่อนไหวไม่แข็ง ทื่อ เพื่อสื่อถึงความกลมกล่อม และสามารถอ่านได้ง่ายๆ โดยตรงตัว O ได้แทน ด้วย มุมมองด้านบนของถ้วยกาแฟ เพื่อให้ลูกค้ารู้ว่าแบรนด์ของเรามีสินค้าที่ ขายเก่ยวกับกาแฟ ส่วนด้านล่างของโลโก้เป็นภาษาญี่ปุ่นที่อ่านว่า “มาโรยะกา นะ“ ที่แปลว่าความกลมกล่อม ที่มีความหมายเดียวกันกับชื่อแบรนด์
CASE III
IV
50TH ANNIVERSARY SD SCHOOL SHIRTH S T. D O M I N I C 5 0 T H S H I R T S D E S I G N
เป็นลายเสื้อที่ทำ�ขึ้นเพื่อครบรอบ 50 ปี ของโรงเรียนเซนต์ดอมิ นิก โดยงานนี้มีแนวคิดที่จะทำ�ลายเสื้อที่ค่อนข้างทันสมัยเหมาะ กับโรงเรียน ที่มีสไตล์เพื่อเด็กรุ่นใหม่ จึงเลือกออกแบบในสไตล์ที่ ดูเป็นผู้ชายเท่ๆ เล่นพื้นที่แบบเนกาทีฟสเปซกับตัวเลข 50 แล้วจัด ให้มีลักษณะเอียงๆ ดูแแปลกตาแบบมีสไตล์
IV CASE IV
ZAAP LOGO
Z A A P PA R T Y L O G O D E S I G N
ผลงานออกแบบโลโก้แซ็บปาร์ตี้ : เปิดซิง 2554 ที่ได้ บรีฟมาว่า อยากได้โลโก้ที่มีความเป็นวินเทจ กลางเก่า กลางใหม่ มีรูปลักษณ์ที่ดูขี้เล่น เป็นกันเอง จึงได้ลองทำ� ออกมาหลายๆ แบบเพื่อให้ลูกค้าเลือก
CASE V
WICHANUN PORTFOLIO FILE 01 WICHANUN WEBSITE PORFOLIO DESIGN
แนวคิดในการออกแบบเว็บชิ้นนี้คือเป็นเว็บพอร์ทโฟลิโอที่เน้นโทนสีเทาอ่อน เน้นภาพใหญ่ๆ พร้อมตัวอักษรที่จัดให้ดูเป็นระเบียบสบายตา ด้านขวามือสุด เป็นชุดของแถบเมนูให้เข้าชม มีเมนูให้เลือก ห้าข้อด้วยกัน ได้แก่ Home เป็น หน้าแรก จึงกำ�กับไว้ด้วยหมายเลขหนึ่ง Bio คือ เกี่ยวกับตัวของผม ประวัติ ต่างๆโดยย่อ หมายเลขสาม คือ หน้ารวบรวมผลงานต่างๆของผม ซึ่งจะแบ่ง ออกมาเป็นเมนูย่อยอีกสี่อย่างด้วยกัน คือ Identity จะเป็นงานประเภทลักษณะ พิเศษต่างๆ ที่บ่งบอกความเป็นตัวตนนั้นๆ เช่น logo character เป็นต้น Print out จะเป็นงานด้านต่างๆที่เกี่ยวกับสื่อสิ่งพมพ์ เช่น โปสการ์ด โปสเตอร์ หนังสือ เป็นต้น Website ก็จะเป็นงานต่างๆที่เกี่บวกับเว็บเพจต่างๆ เช่น การออกแบบ เว็บไซต์ หรือการออกแบบหน้าเพจต่างๆ Package ก็จะเป็นงานเกี่ยวกับการ ทำ�งานต่างๆ ที่มีหลายองค์ประกอบมาร่วมกัน โดยทั้งหมดนี้จะมีการไล่สีเทา ในหลายๆระดับ เพื่อให้เกิดความแตกต่างและเพิ่มความน่าสนใจ หรือสะดุดตา ด้วยการเติมสีส้มลงไปในงานทำ�ให้งานดูโดดเด่นมากขึ้น
2012 WE ARE GREW UP
TH E SEC OND Y EA R IN UNIV ERSIT Y
C ASE V I
INVOLVEMENT S E C O N D S TAT E O F R E L AT I O N S H I P D V D C O V E R
งานรับจ้างออกแบบปก DVD ของนักศึกษาชั้นปีที่ 2 มหาวิทยาลัยอัสสัมชัญ โดยเป็นหนังสั้นเกี่ยวกับความรักความสัมพันธ์ที่ดีของผู้ชาย และผู้หญิงคู่หนึ่ง โดยโจทย์ที่ได้รับมาคือให้ใช้รูปภาพเท่าที่มีในการออกแบบปก จึงคัดภาพที่น่าจะนำ�มาเป็นปกหน้าได้สองภาพ ที่แสดงให้ เห็นความสัมพันธ์ของทั้งสองคัวละครมาใช้เป็นปก คาดด้วยชื่อเรื่อง ด้านสันปกก็ใส่เป็นชื่อมหาวิทยาลัย ชื่อเรื่อง และโลโก้ DVD ส่วนปก หลัง ทางผู้จ้างต้องการที่จะได้อารมณ์แบบหนังฝรั่ง จึงเลือกจะจัดวางในสไตล์ของม้วนฟิล์ม และมีหมายเลขกำ�กับ DVD ต่างๆ รวมถึงส รายชื่อผู้จัดทำ� แบบที่ DVD นิยมทำ�กัน อีกทั้งยังมีตารางบอกคุณสมบัติของ DVD อีกด้วย
CASE V II
CV & RESUME DESIGN CV & RESUME DESIGN
เป็นงานในวิชาตอนเรียนเทอม 2 ที่ให้ออกแบบ Resume และ CV ที่ใช้ในการ แนะนำ�ตัวและเป็นการฝึกเขียนเพื่อใช้ในการสมัครงาน โดยส่วนตัวเป็นคนที่ชอบ งานสไตล์ขาว-ดำ� และงานที่ใช้การจัดวางตำ�แหน่งที่มีสไตล์อยู่แล้ว จึงเลือกนำ� มาใช้ในงานนี้เพราะว่าแสดงออกถึงความเป็นตัวของตัวเองได้อย่างดี ซึ่งภาพทาง ด้านบนเป็นรูปแบบของ Resume ที่ฝั่งนึงจะรวบรวมประวัติส่วนตัวทั้งการติดต่อ การศึกษา ความสนใจ รวมไปถึงความสามารถ ส่วนอีกด้านจะเป็นการเขียน เรียงความเกี่ยวกับ Ethic And Law ซึ่งเป็นวิชาที่สั่งงาน ส่วนรูปทางด้านล่างจะ เป็น CV ที่ใช้ข้อมูลเดี่ยวกับทางด้านบน แต่นำ�มาจัดเรียงใหม่ และเอาเรียงความ ที่เขียนออกไป
C ASE V I I I
OPEN HOUSES POSTERS COSCI OPEN HOUSES POSTERS 2012
นี่เป็นโปสเตอร์ที่ใช้ในการประชาสัมพันธ์งานเปิดบ้านนวัตกรรม 2555 หรืออีกชื่อหนึ่งที่รู็จักกันดีในงาน COSCI OPEN HOUSES ประจำ� ปี 2012 ซึ่งในงานนี้เป็นงานที่จัดขึ้นเพื่อการประชาสัมพันธ์วิทยาลัยนวัตกรรมสื่อสารสังคม ในส่วนของสาขาการออกแบบสื่อปฏิสัมพันธ์ และมัลติมีเดียที่ผมสื่อสารอยู่
โดยคอนเสปของงานที่ทำ�ขึ้นนี้มีสองชิ้นคือ อันแรกทางด้านซ้ายมือเป็นแนวคิดแบบ Imagination ที่ต้องการจะสื่อว่าสาขาของเรานั้นมี ความเปิดกว้างทางความคิด ให้คนที่ตั้งใจจะเข้ามาสมัครนั้นได้เปิดโอกาสทางความคิด สร้างสรรค์จินตนาการของตัวเองให้เป็นจริง โดย เราจะเป็นผู้สนับสนุนคุณเอง จึงเลือกใช้รูปที่มีลักษณะแบบ Polygon มาประกอบบนโปสเตอร์ เพื่อสร้างเสริมให้ผู้คนที่ได้มารับชมคิดและ จินตนาการว่าคือภาพของอะไร ส่วนทางด้านขวามือคือโปสเตอร์ Less Is More ที่เป็นสโลแกนของงานประเภท Minimalism ที่เน้นความ เรียบง่าย รายละเอียดน้อยแต่ความหมายนั้นมีมาก
CASE IX
THE SCARY TV TV PROGRAM TITLE SEQUENCES DESIGN
เดอะสแครี่ทีวี เป็นรายการโทรทัศน์จากช่อง VERY TV ที่จัดโดย เจ้าพ่อผีเมืองไทย ป๋อง กพล ทองพลับ โดยงานนี้เป็นงานในวิชา โมชั่นกราฟฟิคที่ให้ออกแบบไตเติ้ลเปิดรายการ โดยแนวคิดของ รายการนั้นเป็นรายการผีเชิงตลก ที่จะมีการเล่าเรื่องผีประกอบกับ พิธีกรที่สร้างความตลกไปควบคู่กัน จึงเลือกใช้ฟักทองที่วางอยู่ ในทีวี มาเป็นส่วนหนึ่งของโลโก้รายการส่วนตัวอักษรชื่อรายการ ก็ใช้ตัวอักษรที่ให้ความรู้สึกไม่น่ากลัว แต่ให้อารมณ์เป็นความ บันเทิงที่ผู้ชมจะได้จากรายการนี้ ส่วนเสียงประกอบของรายการ เป็นเสียงประกอบที่ให้ความรู้สึกตื่นเต้น บวกกับเสียงหัวเราะของ ฟั ก ทองที่ ฟั ง ดู ลึ ก ลั บ แต่ ก่ อ นจะหมดเสี ย งก็ เ กิ ด อาการไอขึ้ น เหมือนกับว่าภาพลักษณ์ถึงจะดูน่ากลัวแต่ก็มีการสอดแทรกความ ตลกเอาไว้ด้วย http://goo.gl/GRpQb4
C ASE X
HANNIBAL HANNIBAL MOVIE TITLE SEQUENCE
ฮันนิบาล เป็นเรื่องราวเกี่ยวหมออัจฉริยะที่มีความสามารถเป็นอย่างมาก แต่ชีวิตอีกด้านของเขา เขาคือฆาตกรโรคจิตที่ชอบรับประทาน เนื้อมนุษย์เป็นชีวิตจิตใจ และนี่เป็นเพียงเรื่องย่อของหนังเรื่องนี้ ซึ่งงานที่ผมทำ�นี้เป็นไตเติ้ลที่ใช้ในการเปิดเรื่องก่อนเข้าสู่เนื้อหาในหนัง โดย ผมเลือกจะใช้โทนหม่นๆ พร้อมกับ grain ของภาพที่ทำ�ให้ดูเก่าๆ ลึกลับ ฉากทางด้านหลังเป็นขาวดำ�ทั้งหมดแต่จะใช้ตัวอักษรสีแดงแทน ความหมายของเลือด ส่วนเพลงประกอบที่ใช้ เป็น Ost. จากเรื่องที่ประพันธ์โดย Hans Zimmer ที่ฝากผลงานเอาไว้มากมาย http://goo.gl/6xNsbs
C ASE X I
NEON TYPOGRAPHIC MOTION DESIGN
เป็นการออกแบบไทโปกราฟฟิค โดยใช้คีย์เวิร์ดหนึ่งคำ�แล้วนำ�มาออกแบบให้ไทโปฯ มีความสัมพันธ์กับภาพ จึงเลือกใช้คำ�ว่า Neon และ ออกแบบให้มีลักษณะที่เป็นไซไฟ-ล้ำ�ยุค โดยในวิดีโอเลือกทำ�เป็นลักษณะที่ว่ามีคนกดไฟเปิด แล้วไฟจึงกระพริบถี่ๆ ก่อนที่ไฟจะติดขึ้น ส่วนฟ้อนต์ที่ใช้ก็เลือกเป็นฟ้อนต์ที่มีลักษระเป็นเส้นตรงคล้ายๆ กับหลอดไฟ http://goo.gl/LOFqrx
C ASE X I I
X
WICHANUN PORTFOLIO FILE 02 WICHANUN WEBSITE PORFOLIO DESIGN
พอร์ทชิ้นที่สองที่ทำ�ในวิชา Website Design ที่ให้ออกแบบเว็บไซต์ของตัวเองขึ้นมา จึงเลือกที่จะออกแบบเว็บที่มีความคลีน เรียบง่าย เน้น เฉพาะงานและข้อมูลที่จำ�เป็นในการติดต่อเพียงเท่านั้น โดยไอเดียการออกแบบที่นำ�มาจะคล้ายๆ กับ CV&Resume ที่เคยเห็นไปก่อนหน้า นี้แล้ว และเมนูที่นำ�มาใช้ก็เลือกเอาเว็บในเวอร์ชั่นเก่าที่เคยทำ� นำ�กลับมาใช้ใหม่ โดยเปลี่ยนดีไซน์ให้เรียบ ดูดี เน้นการจัดวาง ทางเมนูด้าน ซ้ายมือก็จะมีให้เลือกอยู่สี่เมนูได้แก่ประวัติส่วนตัว ผลงาน รูปภาพ และการติดต่อโดยแต่ละในเมนูก็จะเน้นการจัดวางที่เรียบง่ายคลีนๆ
XII เลือกใช้ฟ้อนต์ที่มีความทันสมัยโมเดิร์น และนำ�เอาสีส้มที่ทำ�ให้เด่นและแสดงความสดใสร้อนแรงมานำ�เสนอเมื่อเรา เอาเมาส์ไปชี้ ตัวเมนูก็จะ Rollover ขึ้นมาเป็นสีส้ม และถ้าเราเลือกเมนูนั้นๆ สีก็จะค้างไว้ ส่วนงานที่นำ�มาเสนอก็ได้ทำ� การจัดแบ่งประเภทตามความเหมาะสมโดยมีเมนูให้เลือกด้วยกันอีกสี่เมนูให้เลือก
C ASE X I I I
WICHANUN PORTFOLIO FILE 03 WICHANUN WEBSITE PORFOLIO DESIGN
เว็บนี้เป็นเว็บไซต์พอร์ทฟอลิโอ นำ�เสนอผลงานของตัวเอง โดยนำ�เสนอในรูปแบบของ Web Parralax ก็คือ จะไม่ blank ออกไปเพจใหม่ แต่ จะมี pop up มาช่วยแทนซึ่งหากเราเลื่อน scroll bar ส่วนของ space ด้านล่างของเมนูจะถูกเลื่อนขึ้นไป โดยจะเรียงหน้าตามหน้าเว็บด้าน ซ้ายมือ ดังนี้ HOME, INTRODUCE, STUDIO, CONTACT ME เมื่อเลื่อน Scroll Bar แล้ว จะมีแค่แถบ Menu เท่านั้นที่อยู่กับที่ นอกนั้นก็จะ เลื่อนไปเรื่อยๆ หรือเราก็สามารถกดที่ Menu เพื่อเลือกเข้า Content ที่เราสนใจแทนก็ได้
HOME ห น้ า แ ร ก จ ะ ป ร ะ ก อ บ ไ ป ด้ ว ย กล่ อ งทั ก ทายด้ า นซ้ า ยมื อ เป็ น ก ล่องทักทาย ส่วนกล่องทางด้าน ขวามือ เป็นสไลด์รูปที่จะเปลี่ยน รูปไปเรื่อยๆ
INTRODUCE หน้า Introduce จะมีรูปของผมที่ เป็นขาวดำ�อยู่เมื่อเอาเมาส์ไปชี้จะ rollover images ให้กลายเป็นภาพ สี ส่วนที่เป็น text จะเขียนเกี่ยวกับ ตัวผมเป็นการแนะนำ�ตัว
HOME
CONTACT ME
เป็นหน้ารวบรวมผลงานต่างๆของผมเอาไว้ ซึึ่งนี่เป็นแค่ตัวอย่างของ งานทั้งหมดเท่านั้น เมื่อเอา cursor ไปวาง รูปที่เป็นกล่องเทาๆ ที่มี information อยู่ กล่องทีถูกชี้จะ rollover กลายเป็นรูปของผลงาน
หน้าการติดต่อ โดยทางด้านซ้ายมือจะเป็นแผนที่ Google Maps ที่ แสดงถึงตำ�แหน่งบ้านของผมเอง ส่วนทางด้านขวามือจะมีข้อมูล ที่ใช้ในการติดต่อ รวมถึงลิ้งค์ที่เชื่อมโยงไปยัง Social Network ที่ สามารถใช้ติดต่อกับตัวผมได้
XI C ASE X I V
BONVOYAGE
T R AV E L E R ’ S G U I D E W E B S I T E
Ed
เว็บ Bon Voyage มาจากภาษาฝรั่งเศษที่หมายถึง การเดินทางโดยสวัสดิภาพ ซึ่งโจทย์ของเว็บไซต์นี้คือ เว็บที่ทำ�ขึ้นจาก Personas หรือ การสัมภาษณ์ผู้ใช้งานเว็บไซต์ต่างๆ ขึ้นมา แล้วนำ�เอาสิ่งที่ได้มาจากการสัมภาษณ์ มาสร้างเป็นเว็บไซต์ขึ้นมาเพื่อตอบสนองต่อความ ต้องการ วิถีชีวิต และความเคยชินของคนที่เราไปสัมภาษณ์มา ซึ่งจากการสัมภาษณ์ได้มาว่าจะต้องสร้างเป็นเว็บไซต์ที่ใช้เพื่อการแนะนำ� สถานที่ท่องเที่ยวในประเทศไทย
พี่ชายอายุ 25 ปีเป็นผู้ชายวัยทำ�งานที่รักการท่องเที่ยวหรือหา ข้อมูลสถานที่ท่องเที่ยวที่น่าสนใจใหม่ๆ ที่ไม่ค่อยมีคนรุ้จักมาก นักจาก internet เพราะไม่มีเวลาหาหนังสือตามร้านหนังสือ และ ข้อมูลตามหนังสือก็ไม่มีความยืดยุ่นและทันสมัยมากพอ ต้องคอย ติดตามหาซื้อเรื่อยๆ และเป็นคนที่ใช้ social network ในทุกๆ วัน โดยชีวิตประจำ�วันจะเล่น facebook และ twitter เพื่ออัพเดทข้อมูล ข่าวสารและแชร์รูปภาพ ประสบการณ์กับเพื่อนๆ เว็บไซต์ที่เกี่ยว กับการท่องเที่ยวก็มีมากมายให้เลือกอ่านก็จริง แต่ส่วนใหญ่จะมี ข้อมูลน้อย ภาพประกอบน้อย หรือบางภาพก็เป็นเก่าๆ ต้องศึกษา จากหลายๆ เว็บไซต์์และไม่มีการอัพเดทข้อมูลเท่าที่ควร ถึงแม้บาง เว็บไซต์จะมีการแบ่งหมวดหมู่อย่างชัดเจนก็ยังยากต่อการตัดสินที่
จะเลือกสถานที่ท่องเที่ยวสักแห่งถึงแม้บางเว็บไซต์จะมีการแบ่ง หมวดหมู่อย่างชัดเจนก็ยังยากต่อการตัดสินที่จะเลือกสถานที่ท่อง เที่ยวสักแห่ง สถานที่ท่องเที่ยวก็เดิมๆ ไม่น่าสนใจ และส่วนใหญ่ ก็มักมีข้อมูลที่เยอะจนลายตา บางเว็บไซต์์ทั้งสถานที่ท่องเที่ยว ทั้งข่าวและอีกทั้งโฆษณาต่างๆมาอยู่รวมกัน การติดต่อเว็บไซต์ ต้องใช้วิธีคอมเม้นทิ้งไว้ ซึ่งก็ไม่รู้ว่าจะรับคำ�ตอบหรือไม่ หรือหาก ได้รับก็อาจจะเป็นคนที่มาอ่านเว็บไซต์ด้วยกัน ซึ่งก็ไม่มีความ แน่นอน ด้วยความที่ไม่มีเวลาอ่านได้หมดส่วนใหญ่ก็จะแอดบุ๊ค มาร์คไว้ และมักจะแชร์ข้อมูลกับเพื่อนโดยส่งทาง email ซึ่งค่อน ข้างยุ่งยากเพราะเว็บไซต์ส่วนใหญ่ถึงมีกดไลค์ทางเพจ facebook ก็ ไม่ได้ให้ข้อมูลอัพเดทเรื่องการท่องเที่ยวเหมือนที่มีในเว็บไซต์
IV เวปไซท์ที่เหมาะควรเป็นเวปไซท์ที่เรียบง่าย ดูทันสมัย เป็นเว็บไซต์ที่ไม่มี สีสันฉูดฉาดมากไปเหมาะแกคนวัยทำ�งาน ดีไซน์ของเว็บค่อนข้างดูเป็น ผู้ใหญ่ ใช้งานง่าย ต้องมีข้อมูลเกี่ยยวกับสถานที่ที่นั้นๆอย่างชัดเจน ไม่ ว่าจะเป็นข้อมูล ภาพประกอบ และสถานที่ตั้ง โดยหน้าเวปจะต้องไม่มีสื่อ โฆษณา หรือ เวปไซท์อื่นๆเข้ามารบกวน มีภาพประกอบขนาดใหญ่ และหลากหลาย เพื่อให้เห็นภาพชัดเจน มีการรีวิวสถานที่ท่องเที่ยวต่างๆ เพื่อเป็นแนวทาง และมีหน้าเพจทางบ้านแนะนำ�สถานที่ท่องเที่ยวใหม่ๆ ที่น่านใจ มีช่องค้นหาที่สะดวก (ค้นหาจากสถานที่ท่องเที่ยว หรือ ค้นหา จากบริเวณ) อีกทั้งการสมัครสมาชิกต้องสะดวก รวดเร็ว การคอมเม้น และแชร์ข้อมูลก็ต้องทำ�ได้อย่างสะดวก การแทรกรูปภาพต่างๆต้องทำ�ได้ อย่างมีประสิทธิภาพ ไม่มีขั้นตอนที่ยุ่งยากและสามารถเชื่อต่อกับ social network ได้ทั้งfacebook, twitter, google+,RSS feed โดยสามารถแชร์ข้อ มูลให้เืพื่อนๆหรือเอาไว้อ่านทีหลังได้ สามารถติดต่อเวปไซท์ได้โดยตรง หากมีข้อสงสัย ในหน้าแรกควรจะมีบอกเกี่ยวกับสถานที่เที่ยวเด่นๆ เพื่อ ง่ายต่อการเข้าชม
2013
MORE SKILLS MORE EXPERINCES TH REE Y EA RS AG O
CASE XV
BREAKFAST E-MAGAZINE DESIGN
แนวคิดของนิตยสารเล่มนี้มากจากคำ�ว่า Breakfast ที่หมาย ถึงอาหารเช้า เนื่องจากอาหารเช้าเป็นมื้อที่เราควรรับ ประทานมากที่สุดของวัน เพราะสารอาหารที่มีประโยชน์ เราได้รับประทานเข้าไป จะไปช่วยในการประมวลผลของ ร่างกายและเป็นพลังงานที่ให้เราเอาไปใช้ในการดำ�เนินชีวิต ประจำ�วันตลอดทั้งวัน ซึ่งเปรียบได้กับตัวหนังสือที่มีข้อมูล ที่มีประโยชน์ที่จะช่วยให้เราได้นำ�เอาข้อมูลเหล่านั้นไปใช้ใน ชีวิตประจำ�วัน และแน่นอนว่า Breakfast เล่มนี้จะต้องอร่อย ถูกปากของผู้อ่านแน่ๆ ด้วยสำ�เนียงการเขียนบทความที่ เป็นกันเอง อีกทั้งเป็นเนื้อหาที่เข้าใจได้ง่าย ถูกปากคนอ่าน แน่นอน ทางด้านแนวทางการออกแบบนั้น ได้เลือกใช้สีสันที่ ค่อนข้างออกไปในโทนสว่างตัดกับสีขาวดำ� เนื่องจากอยาก สื่อว่าตัวนิตยสารนั้นเป็นนิตยสารที่มีความทันสมัย ขี้เล่น อ่านได้ทุกเพศทุกวัย แต่ก็แฝงไปด้วยสาระน่ารู็ รวมถึงเรื่อง เบาสมอง ประกอบกับลูกเล่นของ E-magazine ภายในเล่ม ที่ทำ�ให้ตัวเนื้อหาน่าสนใจและน่าติดตาม เพราะมีทั้งการใส่ วิดีโอ ใส่เสียง ลูกเล่นภาพแบบสไลด์ ภาพหมุน 360 องศา ภาพเคลื่อนไหว และลูกเล่นต่างๆ อีกมากมาย ซึ่งสามารถ ติดตามได้ภายในเล่ม
C ASE XVI
INFOGRAPHIC THAILAND INFOGRAPHIC INTERNSHIP
การฝึกงานที่อินโฟกราฟฟิคไทยแลนด์ ทำ�ให้ผมได้ประสบการณ์อะไรหลายๆ อย่างมากมาย เพราะศาสตร์แห่งอินโฟกราฟฟิคนั้นไม่ใช่ แค่การทำ�ภาพเพื่อประกอบข้อมูลเท่านั้น แต่ยังต้องมีการย่อยข้อมูลที่นำ�ข้อมูลจำ�นวนมาก มาย่อลงให้สามารถเข้าใจได้อย่างง่าย อีกทั้ง การนำ�ภาพกราฟฟิคต่างๆ มาใช้เพื่อประกอบในชิ้นงานนั้น จำ�เป็นต้องผ่านการคิดว่าภาพที่จะนำ�มาใช้นั้น สามารถสื่อให้ผู้อ่านนั้นเข้าใจได้ อย่างดี และซึมซับไปกับเนื้อหาที่เราต้องการจะสื่ออีกด้วย
และนอกจากงานที่อัพเดทบนเพจ Infographic Thailand ที่คอย แนะนำ�ข้อมูลดีๆ ต่างๆ ให้แก่ชาวเฟสบุ๊คแล้ว ผมเองก็ยังมี งานอินโฟกราฟฟิคที่ได้รับเป็นงานพิเศษจาก องค์การอาหาร และยา (อย.) ที่ได้รับการลงตีพิมพ์บนหน้าหนังสือพิมพ์ชื่อดังของ ไทยกว่า 5 ฉบับด้วยกัน และอีกหนึ่งโปรเจ็คท์จากการไฟฟ้า นครหลวง ซึ่งได้มาว่าจ้างทางบริษัทอินโฟกราฟฟิคไทยแลนด์ ทำ�เพื่อโปรโมทโครงการรถยนตร์ไฟฟ้าอีกด้วย ซึ่งประสบการณ์ ที่ได้จากการทำ�งานกับอินโฟกราฟฟิคนั้น ฝึกทั้งวิธการคิด การ ทำ�งาน และยังได้ทดลองการทำ�งานแบบจริงจังในบริษัท การรับ แรงกดดันจากการทำ�งานจริง ความรับผิดชอบที่เพิ่มขึ้น ซึ่งทำ�ให้ ผมโตขึ้นอีกระดับ
C ASE XV I I
NYLON MAGAZINE Y O U R O W N P R I VA T E I S S U E D E S I G N C O M P E T I T I O N
การแข่งขันประกวดสร้างสรรค์นิตยสาร Nylon ฉบับของคุณเอง โดยในการแข่งขันนี้พวกเราได้ผ่านเข้ารอบสุดท้าย และได้รับรางวัลชมเชย กลับมา โดยในการแข่งขันครั้งนี้ ในหนึ่งทีมมีสมาชิกทั้งหมด 4 คนด้วยกัน โดยผมเองรับตำ�แหน่งหน้าที่เป็นช่างภาพ และดูแลเกี่ยวกับภาพ รวมของรูปเล่ม ในการแข่งขันครั้งนี้ทำ�ให้ผมได้ลองทำ�นิตยสารจริงๆ แบบมืออาชีพ ทั้งการถ่ายภาพในสตูดิโอจริง การหาของประกอบ ฉาก การคิิดและเขียนคอลัมน์ต่างๆ ทำ�ให้เราได้ อีกทั้งยังได้รับคำ�แนะนำ�จากมืออาชีพ ให้เรานำ�เอาความรู้ความสามารถเหล่านั้น นำ�ไป ปรับใช้ได้กับการทำ�งานในชีวิตจริงได้
C ASE XVI I I
H&M VS UNIQLO P R E S E NAT I O N D E S I G N
การออกแบบสไลด์เพื่อนำ�เสนอเรื่องราวเกี่ยวกับการแข่งขันของสองแบรนด์เสื้อผ้าดัง ที่กำ�ลังได้รับความนิยมในประเทศไทยอยู่ในขณะนี้ อย่าง H&M และ Uniqlo ซึ่งสไลด์นำ�เสนอได้ออกแบบโดยใช้สีหลักของทั้งสองแบรนด์คือ สีแดง และ สีขาว มาใช้เป็นสีหลักในการออกแบบ โดยแต่ละสไลด์จะไม่เน้นในการใส่ข้อมูลลงไปอย่างละเอียด แต่จะนำ�เสนอเพียงแค่ข้อมูลที่เป็นใจความของเนื้อหาในแต่ละหน้าเท่านั้น เพ ราะจะทำ�ให้ผู้รับชม สามารถเข้าถึงแก่นของข้อมูลได้ดีกว่านั่นเองอ
2014
A NE W BE G I N N I N G . . .
T H E L AST Y E A R I N U N I V E R S I T Y
CASE XIX
SB SUITE 2014 FIRE ONE ONE INTERNSHIP
งานชิ้นแรกที่ได้ทำ� จากการฝึกงานที่บริษัท ไฟร์ วัน วัน จำ�กัด ที่ออก แบบเกี่ยวกับแอพลิเคชั่นสำ�หรับสมาร์ทโฟน โดยในงานชิ้นนี้ได้รับบรีฟ ที่เกี่ยวกับแอพลิเคชั่นบน iPad ที่จะช่วยในการทำ�งานของพนักงานใน บริษัท SB Furniture โดยแอพลิเคชั่นที่ได้ออกแบบมานั้น สามารถช่วยใน การทำ�งานของพนักงานได้เป็นอย่างมาก เพราะเป็นระบบที่ต้องใช้ ทั้ง การรับลูกค้า จองอินทีเรีย รวมไปถึงดูแคตตาล๊อกและสั่งจองในระบบ ให้แก่ลูกค้า
C ASE X X
SB WEB APPLICATION FIRE ONE ONE INTERNSHIP
เป็นดีไซน์แรกของเว็บแอพลิเคชั่น ที่ใช้ในการทำ�งานของพนักงานในตำ�แหน่งอินทีเรียดีไซเนอร์ ซึ่งจะใช้สำ�หรับอัพโหลดไฟล์เพื่อส่งอีเมลล์ ให้แก่ลูกค้า รวมไปถึงการเก็บรวบรวมผลงานของพนักงานท่านนั้นๆ และยังสามารถค้นหาแรงบันดาลใจจากผลงานการออกแบบที่พนัก งานท่านอื่นๆ ได้ทำ�เอาไว้แล้ว นอกจากนั้นยังสามารถเช็คแคตตาล๊อคต่างๆ ของสินค้าได้อย่างง่ายดาย และมีระบบที่สามารถคุยกับลูกค้า ได้โดยตรงอีกด้วย
C ASE X X I
SB SUITE 2014 FIRE ONE ONE INTERNSHIP
เป็นงานอีกชิ้นจากการฝึกงานที่ ไฟร์ วัน วัน ซึ่งได้รับโจทย์มาว่า ให้ออกแบบแอพลิเคชั่นสำ�หรับ iPhone ที่ใช้ในการคำ�นวนค่าน้ำ�มัน จึง เลือกที่จะใช้สี CI ของทาง PTT มาใช้ในการออกแบบครั้งนี้ การออกแบบก็เลือกที่จะใช้การออกแบบในแนว Flat Design ที่กำ�ลังได้รับความ นิยมอยู่ในขณะนี้ การออกแบบนั้นหากเอานี้เลื่อนขึ้นตามปุ่มที่จับ ก็จะเปิดเป็นในส่วนของแป้นสำ�หรับกรอกตัวเลข และสามารถเปลี่ยน หน่วยที่ต้องการจะแปลงได้อีกด้วย
T H A N K S FO R
T H E ME MO R IE S
WICHANUN PLENGWITTHAYA INTERACTIVE AND MULTIMEDIA DESIGN . COSCI . SWU THE.TESTUDIO@GMAIL.COM +66843226300