รายงานการปฏบตงานสหกจศกษา

ขนตอนการออกแบบและผลตสอโฆษณาออนไลน

ของหางหนสวนจากด เชยงใหม เอส โอ พ

ของบรษท เทเลอนโฟ มเดยจากด (มหาชน) พ.ศ. 2561

โดย

นางสางสมหญง ละอองแกว 5804600228

รายงานนเปนสวนหนงของวชา 143-491 สหกจศกษา

ภาควชา การโฆษณา

คณะนเทศศาสตร มหาวทยาลยสยาม

ภาคการศกษา 3 ปการศกษา 2560

ค

ชอโครงงาน : ขนตอนการออกแบบและผลตสอโฆษณาออนไลนของหางหนสวนจากด

เชยงใหม เอส โอ พ

ชอนกศกษา : นางสาว สมหญง ละอองแกว อาจารยทปรกษา : อาจารยเอกสทธ อวยชยวฒน

ระดบการศกษา : ปรญญาตร

ภาควชา : การโฆษณา

คณะ : นเทศศาสตร

ภาคการศกษา / ปการศกษา : 3 / 2560

บทคดยอ

รายงานการปฏบตสหกจศกษาในเรอง”ขนตอนการออกแบบและผลตสอโฆษณาออนไลน

ของหางหนสวนจากด เชยงใหม เอส โอ พ” โดยใชโปรแกรม adobe Photoshop และ adobe

illustrator ในการออกแบบแบนเนอร และ แคตตาลอตสนคา ของหางหนสวนจากด เอส โอ พ

ประกอบไปดวยการรบบรฟจาก ฝายขาย การออกแบบงานโฆษณาและผลตสอโฆษณาออนไลน

โดยใชความคดสรางสรรคออกแบบงานตามทไดรบบรฟ โดยมวตถประสงคเพอ 1.เพอศกษา

กระบวนการออกแบบ แบนเนอร , แคตตาลอกสนคา “ หางหนสวนจากด เชยงใหม เอส โอ พ ” 2.

เพอหาความร ทกษะในการใช adobe Photoshop , adobe illustrator จากมออาชพ

บรษท เทเลอนโฟมเดย จากด (มหาชน) เปนผดาเนนการจดทาสมดหนาเหลอง Thailand

YellowPages อยางเปนทางการมาตงแตป 2534 ดวยความมงมนทจะพฒนาสอธรกรรมทก และได

ยก เ ลก รปแบบสมดเ ลม หนา รป แบบ เกาออกไป หนมาทาออนไลนโดยการปร บ เ ป น

www.yellowpages.co.th ทเขาใจความตองการของแตละธรกจไดอยางด ผจดทาไดมอบหมายให

ปฏบตงานในแผนก Online Media Sale ตาแหนง Graphic Designer โดยมหนาทรบผดชอบเกยวกบ

การออกแบบ แคตตาลอกสนคา , แบนเนอร หนาเวบไซตของลกคา มาจดวางองคประกอบชนงาน

ปรบภาพสนคา ไดคทภาพสนคา และออกแบบใหชนงานตอบโจทยลกคาทสด

คาสาคญ : สอโฆษณา / ออนไลน / กราฟก

Scanned with CamScanner

ข

กตตกรรมประกาศ

(Acknowledgement)

การทผจดทาไดมาปฏบตงานสหกจศกษา ณ บรษทเทเลอนโฟมเดยจากด (มหาชน) ตงแต

วนท 14 พฤษภาคม 2560 ถงวนท 31 สงหาคม 2561สงผลใหผจดทาไดรบความรเพมขนทงในและ

นอกตาราเรยนอกทงยงไดประสบกาณดดทมคามากมายสาหรบรายงานสหกจศกษาฉบบนสาเรจได

ดวยดจากความรวมมอและสนบสนนจากหลายฝายดงน

1. คณ อทธชย วานชเจรญวงศ Online Media Sales Director

2. อาจารย เอกสทธ อวยชยวฒน อาจารยทปรกษา

และบคคลอนๆทไมไดกลาวนามทกทานทไดใหคาแนะนาชวยเหลอในการจดทารายงาน

ผจดทา ขอขอบพระคณผทมสวนเกยวของทกทานทมสวนรวมในการใหขอมลและเปนทปรกษาใน

การทารายงานฉบบนจนเสรจสมบรณ และทาใหเขาใจชวตของการทางานจรง ซงผจดทา หรอ คณะ

ผจดทาขอขอบพระคณเปนอยางสงไว ณ ทนดวย

ผจดทา

ชอ นางสาวสมหญง ลอองแกว

วนท 31 สงหาคม 2561

สารบญ

หนา

จดหมายนาสงรายงาน...................................................................................................................... ก

กตตกรรมประกาศ............................................................................................................................ ข

บทคดยอ........................................................................................................................................... ค

Abstract........................................................................................................................................... ง

บทท 1 บทนา

1.1 ความเปนมาและความสาคญของปญหา....................................................................... 1

1.2 วตถประสงค................................................................................................................. 2

1.3 ขอบเขตของรายงาน..................................................................................................... 2

1.4 ประโยชนทไดรบ.......................................................................................................... 2

บทท 2 การทบทวนเอกสาร / วรรณกรรมทเกยวของ

2.1 ทฤษฎการออกแบบเวบไซต.................................................................................... 3-10

2.2 หลกการสรางสรรคงานโฆษณา............................................................................ 10-12

2.3 หลกการใชทฤษฎส และตวอกษรในการออกแบบ..................................................... 12

บทท 3 รายละเอยดการปฏบตงาน

3.1 ชอและทตงของสถานประกอบการ............................................................................ 13

3.2 ประวตและความเปนมาของบรษท........................................................................ 14-17

3.3 รปแบบการจดองคกรและการบรหารงานขององคกร............................................ 18-20

3.4 ตาแหนงงานและลกษณะงานทนกศกษาไดรบมอบหมาย.......................................... 21

สารบญ (ตอ)

หนา

3.5 ชอตาแหนงของพนกงานทปรกษา.............................................................................. 21

3.6 ระยะเวลาทปฏบตงาน……….................................................................................... 21

3.7 รายงานปฏบตงานสหกจศกษา.................................................................................... 22

3.8 อปกรณและเครองมอทใช…....................................................................................... 23

บทท 4 ผลการปฏบตงาน

4.1 ขนตอนการเตรยมงาน........................................................................................... 24-25

4.2 ขนตอนการหา Reference และคด Mood and Tone.............................................. 25

4.3 ขนตอนการออกแบบ............................................................................................. 25-34

บทท 5 สรปผลและขอเสนอแนะ

5.1 สรปผลรายงานการปฏบตงานสหกจศกษา................................................................. 35

5.2 ขอเสนอแนะของการปฏบตงานสหกจศกษา.............................................................. 36

5.3 ขอดของการปฏบตงานสหกจศกษา............................................................................ 36

5.4 ขอเสนอแนะการจดทารายงานสหกจศกษา................................................................. 36

บรรณานกรม.................................................................................................................................. 37

ภาคผนวก.................................................................................................................................. 38-43

ประวตผจดทา................................................................................................................................. 44

สารบญตาราง

หนา

ตารางท 3.8 รายงานการปฏบตงานสหกจศกษา ............................................................................. 22

สารบญรปภาพ

หนา

ภาพท 3.1 โลโก บรษทเทเลอนโฟมเดย จากด มหาชน ………………...…………………….….. 13

ภาพท 3.2 โลโก เวบไซต Yellow Pages Thailand …………………………..………..…………. 13

ภาพท 3.3 แผนท บรษท เทเลอนโฟ มเดย จากด (มหาชน) …………………………………..….. 14

ภาพท 3.4 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน) ………...…….... 15

ภาพท 3.5 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน) ……………........ 15

ภาพท 3.6 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน) …………….…... 15

ภาพท 3.7 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน) ………………… 16

ภาพท3.8 โครงสรางองคกรบรษทเทเลอนโฟ มเดย จากด (มหาชน) …………………..…..……. 18

ภาพท 3.9 คณะผบรหารบรษท เทเลอนโฟ มเดย (มหาชน) ………...…………………………… 18

ภาพท 3.10 ทมฝายขาย บรษทเทเลอนโฟ มเดย จากด (มหาชน) ……………………….…..….... 19

ภาพท 3.11 ทมฝายขายภมภาค บรษทเทเลอนโฟ มเดย จากด (มหาชน) ………………………... 20

ภาพท 4.1 การประชมการวางแผนงานและรบบรฟงานจากฝายขาย ……………………….……. 24

ภาพท 4.2 ภาพลายน าหางหนสวนจากด เอสพ ……………………………...………..…………. 26

ภาพท 4.3 ภาพลายน าหางหนสวนจากด เอสโอพ …………………….…………………………. 27

ภาพท 4.4 ภาพลายน า หางหนสวนจากด เชยงใหมเอส โอ พ ………………...…………..……... 27

ภาพท 4.5 ภาพลายน า หางหนสวนจากด เชยงใหมเอส โอ พ …………………………...………. 28

ภาพท 4.6 ภาพลายน า หางหนสวนจากด เชยงใหมเอส โอ พ……………………...…...……….. 29

ภาพท 4.7 ภาพลายน า หางหนสวนจากด เชยงใหม เอส โอ พ ……………………………...…… 29

สารบญรปภาพ (ตอ)

หนา

ภาพท 4.8 ภาพลายน าหางหนสวนจากด เชยงใหมเอส โอ พ …………..………….…………….. 30

ภาพท 4.9 ภาพหนารานลกคา ………………………………………………..………….………. 31

ภาพท 4.10 ภาพหนารานลกคาทอยในระหวางไดคท ………………………………………….... 31

ภาพท 4.11 ภาพหนารานลกคาทอยในระหวางไดคท ………………………………………..….. 32

ภาพท 4.12 ภาพขนตอนการออกแบบแบนเนอร …………………………………………….….. 32

ภาพท 4.13 ภาพขนตอนการออกแบบแบนเนอร ………………………………………….…….. 33

ภาพท 4.14 ภาพขนตอนการออกแบบแบนเนอร .......................................................................... 33

ภาพท4.15 ภาพแบนเนอร ทไดขนระบบโดยผานการตกลงจากลกคา ........................................... 33

1

บทท 1

บทนา

1.1 ความเปนมาและความสาคญของปญหา

ในปจจบนนคนสวนใหญมกจะใชกบอนเตอรเนตอยเปนประจา จนเกดมความเคยชนกบ

การทาอะไรผานระบบอนเตอรเนต ทาใหเราสามารถทจะมองออกวาคนสวนใหญใชชวตอยก บ

อนเตอรเนตบอยมากๆ ไมวาจะหาขอมล ความร การรบชมสอ ความบนเทง รวมไปจนถงการ

ตดตอสอสารกนจงทาใหการทาธรกจตางๆ หนมาใชชองทางผานระบบอนเตอรเนตมากขน การซอ

สนคา เชน หากพดถงอาหารคนกจะเซรชหา Wongnaiหากพดถงของถกคนกจะเซรชหา Lazada

หากพดถงทพ กคน กจะเซ รชหา Agoda ,Travelokaแตถาพด ถงอสหกรรมคน กจะเซ รชห า

Yellowpages

สมดหนาเหลอง หรอ เยลโลเพจเจส (Yellow Pages) เปนคาสามญทหลายประเทศทวโลก

ใชเรยกสมดโทรศพทประเภทไดเรคทอรสทรวบรวมรายชอธรกจ สนคา และบรการ ทเรยบเรยงไว

เปนหมวดหม แจกจายไปตามบานเรอน ทพกอาศย บรษท หางราน และแหลงธรกจตาง ๆ โดยไมม

คาใชจายใด ๆ ถอวาเปนสอโฆษณาแบบรายป ตอมาไดมการเปลยนแปลงจากรปแบบ สมดเลมหนา

แจกฟร มาเปน เวบไซต(Yellowpages Thailand) ทไดรวบรวมกลมอตสหกรรมทวประเทศมาไว

ลกคาทมาซอโฆษณาของสวนมาก มกจะขนอนดบตนๆ ของGoogle เนองเวบไซต(Yellowpages)

มการดแลเวบไซตของลกรานหลายดาน การปรบแตงความเรวในการเขาถงเวบไซต การปรบแตง

โคด และการเขยนเนอหาใหเปนไปตามความตองการของGoogle จะทาใหเวบไซตของคณตด

อนดบอยในลาดบตนๆ แตเวบไซตกตองดด เพราะหนาเวบไซตเทรยบไดทาหนารานคาของลกคาท

ลงโฆษณาออนไลนกบเรา จงตองมการออกแบบดไซนผลงานใหสวยงาม เพราะคนจะเลอกซอ

สนคาออนไลนนน เวบไซตกมความนาเชอถอ และ ดด

การออกแบบเวบไซตจงเปนอกหนงเครองมอทชวยอธบายจดแขงของธรกจ การบรการ

ของธรกจ ชวยทาใหรายละเอยดทซบซอนไดเขาใจงายขน ดวยรปภาพ การทา แบนเนอร และ แคต

ตาลอกสนคา ใหลกคา จงเปนสงทสาคญมาก เราตองทาใหดสะอาดตา จดเรยงขอความให

องคประกอบทลงตว

2

1.2 วตถประสงคของการศกษา

1.2.1 เพอศกษากระบวนการออกแบบ แบนเนอร , แคตตาลอกสนคา ใหกบรานคา

“ หางหนสวนจากด เชยงใหม เอส โอ พ ”

1.2.2 เพอหาความร ทกษะในการใช adobe Photoshop , adobe illustrator จากมออาชพ

1.3 ขอบเขตของการศกษา

1.3.1 การศกษา “ ขนตอนการออกแบบและผลตสอโฆษณาออนไลนของ หางหนสวน

จากด เชยงใหม เอส โอ พ ”

1.3.2 โดยขอบเขตการศกษาอยระหวาง เดอน 16 พฤกษาคม – 31สงหาคม 2561 การ

ออกแบบ แบนเนอร และ แคตตาลอกสนคา ตามทตองการของลกคา และรวบรวม

เนอหาของงานเพอทารายงานสหกจ

1.4 ประโยชนทคาดวาจะไดรบ

1.4.1 ไดทราบถงกระบวนการ การออกแบบ แบนเนอร, แคตตาลอกสนคา ของบรษท

เทเลอนโฟ มเดย จากด (มหาชน)

1.4.2 ผฝกสหกจไดปฏบตงานจรง ทาใหมพฒนาการและทกษะในการใชชวตในสถาน

ประกอบทดขน รวมไปถงการนาไปใชทางานในอนาคต 1.4.3 ผฝกสหกจไดเรยนรวธการออกแบบ แบนเนอร, แคตตาลอกสนคา จากมออาชพ

3

บทท 2

ทบทวนวรรณกรรมทเกยวของ

ในการศกษา“ขนตอนการออกแบบและผลตสอโฆษณาออนไลนของ หางหนสวนจากด

เชยงใหม เอส โอ พ” โดย บรษทเทเลอนโฟมเดย จากด (มหาชน) มงเนนการสรางเวบเซตทม

คณภาพมากขนเพอดงดดลกคาทเปนกลมเปาหมายใหเขามาใชบรการ เพอผลกดนยอดขายใหกบ

ธระกจออนไลน อยางมประสทธภาพ ผจดทาจงไดศกษาเอกสารทเกยวของและไดนาเสนอตาม

หวขอตางๆดงน

ทมา : http://patamweb.blogspot.com/

ทมา : https://heajan2012.wordpress.com/บทความโฆษณา-2/หลกการสรางสรรคงานโฆ

ทมา : https://prezi.com/08fj6vfgod7f/presentation/

2.1 ทฤษฎการออกแบบเวบไซต

2.2 หลกการสรางสรรคงานโฆษณา

2.3 หลกการใชทฤษฎส และตวอกษรในการออกแบบ

2.1 ทฤษฎการออกแบบเวบไซต

หลกการออกแบบเวบไซต เวบไซตเปนสอทไดรบความนยมอยามากบนอนเตอรเนต ซง

เวบไซตเปนสอทอยในความควบคมของผใชโดยสมบรณ กลาวคอ ผใชสามารถตดสนใจเลอกไดวา

จะดเวบไซตใดและจะไมเลอกดเวบไซตใด ไดตามตองการ จงทาใหผใชไมมความอดทนตอ

อปสรรคและปญหาทเกดจากการออกแบบเวบไซตผดพลาดถาผใชเหนวาเวบทกาลงดอยนนไมม

ประโยชนตอตวเขา หรอไมเขาใจวาเวบไซตนจะใชงานอยางไร เขากสามารถทจะเปลยนไปด

เวบไซตอนๆ ไดอยางรวดเรว เนองจากในปจจบนมเวบไซตอยมากมาย และยงมเวบไซดทเกดขน

ใหม ๆ ทกวน ผใชจงมทางเลอกมากขน และสามารถเปรยบเทยบคณภาพของเวบไซดตาง ๆ ไดเอง

เวบไซดทไดรบการออกแบบอยางสวยงาม มการใชงานทสะดวก ยอมไดรบความสนใจจากผใช

มากกวาเวบไซดทดสบสนวนวาย มขอมลมากมายแตหาอะไรไมเจอ นอกจากนยงใชเวลาในการ

4

แสดงผลแตละหนานานเกนไป ซงปญหาเหลานลวนเปนผลมาจากการออกแบบเวบไซดไมดทงสน

ดงนน การออกแบบเวบไซดจงเปนกระบวนการสาคญในการสรางเวบไซด ใหประทบใจผใช ทา

ใหเขาอยากกลบเขามาเวบไซดเดมอกในอนาคต ซงนอกจากตองพฒนาเวบไซดทดมประโยชนแลว

ยงตองคานงถงการแขงขนกบเวบไซดอน ๆ อกดวย

2.1.1 องคประกอบของการออกแบบเวบไซต

การออกแบบเวบไซตทมประสทธภาพนนตองคานงถง องคประกอบสาคญดงตอไปน

1. ความเรยบงาย (Simplicity)

หมายถง การจากดองคประกอบเสรมใหเหลอเฉพาะองคประกอบหลก กลาวคอในการ

สอสารเนอหากบผใชนน เราตองเลอกเสนอสงทเราตองการนาเสนอจรง ๆ ออกมาในสวนของ

กราฟก สสน ตวอกษรและภาพเคลอนไหว ตองเลอกใหพอเหมาะ ถาหากมมากเกนไปจะรบกวน

สายตาและสรางความคาราญตอผใชตวอยางเวบไซตทไดรบการออกแบบทด ไดแก เวบไซตของ

บรษทใหญ ๆ อยางเชน Apple Adobe Microsoft หรอ Kokia ทมการออกแบบเวบไซตในรปแบบท

เรยบงาย ไมซบซอน และใชงานอยางสะดวก

2. ความสมาเสมอ ( Consistency)

หมายถง การสรางความสม าเสมอใหเกดขนตลอดทงเวบไซต โดยอาจเลอกใชรปแบบ

เดยวกนตลอดทงเวบไซตกได เพราะถาหากวาแตละหนาในเวบไซตนนมความแตกตางกนมาก

จนเกนไป อาจทาใหผ ใชเกดความสบสนและไมแนใจวากาลงอยในเวบไซตเดมหรอไม

เพราะฉะนนการออกแบบเวบไซตในแตละหนาควรทจะมรปแบบ สไตลของกราฟก ระบบเนว

เกชน (Navigation) และโทนสทมความคลายคลงกนตลอดทงเวบไซต

3. ความเปนเอกลกษณ (Identity)

ในการออกแบบเวบไซตตองคานงถงลกษณะขององคกรเปนหลก เนองจากเวบไซตจะ

สะทอนถงเอกลกษณและลกษณะขององคกร การเลอกใชตวอกษร ชดส รปภาพหรอกราฟก จะม

ผลตอรปแบบของเวบไซตเปนอยางมาก ตวอยางเชน ถาเราตองออกแบบเวบไซตของธนาคารแตเรา

กลบเลอกสสนและกราฟกมากมาย อาจทาใหผใชคดวาเปนเวบไซตของสวนสนกซงสงผลตอความ

เชอถอขององคกรได

5

4. เนอหา (Useful Content)

ถอเปนสงสาคญทสดในเวบไซต เนอหาในเวบไซตตองสมบรณและไดรบการปรบปรง

พฒนาใหทนสมยอยเสมอ ผพฒนาตองเตรยมขอมลและเนอหาทผใชตองการใหถกตองและ

สมบรณ เนอหาทสาคญทสดคอเนอหาททมผพฒนาสรางสรรคขนมาเอง และไมไปซ ากบเวบอน

เพราะจะถอเปนสงทดงดดผใชใหเขามาเวบไซตไดเสมอ แตถาเปนเวบทลงคขอมลจากเวบอน ๆ มา

เมอใดกตามทผใชทราบวา ขอมลนนมาจากเวบใด ผใชกไมจาเปนตองกลบมาใชงานลงคเหลานน

อก

5. ระบบเนวเกชน (User-Friendly Navigation)

เปนสวนประกอบทมความสาคญตอเวบไซตมาก เพราะจะชวยไมใหผใชเกดความสบสน

ระหวางดเวบไซต ระบบเนวเกชนจงเปรยบเสมอนปายบอกทาง ดงนนการออกแบบเนวเกชน จง

ควรใหเขาใจงาย ใชงานไดสะดวก ถามการใชกราฟกกควรสอความหมาย ตาแหนงของการวางเนว

เกชนกควรวางใหสมาเสมอ เชน อยตาแหนงบนสดของทกหนาเปนตน ซงถาจะใหดเมอมเนวเกชน

ทเปนกราฟกกควรเพมระบบเนวเกชนทเปนตวอกษรไวสวนลางดวย เพอชวยอานวยความสะดวก

ใหกบผใชทยกเลกการแสดงผลภาพกราฟกบนเวบเบราเซอร

6. คณภาพของสงทปรากฏใหเหนในเวบไซต (Visual Appeal)

ลกษณะทนาสนใจของเวบไซตนน ขนอยกบความชอบสวนบคคลเปนสาคญ แตโดยรวม

แลวกสามารถสรปไดวาเวบไซตทนาสนใจนนสวนประกอบตาง ๆ ควรมคณภาพ เชน กราฟกควร

สมบรณไมมรอยหรอขอบขนบนไดใหเหน ชนดตวอกษรอานงายสบายตา มการเลอกใชโทนสท

เขากนอยางสวยงาม เปนตน

7. ความสะดวกของการใชในสภาพตาง ๆ (Compatibility)

การใชงานของเวบไซตน นไมควรมขอบจากด กลาวคอ ตองสามารถใชงานไดดใน

สภาพ แวดลอมทหลากห ลาย ไม มการบงคบใหผ ใชตองตดต งโปรแกรม อนใดเพม เตม

นอกเหนอจากเวบบราวเซอร ควรเปนเวบทแสดงผลไดดในทกระบบปฏบตการ สามารถแสดง

ผลไดในทกความละเอยดหนาจอ ซงหากเปนเวบไซตท มผ ใชบรการมากและกลมเปาหมาย

หลากหลายควรใหความสาคญกบเรองนใหมาก

8. ความคงทในการออกแบบ (Design Stability)

ถาตองการใหผใชงานรสกวาเวบไซตมคณภาพ ถกตอง และเชอถอได ควรใหความสาคญ

กบการออกแบบเวบไซตเปนอยางมาก ตองออกแบบวางแผนและเรยบเรยงเนอหาอยางรอบคอบ ถา

6

เวบทจดทาขนอยางลวก ๆ ไมมมาตรฐานการออกแบบและระบบการจดการขอมล ถามปญหามาก

ขนอาจสงผลใหเกดปญหาและทาใหผใชหมดความเชอถอ

9. ความคงทของการทางาน (Function Stability)

ระบบการทางานตาง ๆ ในเวบไซตควรมความถกตองแนนอน ซงตองไดรบการออกแบบ

สรางสรรคและตรวจสอบอยเสมอ ตวอยางเชน ลงคตาง ๆ ในเวบไซต ตองตรวจสอบวายงสามารถ

ลงคขอมลไดถกตองหรอไม เพราะเวบไซตอนอาจมการเปลยนแปลงไดตลอดเวลา ปญหาทเกดจาก

ลงค กคอ ลงคขาด ซงพบไดบอยเปนปญหาทสรางความราคาญกบผใชเปนอยางมาก

2.1.2 การออกแบบเวบไซต

ในการออกแบบเวบไซตนนประกอบดวยกระบวนการตาง ๆ มากมาย เชน การออกแบบ

โครงสราง ลกษณะหนาตา หรอการเขยนโปรแกรม แตมหลายคนทพฒนาเวบไซต โดยขาดการ

วางแผนและทางานไมเปนระบบ ตวอยางเชน การลงมอออกแบบโดยการใชโปรแกรมชวยสรางเวบ

เนอหาและรปแบบกเปนไปตามทนกขนไดขณะนน และเมอเหนวาดดแลวกเปดตวเลย ทาใหเวบ

นนมเปาหมายและแนวทางทไมแนนอน ผลลพธทไดจงเสยงกบความลมเหลวคอนขางมาก ความ

ลมเหลวทพบเหนไดทวไป ไดแก เวบท แสดงขอความวาอยระหวางการกอสราง (Under

Construction หรอ Coming soon) ซงแสดงใหเหนถงการขาดการวางแผนทดบางเวบถอไดวาตายไป

แลว เนองจากขอมลไมทนสมย ขาดการพฒนาปรบปรงเทคโนโลยลาสมย ลงคผดพลาด สงเหลาน

แสดงใหเหนถงการขาดการดแล ตรวจสอบและพฒนาใหทนสมยอยเสมอ

การออกแบบเวบไซตอยางถกตองจะชวยลดความผดพลาดเหลาน และชวยลดความเสยงท

จะทาใหเวบประสบความลมเหลว การออกแบบเวบไซตทดตองอาศยการออกแบบและจดระบบ

ขอมลอยางเหมาะสม กระบวนการแรกของการออกแบบเวบไซตคอการกาหนดเปาหมายของ

เวบไซตกาหนดกลมผ ใช ซงการจะใหไดมาซงขอมล ผ พ ฒนาตองเรยนรผ ใช หรอจาลอง

สถานการณ สงเหลานจะชวยใหเราสามารถออกแบบเนอหาและการใชงานเวบไซตไดอยาง

เหมาะสม ตรงกบความตองการของผใชอยางแทจรง

2.1.3 กาหนดเปาหมายของเวบไซต

ขนตอนแรกของการออกแบบเวบไซต คอการกาหนดเปาหมายของเวบไซตใหแนชด

เสยกอน เพอจะไดออกแบบการใชงานไดตรงกบเปาหมายทไดตงเอาไว โดยทวไปมกจะเขาใจวา

การทาเวบไซตมจดมงหมายเพอบรการขอมลของหนวยงานหรอองคกรเทานน แตในความเปนจรง

แลว เวบไซตแตละแหงกจะมเปาหมายของตนเองแตกตางกนออกไป

7

2.1.4 กาหนดกลมผใชเปาหมาย

ผออกแบบเวบไซตจาเปนตองทราบกลมผใชเปาหมายทเขามาใชบรการเวบไซต เพอทจะ

ไดตอบสนองความตองการของผใชไดอยางชดเจน ตวอยางเชนเวบไซตทมกลมผใชหลากหลาย

เชน เซรชเอนจน เวบทา และเวบไดเรกทอร แตเวบไซตสวนใหญนนจะตอบสนองความตองการ

เฉพาะกลมเทาน น ไมสาหรบทกคน เพราะคณไมสามารถตอบสนองความตองการของคนท

หลากหลายไดในเวบไซตเดยว

2.1.5 สงทผใชตองการจากเวบ

หลงจากทไดเปาหมายและกลมเปาหมายของเวบไซตแลว ลาดบตอไปคอการออกแบบ

เวบไซตเพอดงดดผใชงานใหไดนานทสด ดวยการสรางสงทนาสนใจเพอดงดดผใชโดยทวไปแลว

สงทผใชคาดหวงจากการเขาชมเวบไซตหนง ไดแก

- ขอมลและการใชงานทเปนประโยชน

- ขาวและขอมลทนาสนใจ

- การตอบสนองตอผใช

- ความบนเทง

- ของฟร

2.1.6 ขอมลหลกทควรมอยในเวบไซต

เมอเราทราบถงความตองการทผใชตองการไดรบเมอเขาชมเวบไซตหนง ๆ แลว เราก

ออกแบบเวบไซตใหมขอมลทผใชตองการ ซงขอมลตอไปน เปนสงทผใชสวนใหญคาดหวงจะ

ไดรบเมอเขาไปชมเวบไซต

- ขอมลเกยวกบบรษท

- รายละเอยดของผลตภณฑ

- ขาวความคบหนาและขาวจากสอมวลชน

- คาถามยอดนยม

- ขอมลในการตดตอ

2.1.7 ออกแบบหนาเวบไซต (Page Design)

หนาเวบเปนสงแรกทผใชจะไดเหนขณะทเปดเขาสเวบไซต และยงเปนสงแรกทแสดงถง

ประสทธภาพในการออกแบบเวบไซตอกดวย หนาเวบจงเปนสงสาคญมาก เพราะเปนสอกลางให

ผชมสามารถใชประโยชนจากขอมลของระบบงานของเวบไซตน นได โดยปกตหนาเวบจะ

8

ประกอบดวย รปภาพ ตวอกษร สพน ระบบเนวเกชน และองคประกอบอน ๆ ทชวยสอความหมาย

ของเนอหาและอานวยความสะดวกตอการใชงาน

หลกสาคญในการออกแบบหนาเวบกคอ การใชรปภาพและองคประกอบตาง ๆ รวมกน

เพอสอความหมาย เกยวกบเนอหาหรอลกษณะสาคญของเวบไซต โดยมเปาหมายสาคญเพอการสอ

ความหมายทชดเจนและนาสนใจ บนพนฐานของความเรยบงายและความสะดวกของผใช

การออกแบบเวบไซต ตองคานงถง

1. ความเรยบงาย ไดแก มรปแบบทเรยบงาย ไมซบซอน และใชงานไดสะดวก ไมมกราฟก

หรอตวอกษรทเคลอนไหวอยตลอดเวลา ชนดและสของตวอกษรไมมากจนเกนไปทาให

วนวาย

2. ความสมาเสมอ ไดแก ใชรปแบบเดยวกนตลอดทงเวบไซต เชน รปแบบของหนา สไตล

ของกราฟก ระบบเนวเกชนและโทนส ควรมความคลายคลงกนตลอดทงเวบไซต

3. ความเปนเอกลกษณ การออกแบบเวบไซตควรคานงถงลกษณะขององคกร เพราะรปแบบ

ของเวบไซตจะสะทอนถงเอกลกษณและลกษณะขององคกรนน ๆ เชน ถาเปนเวบไซตของ

ทาง ราชการ จะตองดนาเชอถอไมเหมอนสวนสนก ฯลฯ

4. เนอหาทมประโยชน เนอหาเปนสงทสาคญทสดในเวบไซต ดงนนควรจดเตรยมเนอหาและ

ขอมลทผใชตองการใหถกตอง และสมบรณ มการปรบปรงและเพมเตมใหทนเหตการณอย

เสมอ เนอหาไมควรซ ากบเวบไซตอน จงจะดงดดความสนใจ

5. ระบบเนวเกชนทใชงานงาย ตองออกแบบใหผใชเขาใจงายและใชงานสะดวก ใชกราฟกท

สอความหมายรวมกบคาอธบายทชดเจน มรปแบบและลาดบของรายการทสมาเสมอ เชน

วางไว ตาแหนงเดยวกนของทกหนา

6. ลกษณะทนาสนใจ หนาตาของเวบไซตจะตองมความสมพนธกบคณภาพขององคประกอบ

ตาง ๆ เชน คณภาพของกราฟกทจะตองสมบรณ การใชส การใชตวอกษรทอานงาย สบาย

ตา การใชโทนสทเขากนลกษณะหนาตาทนาสนใจนนขนอยกบความชอบของแตละบคคล

7. การใชงานอยางไมจากด ผใชสวนใหญสามารถเขาถงไดมากทสดเลอกใชบราวเซอรชนด

ใดกไดในการเขาถงเนอหาสามารถแสดงผลไดทกระบบปฏบตการและความละเอยด

หนาจอตาง ๆ กนอยางไมมปญหาเปนลกษณะสาคญสาหรบผใชทมจานวนมาก

8. คณภาพในการออกแบบ การออกแบบและเรยบเรยงเนอหาอยางรอบคอบ สรางความรสก

วาเวบไซตม….คณภาพ ถกตอง และเชอถอได

9. ลงคตาง ๆ จะตองเชอมโยงไปหนาทมอยจรงและถกตอง ระบบการทางานตาง ๆ ใน

เวบไซตจะตองมความแนนอนและทาหนาทไดอยางถก

9

2.1.8 การออกแบบโครงสรางเวบไซต (Site Structure Design)

โครงสรางเวบไซต ( Site Structure ) เปนแผนผงของการลาดบเนอหาหรอการจดวาง

ตาแหนงเวบเพจทงหมด ซงจะทาใหเรารวาทงเวบไซทประกอบไปดวยเนอหาอะไรบาง และมเวบ

เพจหนาไหนทเกยวของเชอมโยงถงกน ดงนนการออกแบบโครงสรางเวบไซทจงเปนเรองสาคญ

เปรยบเสมอนกบการเขยนแบบอาคารกอนทจะลงมอสราง เพราะจะทาใหเรามองเหนหนาตาของ

เวบไซทเปนรปธรรมมากขน สามารถออกแบบระบบเนวเกชนไดเหมาะสม และเปนแนวทางการ

ทางานทชดเจน สาหรบขนตอนตอ ๆไป นอกจากนโครงสรางเวบไซททดยงชวยใหผชมไมสบสน

และคนหาขอมลทตองการไดอยางรวดเรว

วธการจดโครงสรางเวบไซทสามารถทาไดหลายแบบ แตแนวคดหลกๆทนยมใชกนมอย 2 แบบคอ

1. จดตามกลมเนอหา ( Content-based Structure )

2. จดตามกลมผชม ( User-based Structure )

รปแบบของโครงสรางเวบไซท

เราสามารถวางรปแบบโครงสรางเวบไซทไดหลายแบบตามความเหมาะสม เชน แบบ

เรยงลาดบ ( Sequence ) เหมาะสาหรบเวบไซททมจานวนเวบเพจไมมากนก หรอเวบไซททมการ

นาเสนอขอมลแบบทละขนตอน แบบระดบชน ( Hierarchy ) เหมาะสาหรบเวบไซททมจานวนเวบ

เพจมากขน เปนรปแบบทเราจะพบไดทวไป

แบบผสม ( Combination ) เหมาะสาหรบเวบไซททความซบซอน เปนการนาขอดของรปแบบทง

2 ขางตนมาผสมกน

การใชสในการออกแบบเวบไซต

การสรางสสนบนหนาเวบเปนสงทสอความหมายของเวบไซตไดอยางชดเจน การเลอกใช

สใหเหมาะสม กลมกลน ไมเพยงแตจะสรางความพงพอใจใหกบผใช แตยงสามารถทาใหเหนถง

ความแตกตางระหวางเวบไซตได สเปนองคประกอบหลกสาหรบการตกแตงเวบ จงจาเปนอยางยง

ทจะตองทาความเขาใจเกยวกบการใชส

ระบบสทแสดงบนจอคอมพวเตอร มระบบการแสดงผลผานหลอดลาแสงทเรยกวา CRT

(Cathode ray tube) โดยมลกษณะระบบสแบบบวก อาศยการผสมของของแสงสแดง สเขยว และส

น าเงน หรอระบบส RGB สามารถกาหนดคาสจาก 0 ถง 255 ได จากการรวมสของแมสหลกจะทา

ใหเกดแสงสขาว มลกษณะเปนจดเลก ๆ บนหนาจอไมสามารถมองเหนดวยตาเปลาได จะมองเหน

เปนสทถกผสมเปนเนอสเดยวกนแลว จดแตละจดหรอแตละพกเซล (Pixel) เปนสวนประกอบของ

ภาพบนหนาจอคอมพวเตอร โดยจานวนบตทใชในการกาหนดความสามารถของการแสดงสตาง ๆ

เพอสรางภาพบนจอน นเรยกวา บตเดป (Bit-depth) ในภาษา HTML มการกาหนดสดวยระบบ

10

เลขฐานสบหก ซงมเครองหมาย (#) อยดานหนาและตามดวยเลขฐานสบหกจานวนอกษรอก 6 หลก

โดยแตละไบต (byte) จะมตวอกษรสองตว แบงออกเปน 3 กลม เชน #FF12AC การใชตวอกษรแต

ละไบตนเพอกาหนดระดบความเขมของแมสแตละสของชดส RGB โดย 2 หลกแรก แสดงถงความ

เขมของสแดง 2 หลกตอมา แสดงถงความเขมของสเขยว 2 หลกสดทายแสดงถงความเขมของสน า

เงน สมอทธพลในเรองของอารมณการสอความหมายทเดนชด กระตนการรบรทางดานจตใจมนษย

สแตละสใหความรสก อารมณทไมเหมอนกน สบางสใหความรสกสงบ บางสใหความรสกตนเตน

รนแรง สจงเปนปจจยสาคญอยางยงตอการออกแบบเวบไซต ดงน นการเลอกใชโทนสภายใน

เวบไซตเปนการแสดงถงความแตกตางของสทแสดงออกทางอารมณ มชวตชวาหรอเศราโศก

รปแบบของสทสายตาของมนษยมองเหน สามารถแบงออกเปน 3 กลม คอ

1. สโทนรอน (Warm Colors) เปนกลมสทแสดงถงความสข ความปลอบโยน ความอบอน

และดงดดใจ สกลมนเปนกลมสทชวยใหหายจากความเฉอยชา มชวตชวามากยงขน

2. สโทนเยน (Cool Colors) แสดงถงความทดสภาพ ออนโยน เรยบรอย เปนกลมสทมคน

ชอบมากทสด สามารถโนมนาวในระยะไกลได

3. สโทนกลาง (Neutral Colors) สทเปนกลาง ประกอบดวย สดา สขาว สเทา และสน าตาล

กลมสเหลานคอ สกลางทสามารถนาไปผสมกบสอน ๆ เพอใหเกดสกลางขนมา

สงทสาคญตอผออกแบบเวบคอการเลอกใชสสาหรบเวบ นอกจากจะมผลตอการแสดงออก

ของเวบแลวยงเปนการสรางความรสกทดตอผใชบรการ ดงนนจะเหนวาสแตละสสามารถสอ

ความหมายของเวบไดอยางชดเจน ความแตกตาง ความสมพนธทเกดขนยอมสงผลใหเวบมความ

นาเชอถอมากยงขน ชดสแตละชดมความสาคญตอเวบ ถาเลอกใชสไมตรงกบวตถประสงคหรอ

เปาหมายอาจจะทาใหเวบไมนาสนใจ ผใชบรการจะไมกลบมาใชบรการอกภายหลง ฉะนนการใชส

อยางเหมาะสมเพอสอความหมายของเวบตองเลอกใชสทมความกลมกลนกน

2.2 หลกการสรางสรรคงานโฆษณา

งานโฆษณาเปนงานทตองใชความคดสรางสรรค (Creativity) การสรางสรรคงานโฆษณาท

ด ควรกาหนดวตถประสงคในการโฆษณาและการสงเสรมการตลาดโดยใชหลก AIDA MODEL

ซงทาใหเกดผล 4 ประการ ดงน

1. การดงใหเกดความตงใจ

การโฆษณาทดตองสามารถดงดดความสนใจ (Attention) ไดเชน การใชเสยงเพลงการใช

นกแสดงทมชอเสยง

2. การทาใหเกดความสนใจตดตาม

การโฆษณาตองเนนใหผบรโภคเหนถงผลประโยชนทจะไดรบจากสนคาหรอบรการเพอทาให

เกดความสนใจตดตาม (Interest)

11

3. การกระตนใหเกดความตองการ

การเสนอจดขายทชดเจน แสดงใหเหนความแตกตางของการมสนคากบการไมมสนคาหรอ

ความแตกตางจาก สนคาประเภทเดยวกน ทาใหผบรโภคเกดความตองการ (Desire) ในสนคาหรอ

บรการนน

4. การกระตนใหเกดการซอ

การโฆษณาตองเชญชวนใหผบรโภคกลมเปาหมายเกดพฤตกรรมการตอบ สนอง(Action) โดย

การซอสนคาหรอใชบรการ

2.2.1 หลกการสรางสรรคงานโฆษณาททาใหหลก AIDA MODEL

มความสมฤทธผลควรมลกษณะ ดงน

1. สรางความไววางใจ การโฆษณาตองใหขอเทจจรง ไมเกนจากความเปนจรง โดยอาศยสงท

คนเชอถออยแลว มาเปนจดขายในการโฆษณาเชน มะนาวใชในการทาความสะอาดได แส

ตนเลสทาใหไมเกดสนม

2. มแบบฉบบของตนเองทแตกตาง การโฆษณาตองมแบบฉบบของตนเองทไมซ าแบบใคร

เมอผบรโภคดแลวจดจาไดวาเปนการโฆษณาสนคาหรอบรการใด

3. จดขายทชดเจนเพยงจดเดยว การโฆษณาตองสรางจดขายทจงใจและชดเจนเพยงจดเดยว

เพอทาใหผบรโภคสามารถจดจาได

4. โฆษณาตองนาเชอถอ โฆษณานอกจากจะไมเกนจรงแลวยงตองมเหตผลสนบสนนจดขาย

ของโฆษณานนดวย

5. โฆษณาตองเขาถงความคดและอารมณ การโฆษณาทเนนเหตผลเพยงอยางเดยว ไมมเรอง

ของอารมณมาเกยวของเลย อาจไมไดรบความสนใจหรอสรางความตองการได สวน

โฆษณาทใชอารมณเพยงอยางเดยว ไมมเหตผลมาจงใจ กอาจไมไดผลเชนกน

6. สะทอนบคลกภาพของสนคา การโฆษณาตองแสดงออกซงบคลกของสนคาวาเปนสนคา

แบบไหนเชน ความแขงแรงทนทาน ขนาดทเลกกระทดรดและมรปแบบททนสมย

7. สะทอนตาแหนงครองใจของผลตภณฑ การโฆษณาตองแสดงใหเหนตาแหนงครองใจของ

ผลตภณฑทชดเจนเชน สบชนดนใชแกสว สบชนดนยบย งแบคทเรย สบชนดนมสวนผสม

ของวตามนอ

8. โฆษณาทมความกลมกลน การโฆษณาตองมองคประกอบตางๆ ทกลมกลนกนทงภาพ

เสยง ส ถอยคา รวมทงการโฆษณาในทกสอทใชดวย การสรางสรรคงานโฆษณา เรมตน

จากการกาหนดวตถประสงคในการโฆษณา โดยอาศยพนฐานของการโฆษณา ผบรโภค

กลมเปาหมายและขอมลสนบสนนอนๆ ผสรางสรรคงานโฆษณาจงตองพยายามคนหา

12

แนวทางในการสรางสรรคท เหมาะสม และสอดคลองกบวตถประสงคในการโฆษณา

เพอใหการโฆษณานนมสมฤทธผลตาม ทวางไว

2.3 หลกการใชทฤษฎส และตวอกษรในการออกแบบ

จตวทยาเกยวกบสสนนมความสาคญอยางยงในการออกแบบเวบไซต การเลอกสใหเขากบ

เนอหาของเวบไซต จะทาใหเวบไซตมความนาเชอถอยงขน และยงสงผลอยางมากกบความสวยงาม

ของเวบไซต

2.3.1 หลกพจารณาเกยวกบการใชส

1. ใชสสดใสสาหรบรบกระตนใหเหนเดนชด

2. การออกแบบกราฟกไมจาเปนตองใชสเสมอไป ควรพจารณาถงความเหมาะสม

3. การใชสควรเหมาะสมกบวยของผบรโภค

4. ไมควรใชสมากเกนไปเพราะจะลดความเดนชดของงาน

5. เมอใชสเขมจดคกบสออนมาก ๆ จะทาใหดชดเจน

6. การใชสพนในการออกแบบสงพมพทมพนทวางอาจทาใหดไมเราใจ

7. การใชสกบขอความและตวอกษรตองชดเจนและอานงาย

13

บทท 3

รายละเอยดการปฎบตงาน

3.1 ชอและทตงของสถานประกอบการ

3.1.1 ชอสถานประกอบการ บรษท เทเลอนโฟ มเดย จากด (มหาชน)

3.1.2 ทตงสถานประกอบการ เลขท 1126/2 อาคารนช 2 ชน 28 หองเลขท 2803 , 2804

ถนนเพชรบรตดใหม แขวง มกกะสน เขต ราชเทว

Bangkok 10400

ภาพประกอบท 3.1 โลโก บรษทเทเลอนโฟมเดย จากด มหาชน

ภาพประกอบท 3.2 โลโก เวบไซต Yellow Pages Thailand

14

ภาพประกอบท 3.3 แผนท บรษท เทเลอนโฟ มเดย จากด (มหาชน)

3.2 ประวตบรษท

บรษท เทเลอนโฟ มเดย จากด (มหาชน) เปนผด าเนนการจดทาYellowPagesอยางเปน

ทางการมาตงแตป 2534 ดวยความมงมนทจะพฒนาสอธรกรรมทกรปแบบ เพอใหเกดบรการท

สะดวก รวดเรวและตอบสนองตอความตองการของลกคา เราจงไดพฒนาบรการใหครอบคลมทก

กลมผใชมากยงขน

หากตองการความรวดเรวในการคนหาขอมลธรกจ แคคลก www.yellowpages.co.th แหลง

รวมขอมลธรกจออนไลนทใหบรการทงภาษาไทยและภาษาองกฤษ คนหาขอมลสนคาและบรการ

ไดทนท นอกจากนยงสามารถคนหาขอมลแผนท เวบไซต และบคคลไดอกดวย ปจจบนมผใชงาน

กวา 4 ลานคน เฉลย 8 ลานครงตอเดอน การนตดวยรางวล “เวบไซตธรกจทมผใชงานมากทสด” 3

ปซอน จาก Truehits.net ระบบใหบรการตรวจสอบสถตการเยยมชมเวบไซต โดยสานกบรการ

เทคโนโลยสารสนเทศภาครฐ (สบทร.) ภายใตศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอร

แหงชาต บรการ www.yellowpages.co.th เวบไซตทรวบรวมหมายเลขโทรศพทขอมลสนคา และ

บรการกวา 6 ลานเลขหมายทวประเทศไทย เพอตอบสนองความตองการของผบรโภคไดงาย และ

เกดความคมคาสงสด

15

ภาพประกอบท 3.4 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน)

ภาพประกอบท 3.5 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน)

ภาพประกอบท 3.6 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน)

16

ภาพประกอบท 3.7 เวบไซต ของ Yellowpages บรษท เทเลอนโฟ มเดย จากด(มหาชน)

สอโฆษณา

บรษท เทเลอนโฟ มเดย จากด (มหาชน)

ผใหบรการขอมลธรกจผานเวบไซตwww.yellowpages.co.th แหลงรวมขอมลธรกจ รวม

รายชอธรกจ รายชอโรงงาน รวมผประกอบการในประเทศไทย รวมผจดหาสนคาและผผลต

(Suppliers) โดยสามารถคนหาขอมลสนคาและบรการไดทนท

ทศนะผบรหาร

โลกยคดจทลกาลงเขาใกลชวตประจาวนของทกคน จนแทบจะแยกไมออก ผานอปกรณ

เชอมตอมากมาย อยางมอถอ แทปเลต จอทวในรถ อกไมนาน IoTหรอ Internet of Things จะเขามา

มบทบาทเขาถงทกกลมอาย จะมกลมธรกจรปแบบใหมๆ เกดขนมากมาย ทสาคญ จะสรางความ

ย งยนใหธรกจใหคงอยขามยคนไปใหไดอยางไร ถาไมเรมเปลยนแปลงตงแตวนน

17

3.2.1 การวางแผนกลยทธ สอโฆษณาออนไลนและ เปนตวแทนงานขายโฆษณา ( AE ) งาน

ประเภทนตองเปนคนมประสบการณมความสามารถหลายดานและมทกษะในการพดคย

กบลกคา

3.2.2 รบผลตเวบไซตและทาโฆษณาใหโดยทางYellowpagesจะม AE ไปคยรายละเอยดตาง ๆ

เกยวกบความตองรปแบบหนาเวบไซตวา ลกคาตองการใหทาBanner แบบไหน หรอหาก

ลกคาไมไดบรฟมาเราตองคด และออกแบบBanner เองโดยดจากความเหมาะสม ดจาก

ผลตภณฑทลกคาขาย ลกขายอะไร เวบไซตเกาของลกเปนอยางไร แลวจงทาเปนชนงาน

อ อ ก ม า ห า ก ต อ ง ก า ร ค ว า ม ร ว ด เร ว ใ น ก า ร ค น ห า ข อ ม ล ธ ร ก จ แ ค ค ล ก

www.yellowpages.co.th แหลงรวมขอมลธรกจออนไลนทใหบรการท งภาษาไทยและ

ภาษาองกฤษ คนหาขอมลสนคาและบรการไดทนท นอกจากนยงสามารถคนหาขอมลแผน

ท เวบไซต และบคคลไดอกดวย ปจจบนมผใชงานกวา 4 ลานคน เฉลย 8 ลานครงตอเดอน

การนตดวยรางวล “ เวบไซตธรกจทมผใชงานมากท สด ” 3 ปซอน จาก Truehits.net

ระบบใหบรการตรวจสอบสถตการเยยมชมเวบไซต โดยสานกบรการเทคโนโลย

สารสนเทศภาครฐ (สบทร.) ภายใตศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอร

แหงชาต

วสยทศน (Vision)

“ สานกรบผดชอบตอสงคม ควรเรมจากการปลกฝงความมน าใจชวยเหลอเพอนรวมงาน

ทงในสงท เกยวกบการทางานและสงทเกยวกบการใชชวตปกตทนอกเหนอจากการทางาน เชน การ

แนะนาเรองด ๆ ในการใชชวต ”

18

3.3 รปแบบการจดองคกรและการบรหารงานในองคกร

โครงสรางองคกร

ภาพประกอบท3.8 โครงสรางองคกรบรษทเทเลอนโฟ มเดย จากด (มหาชน)

คณะผบรหาร

ภาพประกอบท 3.9คณะผบรหารบรษท เทเลอนโฟ มเดย (มหาชน)

19

ทมใหคาปรกษาสอโฆษณา

ภาพประกอบท 3.10 ทมฝายขาย บรษทเทเลอนโฟ มเดย จากด (มหาชน)

20

พนกงานขายภมภาค

ภาพประกอบท 3.11 ทมฝายขายภมภาค บรษทเทเลอนโฟ มเดย จากด (มหาชน)

21

3.4 ตาแหนงงานและลกษณะงานทนกศกษาไดรบมอบหมาย

3.4.1 ตาแหนงทนกศกษาไดรบมอบหมาย

ชอ : นางสาวสมหญง ละอองแกว

รหสนกศกษา : 5804600228

คณะ/ภาควชา : คณะนเทศศาสตรสาขาการโฆษณา

ตาแหนงทไดรบมอบหมาย : แผนก กราฟฟกดไซเนอร ( ฝาย ออนไลน มเดย เซลล )

3.4.2 ลกษณะงานทไดรบมอบหมาย

รบบรฟจากฝายขายโฆษณา ( AE ) โดยAE จะนาขอมล ของสนคาทลกคาขายและเรอง

Mood and Tone ทลกคาบรฟมาอกท ลกคาตองการ เนนสสม และ สเทา ฟอนตองดแขงแรง แตไม

เยอะดแลวสบายตา ซงลกคาบรษท ทกษณ คอนกรต จากด (มหาชน)ทาธระกจขายสงคอนกรต เรา

จงตองหาความรเพมเตมเกยวกบประเภทของคอนกรต วาคอนกรตหนาตาแบบนมนชอวาอะไร

หากลกคาใหชอมาดวยเรากสามารถใสชอนนไปไดเพราะมนจะมผลเวลาคนเซรชหาคอนกรตแตละ

ชนด Google จะนารปมาโชวหนาแรกๆ หาก Google นารปแคตตาลอตของ บรษท ทกษณ

คอนกรต ขนหนาแรกๆ แปลวาการโฆษณานมความสาประสบความสาเรจ

3.5 ชอ-สกลและตาแหนงของพนกงานทปรกษา

3.5.1 คณอทธชย วานชเจรญวงศ ( Online Media Sales Director )

3.6 ระยะเวลาทปฏบตงาน

3.6.1 ระยะเวลา 16 สปดาห ระหวางวนท16 พฤษภาคม 2560 ถงวนท 31 สงหาคม 2561

3.6.2 วนเวลาในการปฏบตสหกจวนจนทร- ศกรเวลา08.30 - 17.30 น

22

3.7 รายงานการปฏบตงานสหกจศกษา (ตารางท 3.7)

ระยะเวลา รายละเอยดการปฎบตงานสหกจ

สปดาหท 1 อบรมและเรยนรเพมเตมเกยวกบงานโฆษณาออนไลน ประวตความเปนมาของบรษทจากพเลยง

และไดรบมอบหมายงานวาอยแผนกอะไร ทาหนาทอะไร ตลอดระยะเวลาฝกงานน

สปดาหท 2 ทาลายน า ใหกบบรษท ทกษณ คอนกรตจากด(มหาชน) และไดออกไปดการถายสนคาเพอมาลง

ในแคตตาลอตออนไลน

สปดาหท 3 เขาประชมเรอง E-Commerce เพอเปนความรตดตวและนาไปใชในการทางาน

สปดาหท 4 รบบรฟจากAE เพอมาทา Banner ราน ภทรอลมนม

สปดาหท 5 รบบรฟจาก AE เพอมาทา Banner และ ลายน า บรษท 888 ไลออน จากด

สปดาหท 6 ประสานงานกบลกคาเพอคอนเฟรมการรวมออกบธรานคาในงาน Ice Village

สปดาหท 7 รวมกจกรรมวนครบรอบ 35 ป อนทช และฟงคาบรรยายจากผบรหารเทเลอนโฟ มเดยจากด

(มหาชน)

สปดาหท 8 รบบรฟงานจาก AE เพอมาทา ลายน า ราน โอเอช และไดคทรปงานของ ราน โอเอช

สปดาหท 9

สปดาหท 10 รบบรฟงานจาก AE เพอมาทา ลายน า และแบนเนอร ราน เชยงใหม เอสโอพ หจก และไดคทรป

งานของ ราน เชยงใหมเอสโอพ

สปดาหท 11 ทาแผนท 3D ทกบรานเชยงใหมเอสโอพ หจก

สปดาหท 12 แกงาน รานขยงใหมเอสโอพ เนองจากสนคาบางตวลกคาเลกจาหนายแลว สปดาหท 13 รบบรฟงานจาก AE เพอมาทา แบนเนอรบรษท ทรพยทวหลอดกระดาษ จากด

สปดาหท 14 รบบรฟงานจาก AE เพอมาทา แบนเนอรบรษท ตงน า 1976 จากด

สปดาหท 15 รบบรฟงานจาก AE เพอมาทา แบนเนอรบรษท ซแพค จากด

สปดาหท 16 รบบรฟงานจาก AE เพอมาทา แบนเนอรบรษท นธภทร เซลล แอนด เซอรวสจากด

23

3.8 อปกรณและเครองมอทใช

3.8.1 อปกรณดานฮารดแวร

• เครองคอมพวเตอร

• สมดจดขอมล

• โทรศพทมอถอ

• กลองถายรป

3.8.2 อปกรณดานซอฟตแวร

• โปรแกรม Microsoft Word

• โปรแกรม Photoshop

• โปรแกรม Illstrator

24

บทท 4

ผลการปฏบตงาน

จากการทไดเขาไปฝกงานทบรษท เทเลอนโฟ มเดย จากด(มหาชน) นนขาพเจาไดศกษา

และลงมอทาในเรอง ขนตอนการออกแบบสอโฆษณาออนไลน บรษทเชยงใหม เอสโอพ หจก ซง

เปนการศกษาและลงมอทา Banner และลายน า ใหกบเวบไซตทมาลงโฆษณา และรบบรฟงานจาก

ฝายขาย (AE) และนาไปออกแบบ ใหเขากบระกจของลกคาและโดนใจลกคา การทา Banner หนา

เวบไซตลกคานนสาคญมากเพราะเปรยบเสมอนหนาราน ของลกคา ถาเราทา Banner และลายน า

ใหออกมาดโดนใจลกคา ลกคากจะเกดรสกด และมโอกาสตอสญญากบ Yellow Pages อกครง โดย

จากการปฏบตและเรยนรงานทาใหเราทราบถงกระบวนการในการทาโฆษณาออนไลนขององคกร

ดงน

4.1 ขนตอนการเตรยมงาน

ภาพประกอบท 4.1 การประชมการวางแผนงานและรบบรฟงานจากฝายขาย

(ACCOUNT EXECUTIVE )

25

4.1.1 ประชมวางแผนงาน

ในการประชมแผนงานครงนเพอรบบรฟงานจากฝายขาย โดยผลตภณฑจะเปนอปกรณใน

การกอสราง ซงกลมเปาหมายของลกคาจะเปนกลมผรบเหมา หรอชาง ทกาลงตองการสนคาลกคา

จงบรฟมาวาตองการตองเรยบ ๆ ดแลวสบายตา เนนตวผลตภณฑ

4.2 ขนตอนการหา reference และคด Mood and Tone

ตองดตงแต ลายน า เกาของลกคา (ถาม) วาลกคาเนนสไหนบางละ นาไปหา Reference เพอ

มาเปนไอเดยในการประยตใช โดยมกาหนดการในการทา วาเรมทาวนไหน ตองเสรจวนไหน ฝาย

ขายจะบรฟมาอกท

4.3 ขนตอนการออกแบบ

กอนทจะไดปฏบตงาน พเลยงไดมอบคาสงใหเราและบอกความตองการของลกคา วาอยาก

ไดแนวไหน ตองทาขนาดตามทกาหนดมาให และมขอมลมาใหทงหมด และมอบหมายงานให

กอนทจะเรมปฏบตงาน รางแบบและลงมอทาตามขนาดไซดทฝายขายจะกาหนดมาให

แคตตาลอก หางหนสวนจากด เชยงใหมเอส โอ พ

ขนตอนท 1

- เปด E mail Teleinfo Media ( E mail ขององคกร )

- รบไฟลงานแคตตาลอก หางหนสวนจากด เชยงใหมเอส โอ พ เพอโหลดไฟลงานเกบไว

ทาลายน า

ขนตอนท 2

- เปดไฟล ทนามาเกบไวใน Folder สวนตว โดย จะมฝายกรองงานสงไฟล มาดงน

2.1 ไฟลรปภาพ psd. จานวน 20 รป

2.2 ไฟล Jpg. เปนรปภาพตวอยางงาน

26

ขนตอนท 3

- เรมปรบตามขนาดท ฝายขาย(ACCOUNT EXECUTIVE ) กาหนด

3.1 เปดไฟล Ai > File > New > Ok

3.2 ใชเครองมอ Rectangle Tool (M) > Click>

ขนาด

Width 15 ; cm

Height 15 ; cm

Color Model : RGB

3.3 ดราฟใหเปนเสนรปสเหลยมและตดลงลาง โดยใชเครองมอ Rectangle Tool > ปรบ Opacity :

90> เลอกใชสเทา

ภาพประกอบท 4.2 ภาพลายน าหางหนสวนจากด เอสพ

27

3.4 ดราฟตามเสนบนเพอใหเปนพนหลง โดยใชเครองมอ Rectangle Tool > ปรบ Opacity : 50 >

เลอกใชส แดงสด

ภาพประกอบท 4.3 ภาพลายน าหางหนสวนจากด เอสโอพ

3.5 ใสชอ หางหนสวนจากด เชยงใหมเอส โอ พ โดยใชเครองมอ Type Tool ในการพมพ ชอ

เชยงใหมเอส โอ พ หจก > เลอกฟอน > เลอกใชสขาว

ภาพประกอบท 4.4 ภาพลายน า หางหนสวนจากด เชยงใหมเอส โอ พ

28

3.6 ใสเบอรโทร หางหนสวนจากด เชยงใหมเอส โอ พ โดยใชเครองมอ Type Tool ในการพมพ

เบอรโทรศพท > เลอกใชสขาว

ภาพประกอบท 4.5 ภาพลายน า หางหนสวนจากด เชยงใหมเอส โอ พ

3.7 สงตวอยางงานให ฝายขายเพอใหฝายขาย สงตองานไปใหลกคา

3.8 เมอลกคาตกลงเลอกลายน าแลวจะนาไปทา แคตตาลอต ฝายขาย จะมาบอกและใหเราเรมนาลาย

น าใสทกรปทลกคาสงมา

3.9 ทา Artboard ใหม 20 รป โดยใชเครอง Artboard Tool ลากออกมาโดยการกด Ctrl แลวลาก

ออกมาใหครบ 20 รป

29

ภาพประกอบท 4.6 ภาพลายน า หางหนสวนจากด เชยงใหมเอส โอ พ

3.10 นารปมาใสใน Artboard > เลอก File > Place > Folder ลายน า หางหนสวนจากด เชยงใหมเอส

โอ พ > จดเรยงใหพอด Artboard ทละรป

ภาพประกอบท 4.7 ภาพลายน า หางหนสวนจากด เชยงใหม เอส โอ พ

3.11 สงรปลายน าทงหมด ให ฝายขาย (AE) > File > Export > พมพชองานวา Cat เชยงใหม เอส โอ

พ > กด Use Artboards > Save

30

ขนตอนท 4

- ฝายไอท นาภาพแคตตาแลต ลงเวบไซต

ภาพประกอบท 4.8 ภาพลายน าหางหนสวนจากด เชยงใหมเอส โอ พ

แบนเนอร หางหนสวนจากด เชยงใหมเอส โอ พ

ขนตอนท 1

- เปด E mail Teleinfo Media ( E mail ขององคกร )

- รบไฟลงานแบนเนอร หางหนสวนจากด เชยงใหมเอส โอ พ จากสวนกลาง โดยจะมรหส

ของแบนเนอรมาให

ขนตอนท 2

- เปดไฟล ทนามาเกบไวใน Folder สวนตว โดย จะมฝายกรองงานสงไฟล มาดงน

2.1 ไฟลขอมล ทจะนามาใสในแบนเนอร

2.2 ไฟล Jpg. เปนรปภาพราน ภาพสนคาทลกคาจาหนาย

31

ขนตอนท 3

- เรมปรบตามขนาดท ฝายขาย(AE) กาหนด

3.1 เปดไฟล Ai > File > New > Ok

3.2 เปดไฟล PS

3.3 เลอกภาพทจะไดคท เพอนาไปทาแบนเนอรหนาเวบไซต

ภาพประกอบท 4.9 ภาพหนารานลกคา

ภาพประกอบท 4.10 ภาพหนารานลกคาทอยในระหวางไดคท

32

ภาพประกอบท 4.11 ภาพหนารานลกคาทอยในระหวางไดคท

3.4 หลงจากทไดคท ภาพหนารานลกคา save เปน png

3.5 เปดไฟล Ai ตงคาขนาดไฟลตามทไดรบบรฟและออกแบบโดยโทนสสม,เหลอง (สประจาราน

ของลกคา)

ภาพประกอบท4.12 ภาพขนตอนการออกแบบแบนเนอร

33

3.6 นาขอมลทไดรบมาใสในแบนเนอร

ภาพประกอบท 4.13 ภาพขนตอนการออกแบบแบนเนอร

3.7 นาภาพทไดคทและปรบแตงสมาใสในแบนเนอร เมอเสรจแลวนาสงภาพแบนเนอรฝายขาย

(ACCOUNT EXECUTIVE ) เพอใหสงตอไปใหลกคา

ภาพประกอบท4.14 ภาพขนตอนการออกแบบแบนเนอร

34

ขนตอนท 4

- ฝายไอท นาภาพแคตตาแลต ลงเวบไซต

ภาพประกอบท 4.15 ภาพแบนเนอร ทไดขนระบบโดยผาการคอนเฟรมจากลกคา

35

บทท 5

สรปผลรายงานและขอเสนอแนะ

5.1 สรปผลรายงานการปฏบตงานสหกจศกษา

จากการทไดปฏบตงานทบรษท เทเลอนโฟมเดย จากด (มหาชน) สาขาอาคารวานช2 เปน

ระยะเวลา 16 สปดาห ระหวางวนท 14 พฤษภาคม 2561 ถงวนท 31 สงหาคม 2561 ทแผนกฝายขาย

โดยไดรบมอบหมายหนาท ใหจดทากราฟก แบนเนอรและแคตตาลอตสนคา ในสอโฆษณา

ออนไลนของ Yellowpages งานสวนใหญทไดรบมอบหมายเปนการเรยนรขนตอนการออกแบบ

กราฟกตาง ๆ การใชความคดสรางสรรคในการทาแบนเนอร และแคตตาลอตสนคาใหลกคาพง

พอใจ การไดคท ปรบแตงส ความสวาง ความคมชดของภาพสนคาทลกมานามาใหเพอแคตตาลอค

สนคา ซงแบนเนอรและแคตตาลอตสนคา เปนสวนสาคญของการทาเวบไซต เพราะเปรยบเสมอน

หนารานของลกคา หากไมสวย ไมดดกจะไมมใครสนใจ แตหากแบนเนอรดด ทนสมย และ

นาเชอถอกจะทาให คนทเขามาในเวบไซตกลาทจะซอสนคาหรอใชบรการ จากการปฏบตงานท

บรษทเลเทอนโฟมเดย จากด (มหาชน) ทาใหไดความรใหมๆในเรองของการทาใหเวบไซตขนหนา

แรกๆ โดยไมตองเสยคาโฆษณา และไดเรยนรระบบการทางานภายใน องกรณ สงเหลานเปนสงท

เราไดรบจากการปฏบตงานในครงนและทมากกวานนคอไดรบประสบการณทางานจรง รจกทจะ

แกไขปญหาเฉพาะหนา เรยนรทจะทางานอยางเปนระบบระเบยบ ไดเรยนรถงการทางานรวมกบ

ผอน ฝกฝนความตรงตอเวลา ฝกฝนความอดทนตอการทางาน และฝกฝนใหมความรบผดชอบตอ

หนาทในการทางานทไดรบมอบหมายใหเสรจทนเวลาทกาหนด ไดรบมตรภาพทดจากพเลยงและ

เพอนรวมงาน ไดมความทรงจาทด ความประทบใจทเกดขนระหวางฝกงานอกมากมาย

ในการปฏบตงานสหกจศกษาไดใชความรความสามารถทไดเลาเรยนมาเปนอยางมาก ซง

สามารถชวยคดรายละเอยดรปแบบงานตาง ๆ ทเกยวของกบขนตอนการออกแบบ แบนเนอร และ

แคตตาลอตตาง ๆ ทขาพเจาไดรบมอบหมายใหจดทางาน และยงไดชวยแบงเบาภาระในสวนตาง ๆ

ของพเลยงทกคนในฝายขาย

36

5.2 ขอเสนอแนะการปฏบตงานสหกจศกษา

ควรมความตรงตอเวลาในการทางานใหมากขน และปจจยภายนอกทเปนปญหาคอบางชวง

มปญหาเรองคอมพวเตอรขดของหรอชา เนองจากเกบไฟลงานขนาดใหญจงทาใหเกดความลาชาใน

การปฏบตงาน บางชวงมปญหาใชการไมได สงผลทาใหไมสามารถปฏบตงานไดทนทวงท

5.3 ขอดของการปฏบตสหกจศกษา

5.3.1 ไดทราบถงวธการดาเนนทถกตองในแตละงานทไดรบมอบหมาย

5.3.1 ไดฝกการแกไขปญหาเฉพาะหนา

5.3.3 มระเบยบและความอดทนมากขน

5.3.4 รจกการทางานทมระบบแบบแผน

5.3.5 ระเบยบวนยในการตรงตอเวลามากยงขน

5.3.6 มความรบผดชอบตอหนาท ทไดรบมอบหมาย

5.3.7 ไดฝกการอยรวมกนกบเพอนรวมงาน ฝกการมมนษยสมพนธทดตอเพอนรวมงาน

5.4 ขอเสนอแนะการจดทารายงานสหกจศกษา

5.4.1 ควรศกษาวาแบนเนอรทกาลงทาอย ทาใหใคร กลมเปาหมายของลกคาคอใคร เพอให

งานแบนเนอรททาออกมาตอบโจทยลกคามากทสด

5.4.2 การแกไขปญหาเฉพาะหนา เปนสงทจาเปนมากสาหรบทกตาแหนงการทางาน

เพราะฉะนนเราจงจาเปนทจะตองเตรยมพรอมรบมอกบปญหาทเกดขนใหทนทวงท

37

บรรณานกรม

รงนภา พตรปรชา. (2537). องคประกอบของการโฆษณา.ใน หลกการโฆษณาและประชาสมพนธ.

เลม 1 หนา 169-243 (พมครงท 10). นนทบร: มหาวทยาลยสโขทยธรรมาธราช.

ศรวรรณ เสรรตน. (2540). การโฆษณาและการสงเสรมการตลาด. กรงเทพมหานคร: ดวงกลม.

เสร วงษมณฑา. (2536). การโฆษณาเชงปฎบต. กรงเทพมหานคร: อมรการพมพ.

44

ประวตสวนตว

ชอ-นามสกล นางสาวสมหญง ละอองแกว

รหสนกศกษา 5804600228

เบอรตดตอ 098-278-2680

E-Mail somying.khwan.96@gmail.com

ทอยปจจบน 62/211 หม12 ซอย ลงพรอม ตาบลบางแมนาง อาเภอ บางหญ จงหวด

นนทบร

ปณ. 11140

ประวตการศกษา อนบาล 1- ป.6 ศกษาทโรงเรยน วดประสาท

มธยมปท 1-3 ศกษาทโรงเรยนสวรรณพลบพลาพทยาคม

ปวช. 1-3 เทคโนโลยจรลสนทวงศบรหารธรกจ

45

การศกษาปจจบน กาลงศกษาท มหาวทยาลยสยาม ปท 3

คณะนเทศศาสตร สาขา การโฆษณา

ความสนใจทางดานวชาการ การทาสอโฆษณา , การออกแบบกราฟก ,การถายภาพ

ประสบการณดานสหกจศกษา ตาแหนง Online Media Sales

(ดแลดานการออกแบบแบนเนอร และแคตตาลอตสนคา)

ทกษะและความสามารถพเศษอนๆ เขยนบทหนงสน, ตอตอ

ภาพ , ถายภาพ ,ทาสอโฆษณา