จัดทำโดย นางสาวอรณพรรณ พ�ศป น
P ORTFOLIO “ WEB AND INTERACTIVE MEDIA ”
“
”
. . . L I L W A ’S E R WHERE THE Y A W A ’S E R E H T
OFFIILLEE:) PPRRO ี่ยวกับฉัน เก
ชื่อ - นามสกุล : อรณพรรณ พ�ศป น ชื่อเล น : นุก อายุ : 22 ป วันเกิด : 31 มกราคม 2538
การศึกษา 2556 - 2559
ปร�ญญาตร� สาขาออกแบบเว็บและสื่อโต ตอบ คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาว�ทยาลัยศิลปากร
ประสบการณ ทักษะการใช โปรแกรม Adobe Illustator Adobe Photoshop Adobe InDesign Adobe After Effect Android Studio HTML / CSS PHP
ฝ กงานบร�ษัท Website Bigbang ตำแหน ง Graphic Design
ทักษะเฉพาะทาง UX / UI Design Graphic Design App Design Web Design
“
”
G NG N I I N N R R A A E E L L M M O O R R F F M MYY SSKKIILLLL G NG OIIN DO B BYY D
APP ICATIO N
DE SI G N
OX STATION APPICAT ION
About Application แอปพลิเคชันสำหรับแสดงในเทศกาล OX Exhibition เป นเทศกาลขายเสื้อและ เป นงานแสดงผลงานของนักศึกษาในคณะไอซีทีด วย จ�งมีการออกแบบแอป ฯ เพ�่อเป นการสั่งจองเสื้อที่ได ลงขายภายในงาน
APPICATION DESIGN l Page 1
PLEUNOLUNG APPLICATION
About Application แอปพลิเคชันสำหรับร านอาหารเพลินพ�ง มีเพ�่อช วยรับออเดอร ของลูกค าแก ไข ป ญหาการลืมออเดอร การข ามคิว เนื่องจากการลืมว าใครมาก อนมาหลังและ ยังสามารถสั่งก อนจะเข ามาทานในร านได อีกด วย
APPICATION DESIGN l Page 2
FOOD HOUSE APPLICATION
About Application แอปพลิเคชันสำหรับแชร สูตรอาหารอร อยภายในบ าน ได แนวคิดแอปพลิเคชันนี้ จากว า คนเรามักจะติดรสอาหารของคนใกล ตัว เช น การติดรสอาหารฝ มือแม เวลาเพ�่อนมาบ านได ลองชิม ก็อาจจะติดใจรสอาหาร จ�งได คิดแอปพลิเคชัน นี้ข�้นมา เพ�่อกลุ มเป าหมายที่ชอบทำอาหารและลองทำสูตรใหม ๆ และเป นสูตร ที่คิดค นข�้นโดยผู ใช งานเอง และเพ�่อให แอปพลิเคชันดูเป นกันเอง จ�งได เป นที่มา ของชื่อ FOOD HOUSE นั้นเอง
APPICATION DESIGN l Page 3
SWEET MOMENT APPLICATION
About Application แอปพลิเคชันร าน Sweet Moment ร านขายขนมเค กสไตล ญี่ปุ น มีไว เพ�่อ อำนวยความสะดวกแก ลูกค า ทั้งการเติมเง�นผ านตู การเล นเกมผ าน Interactive เพ�่อรับส วนลดต างๆ ในร าน
APPICATION DESIGN l Page 4
W EB SIT E
DE SI G N
DELIVERY CHEF WEB SITE
About Web site เว็บไซต สั่งอาหารออนไลน โดยที่ลูกค าสามารถสั่งอาหารไทย เพ�่อราทานที่บ าน ได ภายในหนึ่งชั่วโมง
WEB SITE DESIGN l Page 1
THE LITTLE THINGS WEB APPLICATION
About Web site เว็บไซต ขายตุ กตา AMT และสิ�งของที่เกี่ยวกับ AMT เช น เสื้อผ า เคร�่องประดับ ของตุ กตารุ นนี้ รวมถึงอุปกรณ ที่ใช สำหรับทำเสื้อผ าและเพ นท หน าตุ กตาด วย
WEB SITE DESIGN l Page 2
องค กรพัฒนาหุ นยนต เพ�่อผู ประสบภัยแห งประเทศไทย
About Web site เว็บไซต เกี่ยวกับองค กรผลิตหุ นยนต เพ�่อช วยเหลือผู ประสบภัย มีการกระจาย ข าวสารความเชื่อเหลือ และ มีการรับบร�จาคเง�นเข าร วมกองทุนด วย
WEB SITE DESIGN l Page 3
GOT7 OFFICIAL FAN WEB SITE
About Web site เว็บไซต สำหรับรวบรวมข าวสารของศิลป นเกาหลี วง GOT7 มีการแจ งตาราง งานและขายของออฟฟ�เชี่ยล สำหรับแฟนคลับ และ รวบรวมผลงานของศิลป น
WEB SITE DESIGN l Page 4
COFFEE STATION OFFICAIL WEB SITE
About Web site เว็บไซต โปรโมทร านกาแฟ Coffee Station บอกรายละเอียดของโปรโมชั่น และจัดการระบบสมาชิก
WEB SITE DESIGN l Page 5
INTERACTIVE
MEDIA DE SI G N
เกมสร างคะแนนเพ�่อรับ สิทธิประโยชน จากร านเค ก ( SWEET MOMENT )
INTERACTIVE MEDIA DESIGN l Page 1
เกมสร างคะแนนเพ�่อรับ สิทธิประโยชน จากร านเค ก ( SWEET MOMENT )
INTERACTIVE MEDIA DESIGN l Page 2
เกมสร างคะแนนเพ�่อรับ สิทธิประโยชน จากร านเค ก ( SWEET MOMENT )
INTERACTIVE MEDIA DESIGN l Page 3
THE GHOST TRAIN HUNTER ARDUINO GAME
SCENCE 1
SCENCE 2
SCENCE 3
INTERACTIVE MEDIA DESIGN l Page 4
THE GHOST TRAIN HUNTER
THE GHOST TRAIN HUNTER ARDUINO GAME
YOU WIN
 R E P L AY $ $
$
$ $
$
$ $
$
NEXT LEVEL
NEXT LEVEL START GAME INTERACTIVE MEDIA DESIGN l Page 5
SENIOR PROJECT
ACTI VI TY PA R K
ACTIVITY PARK
แอปพลิเคชันแสดงกิจกรรมของสวนสาธารณะโดยใช ไอโอทีเป นส วนประกอบ SHOW ACTIVITY OF PUBLIC PARK WITH IoT ON ANDROID SYSTEM
ACTIVITY PARK INTERNET OF THINGS
About Application
แอปพลิเคชันแสดงกิจกรรมภายในสวนสาธารณะและเช็คสภาพอากาศ โดย IoT แบบเร�ยลไทม เพ�่อการวางแผนการทำกิจกรรมภายในสวนสาธารณะ
SENIOR PROJECT l Page 1
ACTIVITY PARK
HOME
SENIOR PROJECT l Page 2
MAP
CALENDAR
ACTIVITY PARK
MENU
SENIOR PROJECT l Page 3
DETAIL
ADD ACTIVITY
GRAPHIC M E D I A D ESIGN
CHARACTER DESIGN
GRAPHIC DESIGN l Page 1
CHARACTER DESIGN
ลำพาส พิศปัน
GRAPHIC DESIGN l Page 2
LOGO DESIGN
eoulamade S n ories , kore i y Hfaashipon pclothes & access
¤ÓÎÑ¡
P E Rs k i n
GRAPHIC DESIGN l Page 2
PAINTING DESIGN
GRAPHIC DESIGN l Page 3
INFO GRAPHIC
Kinpen Project
Blood Project
GRAPHIC DESIGN l Page 4
INFO GRAPHIC
Life Plan
MIND MAPPING
GRAPHIC DESIGN l Page 5
INFO GRAPHIC
MIND MAPPING
THAI BRAND ARCHETYPE
GRAPHIC DESIGN l Page 6
THANK YOU ติดต อ 87/16 จามจ�ร�พาร ค ซ. 11 ถนนสุขาภิบาล 5 แยก 5 - 16 แขวงท าแร ง เขตบางเขน กรุงเทพมหานคร 10220 onnapun.pispunt@gmail.com 080-5121597