1. 8 กระบวน
ยุทธ์
เพื่อการปรับแต่งร้านค้าให้น่าซื้อ!
วิทยากร : กิตตินนท์ อุ้ยวงค์ไพศาล
ตาแหน่ง : ผู้จัดการฝ่ายจัดทาเว็บไซต์ บริษัท ตลาด ดอทคอม
อีเมล: kittinon@tarad.com
1

2. Agenda
1. เทคนิคการออกแบบหัวของเว็บไซต์ให้น่าสนใจ
2. ตกแต่งรูปภาพสินค้าด้วยโปรแกรมให้น่าซื้อ
3. สร้างป้ายจัดโปรโมชั่นบนหน้าเว็บด้วยตัวเอง
4. แนะนาโปรแกรมจัดทากราฟฟิกสาหรับใช้ในร้านค้าอย่างง่าย
2

3. มีโลโก้และหัวของเว็บให้เป็นของร้านตัวเอง
3

4. ท่าที่ 1
ต้องมีโลโก้ ชื่อเวบ และ คาอธิบายสั้นๆ
1. ใส่ชื่อร้านและชื่อเว็บของตัวเองให้ชัดเจน
2. พร้อมใส่ คาอธิบายสั้นๆว่าร้านนี้เกี่ยวกับอะไร (Slogan)
4

5. ท่าที่
ใส่คาโปรยถึงจุดเด่นของร้านเพื่อดึงดูดให้ผู้ซื้อสนใจ 2
5

6. ท่าที่ 3
เลือกรูปประกอบที่เกี่ยวข้องและสื่อถึงสินค้า
6

7. ท่าที่
สร้างหัวข้องเว็บให้เหมาะสมกับขนาดของหน้าจอ
4
7

8. Notebook, Monitor
Wide screen
8

9. ใช้พื้นที่ บนหน้าเว็บแบบ 100 % ต้องออกแบบเผื่อให้มีส่วนขยายแบบอิสระในมุมกว้าง
มีพื้นที่ด้านข้างเกิดขึ้นเมื่อเปิดกับจอกว้าง
การระบุขนาดความกว้างแน่นอนจะทาให้เหลือพื้นที่ด้านข้าง
ขนาดทีเ่ หมาะสม อยู่ระหว่าง 780 – 1000 Pixel
9
ออกแบบเว็บให้รองรับกับขนาดหน้าจอทุกๆ ขนาด

10. 10

11. ตกแต่งรูปภาพสินค้าให้น่าซื้อ
11

12. ท่าที่
ถ่ายรูปสินค้าให้ถูกวิธี 5
เทคนิคการถ่ายภาพสินค้าด้วยกล้องดิจิตอล
1. กระดาษโปสเตอร์สีขาวเนื้อละเอียด 1 แผ่นๆ ละ 10 บาท
2. กระดาษโปสเตอร์สีดาด้านเนื้อละเอียด 1 แผ่นๆ ละ 10 บาท
3. สก็อตเทปใส 2 ชิ้นหรือ 1 ม้วนตามที่หาได้
4. กรรไกร 1 อัน
5. กรอบใส่แผ่นใส 1 กรอบ อันละ 7 บาท
6. ขาตั้งกล้อง 1 อัน
7. ชุดขาหนีบหลอดไฟ 1 อัน 30 บาท
8. กระดาษฟลอย์อลูมีเนีข้ยอมลขนาด A4
มู จาก Pantip.com
12

13. เทคนิคการถ่ายภาพสินค้าด้วยกล้องดิจิตอล
13

14. ใช้ขาตั้งกล้องเล็งไปที่สนค้าเพื่อให้ได้ภาพที่นิ่งและคมชัด
ิ
14

15. 15

16. 16

17. ท่าที่
ตกแต่งรูปสินค้าให้สวยงาม 5
• ตกแต่งรูปภาพสินค้าง่ายๆด้วยโปรแกรม Photoshop
– ถ่ายภาพด้วย Background สีขาว
– ตัดเอาส่วนของ Background ออก
– ปรับขนาด (resize)
– ปรับแสง (contrast)
– ปรับความคมชัดของภาพ
After
Before 17
สามารถใช้ได้กับ Newsletter

18. Before After Before After
18

19. Before Before
After After 19

20. Before After
After
20
After

21. ท่าที่
แสดงข้อมูลสินค้าให้ครบถ้วน 6
21

22. เทคนิคการใส่ชื่อสินค้า
คนซื้อจะไม่เข้าใจว่า FC 5010 คืออะไร
ใส่คาอธิบายให้สินค้าน่าสนใจจะดีกว่า
22

23. รูปภาพสินค้าใส่ให้ครบทุกมุมมอง
23

24. ให้ข้อมูลรายละเอียดสินค้าให้ครบถ้วน
24

25. OK
NO
25

26. ขาย กางเกงในผู้หญิงจีสตริง สีม่วง
26

27. 27

28. 28

29. 29

30. ข้อมูลสินค้า
30

31. ข้อมูลสินค้า
31

32. เทคนิคใส่ราคาส่วนลด
ใส่ราคาเต็ม และใส่ราคาขายจริง ระบบจะคานวณส่วนลดให้อัตโนมัติ
32

33. ท่าที่
จัดหน้าร้านให้มีโปรโมชั่น! 7
1. จัดพื้นที่ตรงกลางหน้าแรก
ไว้แนะนาสินค้าราคาพิเศษ
2. เปลี่ยนทุกสัปดาห์เพื่อ
ความสดใหม่ของร้านค้าอย่าง
สม่าเสมอ
3. ขนาดความกว้างทีเ่ หมาะสม
ประมาณ 500-600 Pixil
33

34. 34

35. 35

36. ท่าที่
แนะนาโปรแกรมจัดทา ป้ายโฆษณาหน้าร้านแบบง่ายๆ 8
ดาวน์โหลดได้ที่ www.photoscape.org ฟรี! 36

37. ใส่กรอบรูปภาพ ตกแต่งรูปภาพให้น่าสนใจ
37

38. รวมรูปภาพพร้อมจัดเรียง ตัดรูปภาพเป็นรูปทรงต่างๆ
38

39. ปรับสี และแสง อัตโนมัติ ใส่ลูกเล่นในการแสดงข้อความ
39

40. 8 กระบวนยุทธ์
เพื่อการปรับแต่งร้านค้าให้น่าซื้อ
1. ต้องมีโลโก้ ชื่อเวบ และ คาอธิบายสั้นๆ
2. ใส่คาโปรยถึงจุดเด่นของร้านเพื่อดึงดูดให้ผู้ซื้อสนใจ
3. เลือกรูปประกอบที่เกี่ยวข้องและสื่อถึงสินค้า
4. สร้างหัวข้องเว็บให้เหมาะสมกับขนาดของหน้าจอ
5. ตกแต่งรูปสินค้าให้สวยงาม
6. แสดงข้อมูลสินค้าให้ครบถ้วน
7. จัดหน้าร้านให้มีโปรโมชั่น!
8. แนะนาโปรแกรมจัดทา ป้ายโฆษณาหน้าร้านแบบง่ายๆ
40

41. Question & Answer
41

42. Thank you
42