![Page 1: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/1.jpg)
บทท 4
ผลการปฏบตงาน
จากการทไดเขาไปฝกงานท บรษท เทเลอนโฟ มเดย จากด (มหาชน) นนขาพเจาไดศกษาและลง
มอทาในเรองขนตอนการออกแบบสอโฆษณาออนไลนของ บรษท เทเลอนโฟ มเดย จากด (มหาชน)
ฝาย Thailand YellowPages ซงเปนการศกษาขนตอนในการผลตและออกแบบสอโฆษณาออนไลน รบบ
รฟจากฝายขาย โดยใชการออกแบบงานในรปแบบใชความคดสรางสรรค คดคาโฆษณาพาดหวแบน
เนอร (Banner) ใหกระชบ ไดใจความ และจดวางองคประกอบงานใหรปแบบเหมาะสมกบตวประเภท
ของสนคาหรอบรการของลกคา ตรงตาม Mood and Tone และออกแบบลายนาใหเปนรปแบบเฉพาะ
จดประสงคเพอใหเกดความแตกตาง เปนเอกลกษณเฉพาะของแตละเจาของธรกจ ทไดซอโฆษณา
ออนไลนของทางบรษท เพอบงบอกความเปนเจาของของสนคาหรอบรการ กนการลอกเลยนแบบ และ
แสดงภาพรวมของรานเพอดงดดกลมเปาหมายทเปนลกคาของราน โดยการศกษางานครงนทาใหเราได
ทราบถงขนตอนการออกแบบสอโฆษณาออนไลนในองคกรโดยมขนตอนดงน
4.1 ขนตอนการรบบรฟจากฝายขาย (Account Executive)
เขารวมรบบรฟกบฝายขาย โดยรานคาคอ รานไทยยง วสดกอสราง รานจาหนายปลกและขายสง
สนคา วสดกอสราง เครองมอชาง เปนรานใหญ ทรวมสนคากอสรางเกอบทกชนด เชน เสาคอนกรต พน
คอนกรต เหลกกอสราง ไมแปรรป อปกรณประปา ทอพวซ อปกรณไฟฟา สายไฟ กระเบอง ปน หน
กอสราง อฐบลอค รวมถงสนคาการเกษตร ในสวนของงานกราฟกไดรบบรฟมาวา ตองการ Mood and
Tone สทดสดใส กราฟกเรยบๆไมเยอะเกนไป และตองชวยเสรมใหชอราน และสนคาโดดเดน
ภาพประกอบรปท 4.1 Logo ไทยยงวสดกอสราง
![Page 2: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/2.jpg)
31
4.2 ขนตอนการออกแบบ
นอกจากจะไดเขารวมฟงการรบบรฟแลว ฝายขายกจะสงอเมลสรปบรฟของการทากราฟกมาให
อก เพอปองกนความผดพลาดในขนตอนการดาเนนงาน Mood And Tone ททางลกคาไดเลอกมา คอ
ขาว สเหลอง และ สสม ซงสามสนตองมใหครบบนแบนเนอร (Banner) ในสวนของลายนานนกตามแต
ความเหมาะสม
4.2.1 ออกแบบลายนา
เปนกราฟกทตองทาเปนอนแรกและทกๆรานคาหรอโรงงานอตสาหกรรมทเปนลกคาของ
Thailand Yellowpages จะมลายนาเปนของตวเอง เพอมาตดแสดงความเปนเจาของสนคา เพราะสนคา
บางชนมขายหรอใหบรการเฉพาะเเคทเดยว ซงเปนเจาของททามาแตดงเดม จงตองมลายนากนการผลต
ลอกเลยนแบบหรอ ขโมยรปไปใช อนดบแรก รบบรฟจากฝายขายโดยตรง ลกคาตองการความเรยบงาย
ไมแยงความโดดเดนของสนคา แตชอรานตองอานไดอยางชดเจน จงมาออกแบบตอ และไดออกแบบ
ตามสทลกคากาหนดมาให คอ สขาว สเหลอง และ สสม โดยแรงบลดาลใจมาจากปายชอของรานทใชส
เหลองและสแดง ใชตวหนงสแดงมาจากสพนปายตดเสนสดาเพอใหอานไดงาย เลอกใช font ไมมหว
ตวหนา และสรางเสนแถบสเหลองใหชดขอบมากทสด เสรมดวยเสนสเหลองอมสมและสสม ใหดม
เอกลกษณมากขน
ภาพประกอบรปท 4.2 ขนตอนการออกแบบ
![Page 3: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/3.jpg)
32
ภาพประกอบรปท 4.3 ลายน าไทยยง วสดกอสราง
เนองจากทางลกคาอยากใหสนคามความโดดเดน ทางเราจงไดเลอกใช Photoshop ไดคทรป
สนคาทไดรบมาจากลกคาพรอมตกแตงรปเพมเตม เพมพนหลงสสมใหกบสนคาเสรมใหสนคาเดนขน
กวาเดม และเขากบ Mood And Tone สขาว เหลอง สม สงกลบไปใหลกคาดวาตรงตามทลกคาตองการ
หรอไม ถายงกนามาแกไขเพมเตม กอนจะนารปทงหมดมาประกอบรางกบลายนา แตรปทไดกยงไม
สามารถนาไปขนระบบในเวบหลกไดทนท เพราะรปนนใหญเกนไป เปนผลเสยในการโหลดหนา
เวบไซตทาใหกลายเปนหนาเวบคณภาพแย มผลตอการตดหนาแรกกเกล รปทใชนอยทสดคอ 10-15 รป
ดงนนเราจงตองยอรปภาพใหมขนาดเลกลง และทาใหความจตาลง ซงทนใชโปรแกรม Image Resizer
Setup ยอรปภาพไดจานวนเยอะ ไมจาเปนตองยอทละรปใหเสยเวลาในการทางาน รนระยะเวลา เปนสงท
องคกรใหญๆควรมสงทชวยทนแรงในการทางาน
ภาพประกอบรปท 4.4
ขนตอน Photoshop ไดคทรปสนคา
ภาพประกอบรปท 4.5
ขนตอน Photoshop ไดคทรปสนคา
![Page 4: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/4.jpg)
33
ภาพประกอบรปท 4.6 ใสพนหลงเพมเตม
ภาพประกอบรปท 4.7 ประกอบรางลายน าและรปสนคา
![Page 5: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/5.jpg)
34
ภาพประกอบรปท 4.8 ประกอบรางลายน าและรปสนคาเสรจสมบรณ
ภาพประกอบรปท 4.9 ใชโปรแกรม Image Resizer Setup ยอรปกอนนาไปขนระบบ
![Page 6: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/6.jpg)
35
ภาพประกอบรปท 4.10 ภาพสนคาใสลายน าทเสรจสมบรณจะไปอยในสวนของแคตตาลอกออนไลน
ภาพประกอบรปท 4.11 ภาพสนคาใสลายน าทเสรจสมบรณจะไปอยในสวนของแคตตาลอกออนไลน
![Page 7: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/7.jpg)
36
4.2.2 ออกแบบแบนเนอร (Banner)
กราฟฟกสวนนเปนสวนทแสดงถงสนคาและบรการของลกคาทซอการโฆษณาออนไลนกบ
Thailand Yellowpages แตไมไดบอกถงสนคาทกตวในรานเลยทเดยวทงหมด จะบอกถงภาพรวมของ
รานคามากกวาวาจาหนายสนคาประเภทไหน และแสดงชองทางการตดตอซอขาย เชน เบอรโทรศพท
ไลน เฟสบค
รบบรฟจากอเมลทไดรบจากฝายขาย ทจะสงรหสไอดของลกคา และชอรานคา มาใหเราเขาไป
นาขอมลจากเซรฟเวอรสวนกลาง คอ สรปการบรฟเพมเตม และรปภาพทลกคาตองการจะนามาใส มา
ปรบแตงและออกแบบแบนเนอร ในสวนของรานไทยยงวสด ลกคาเลอก Mood And Tone ขาว เหลอง
และสม อยากใหสนคามความโดดเดนในกราฟกทงหมด จงนารปททางลกคาสงมา แลวทางเราไดไดคท
หมดแลว มาคดเลอกสนคาทขายด หรอยหอชอดงทคนนยมใช มาตดตอรวมกน เพมแสงและเงาสนคา
เพอนาไปเปนภาพหลกบน Banner และเสรมดวยภาพวสดกอสรางสาคญทตองใชในทกงานกอสราง เชน
ทราย หน เสาคอนกรต
ภาพประกอบรปท 4.11 ภาพสนคาทคดเลอกมาตดตอรวมกน
![Page 8: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/8.jpg)
37
นอกจากรปสนคาแลว ทางลกคายงสงรปรานคาบางสวนมา เราจงคดเลอกมาตกแตงและใสลงใน
แบนเนอรเพม และใช Mood And Tone ขาว เหลอง สม แบบลายนาของสนคาททางลกคาอยากไดแบนเนอร
ทมสวนคลาย มความเขากนกบลายนาทไดออกแบบไป มาออกแบบตกแตงตามทเราไดคดออกแบบไว เพง
คาโฆษณา เบอรตดตอรานคาเปนอนเสรจสมบรณ
ภาพประกอบรปท 4.12 ภาพการตกแตงและออกแบบ Banner
ภาพประกอบรปท 4.13 Banner ไทยยงวสดทเสรจสมบรณ
![Page 9: บทที่ 4 ผลการปฏิบัติงาน - Siam University · 2018-12-20 · บทที่ 4 . ผลการปฏิบัติงาน . จากการที่ได้เข้าไปฝึกงานที่](https://reader033.vdocuments.mx/reader033/viewer/2022050114/5f4b6fb2f88d81438e663ed3/html5/thumbnails/9.jpg)
38
ภาพประกอบรปท 4.14 Banner ทผานการตรวจสอบและขนระบบใน Thailand Yellowpages แลว
4.3 ขนตอนการสงชนงาน
นาชนงานทเสรจสมบรณทงลายนา และ แบนเนอร (Banner) สงกลบไปทเซรฟเวอรสวนกลาง
หรออเมลของฝายขายทเปนเจาของงาน เพอนาไปเสนอตอลกคาวาควรแกไขปรบปรงตรงสวนไหน
ชนงานถกใจหรอไม หรออยากเพมขอมลกสามารถทาได จนกวาลกคาจะพงพอใจ กอนนาชนงานกราฟก
ขนใสระบบเบองหลงของเวบไซต Thailand Yellowpages พรอมขอมลของรานทเปนลกคา ใหฝายขาย
นาขนระบบโชวในหนาเวบจรงทจะใชในการทาสอโฆษณาออนไลน