แนวทางการพัฒนาธุรกิจเทียนหอม

71

2.5.3**รา7 น Three’s Company [49]
ตัง้ อยใู< น ตลาดนัดจตุจกั ร โครงการ9 ซอย13/1 เลขที่ 015 กรงุ เทพฯ 10900

ภาพท่ี*2-56*หนา7 ร7าน Three’ Company (โสรฬ, 2564)

ตารางท่ี*2-7 แสดงพืน้ ที่ส<วนตา< ง ๆ ของรา7 น Three’ Company
พนื้ ที่ ภายในรา& น Three’ Company

ดา& นออกแบบ
ด7วยความที่ทางร7านนั้นได7ตั้งอยู<ที่ ตลาดนัดจตุจัก ตัวร7านเปNน
เพียงล็อค ขนาด 2x3x3 ในด7านของการออกแบบนั้น
ออกแบบการจัดวางเหมาะสมกับขนาดพื้นที่ จัดของได7ตรง
ตามหมวดหม<ู มีการจดั สีและแสงในการแสดงสินคา7 ทดี่ ี

72 ภายในรา& น Three’ Company

ตารางท่ี*2-7**(ตอ ) ภายในร7านแบ<งส<วนเปNนสองส<วน ได7แก< ฝeงขายเทียนหอม
พน้ื ท่ี และฝeงที่ขายเครื่องหอมหรือที่เรียกว<าน้ำมันหอมละเหย ที่น่ัง
ของพนักงานขายนั้นอยู<ท7ายล็อค ภายในล็อคสามารถเดิน
ด&านบรหิ ารจัดการ ทะลุได7 แต<ไม<นิยมเนื่องจากเปNนที่นั่งของพนักงานจึงเน7นการ
เดินเข7าออก ทางหนา7 ร7าน

ดา& นเทคโนโลยี

มีการนำเทคโนโลยีในเรื่องของการขายผ<านช<องทางออนไลนE
และชำระเงินในระบบออนไลนE และเข7ารวมโครงการ เรา
ชนะ และโครงการคนละคร่งึ

บทท่ี 3
วิธีการดำเนนิ งาน

จากการศึกษาค*นคว*าข*อมูลและทฤษฎีที่เกี่ยวข*องกับโครงงาน เพื่อทำการวิเคราะหD
หาแนวทางการออกแบบและการพฒั นาธุรกิจเทยี นหอม คณะผจู* ดั ทำมีขนั้ ตอนการดำเนนิ งาน ดงั นี้

3.1**การรวบรวมและวเิ คราะหDข*อมูล
3.2**ประชากรและกลTมุ ตวั อยTาง
3.3**เครอ่ื งมอื ในการเก็บรวบรวมขอ* มลู
3.4**สถิติท่ีใชใ* นการวเิ คราะหDข*อมูล
3.5**แนวทางการออกแบบพืน้ ทร่ี า* น
3.6**แนวทางการออกแบบเวบ็ ไซตD
3.7**การวิเคราะหกD รณีศกึ ษา

3.1**การรวบรวมและวเิ คราะหข2 4อมูล
การเก็บรวบรวมข*อมูลในโครงงานครั้งนี้ คณะผู*จัดทำได*ทำการศึกษาและเก็บรวบรวมข*อมูล

ตTาง ๆ เพือ่ นำมาใชเ* ปน` แนวทางในการออกแบบ และพฒั นาธุรกจิ เทียนหอม โดยมรี ายละเอยี ดดังนี้
3.1.1**ขอ* มูลปฐมภมู ิ
เป`นการเก็บรวบรวมข*อมูลที่เกี่ยวข*องกับโครงงาน ทั้งการลงสำรวจพื้นที่ด*วยตัวเอง

การจดบันทึก การถTายภาพ และวัดพื้นที่ ซึ่งจะนำข*อมูลที่ได*ไปประยุกตDใช*ในการออกแบบ
พัฒนาธุรกิจเทียนหอม รวมทั้งการเก็บข*อมูลจากกลุTมตัวอยTาง แบTงเป`นการทำแบบสอบถาม
และการสัมภาษณD เพอื่ นำไปวเิ คราะหDข*อมูลเชิงคุณภาพ และเชิงปรมิ าณ ดงั น้ี

3.1.1.1**การเก็บข*อมูลเชิงคุณภาพ โดยการสัมภาษณD
3.1.1.2**การเก็บข*อมูลเชิงปริมาณ โดยการทำแบบสอบถาม เกี่ยวกับความคิดเห็น
ในการพัฒนาธุรกิจเทียนหอม และนำข*อมูลท่ไี ด*ไปหาคาT ความสัมพนั ธDเฉลี่ยในประเด็นตTอไปนี้

1)**ปจe จยั ดา* นผลิตภณั ฑD
2)**ปจe จัยดา* นราคา
3)**ปจe จัยด*านชTองทางการจัดจำหนาT ย
4)**ปeจจัยดา* นการสTงเสริมการตลาด

74

3.1.2**ข*อมูลทุตยิ ภมู ิ
การศึกษาข*อมูล โดยการค*นคว*าจากแหลTงข*อมูลตTาง ๆ ทั้งบทความ ข*อมูลสถิติ ผลงานวิจัย และ
ทฤษฎีทีเ่ ก่ียวข*องกับการจดั ทำโครงงานนี้ เพอื่ นำไปเป`นแนวทางในการออกแบบและพัฒนาธุรกิจเทยี นหอม

3.2**ประชากรและกลมุ< ตวั อยา< ง
ประชากรและกลมุT ตัวอยTาง ที่ใชใ* นการเกบ็ รวบรวมข*อมลู มีดงั นี้
3.2.1**ประชากรที่ใช*ในการเก็บขอ* มูล คือ ผูป* ระกอบการ และผบู* ริโภคผลิตภณั ฑDเทยี นหอม
3.2.2**กลTุมตวั อยาT งทใ่ี ช*ในการเกบ็ ข*อมลู
3.2.2.1**กลTุมตัวอยTางทใ่ี ชใ* นการตอบแบบสอบถาม เป`นผบ*ู รโิ ภคผลิตภณั ฑเD ทยี นหอม

แตTเนื่องจาก ไมTทราบจำนวนประชากรที่แนTนอน ดังนั้นคณะผู*จัดทำจึงได*กำหนดขนาดตัวอยTาง
โดยการใช* วิธีคำนวณตามสูตรการคำนวณกลุTมตัวอยTางแบบไมTทราบจำนวนประชากร ซึ่งได*กำหนด
ความเชื่อมั่นไว*ที่ 95% ความคลาดเคลื่อนไมTเกิน 8% หรือ 0.08 และสัดสTวนประชากรที่สTุม
เปน` รอ* ยละ 80 หรอื 0.80

จากสตู ร n= P(1-P)(Z)2
e2

เม่ือ n คือ ขนาดกลTมุ ตัวอยาT ง
P คอื คTาเปอรเD ซน็ ตทD ี่ตอ* งการจะสุTมจากประชากรทั้งหมด
e คือ คTาเปอรเD ซ็นตDความคาดเคลอื่ นจากการสTมุ ตัวอยาT ง
Z คือ ระดับความเชอ่ื มัน่ ท่ีกำหนด ทน่ี ิยมกำหนดมี 2 ระดับคอื
ณ ระดับความเชือ่ มนั่ รอ* ยละ 95 Z มคี TาเทาT กบั 1.96
ณ ระดับความเช่ือม่ันรอ* ยละ 99 Z มคี TาเทาT กับ 2.58

ดงั นน้ั n= 0.80(1-0.80)(1.96)2
0.082

n = 0.80(10-0.0.8006)4(3.84)

n= 0.6144
0.0064

n = 96 คน
จะได*กลTมุ ตวั อยTางตอบแบบสอบถาม จำนวน 96 คน

75

3.2.2.2**กลุTมตัวอยTางที่ใช*ในการตอบแบบสัมภาษณD กลุTมตัวอยTางนี้ เป`นกลุTมตัวอยTาง
ของผู*ประกอบการเทียนหอม โดยการสัมภาษณDผู*ประกอบการเทียนหอม จำนวน 3 คน
แบบเฉพะเจาะจง

3.3**เครอ่ื งมือในการเก็บรวบรวมขอ4 มลู
ในการจัดทำโครงงาน แนวทางการพัฒนาธุรกิจเทียนหอมเพื่อการบำบัดครั้งนี้ ผู*จัดทำได*มี

การใช*เครื่องมือในการเก็บข*อมูล โดยการเก็บรวบรวมข*อมูล แบTงเป`น 2 รูปแบบ คือแบบสอบถาม
และแบบสมั ภาษณD ดงั รายละเอยี ด ตอT ไปน้ี

3.3.1**แบบสอบถาม แบบสอบถามทีใ่ ชใ* นการเกบ็ รวบรวมขอ* มลู แบงT ออกเปน` 4 ตอน ดงั น้ี
3.3.1.1**ตอนที่ 1 ข*อมูลทั่วไปของผู*ตอบแบบสอบถาม ได*แกT เพศ อายุ ระดับการศึกษา

อาชีพ สถานภาพ และรายได* (เดือน)
3.3.1.2**.ตอนที่ 2 แบบสอบถามเกี่ยวกับพฤติกรรมของผู*ใช*ผลิตภัณฑDเทียนหอม

ในการตัดสินใจซื้อ ได*แกT ความถี่ในการซื้อผลิตภัณฑDเทียนหอม ผู*มีอิทธิพลตTอการตัดสินใจซ้ือ
ผลิตภัณฑDเทียนหอม เหตุผลในการซื้อผลิตภัณฑDเทียนหอม สTวนใหญTทTานซื้อผลิตภัณฑDเทียนหอม
เพราะเหตุใด สTวนใหญTทาT นซอื้ ผลติ ภณั ฑเD ทียนหอม เพ่อื อะไร

3.3.1.3*.*ตอนที่ 3 แบบสอบถามเกี่ยวกับทัศนคติด*านสTวนผสมทางการตลาดของผู*ใช*
ผลติ ภัณฑDเทยี นหอม ปeจจยั ทม่ี ีอทิ ธิพลดา* นการตัดสินใจ แบTงเป`น 4 ด*าน ดงั นี้

1)**ปeจจัยด*านผลิตภัณฑD ได*แกT กลิ่นหอมของผลิตภัณฑDเทียนหอม
รูปลักษณDการออกแบบของผลิตภัณฑDที่ดึงดูด ความหลากหลายของขนาดบรรณจุภัณฑDผลิตภัณฑD
เทยี นหอม บรรจภุ ณั ฑขD องผลติ ภัณฑเD ทยี นหอมมคี วามสะอาด สวยงามและทันสมยั

2)**ปeจจัยด*านราคา ได*แกT ราคาสอดคล*องปริมาณขนาดของผลิตภัณฑD
เทียนหอมราคาเหมาะสมกับคุณภาพของ ผลิตภัณฑDเทียนหอม มีความหลากหลายของระดับราคา
ใหเ* ลอื ก มกี ารแสดงราคาอยาT งชดั เจน ราคาไมแT พงเมื่อเทยี บกับยีห่ *ออนื่

3)**ปจe จัยด*านชTองทางการจดั จำหนTาย ได*แกT ความหลากหลายของชอT งทาง
จัดจำหนTาย เชTน ชTองทางการสั่งผTานโซเชียลมีเดีย ความเร็วในการจัดเตรียมสินค*าพร*อมจัดสTง
การเลือกใช*บริการ การขนสTงและการเก็บรักษาตังผลิตภัณฑDเทียนหอมอยTางมีประสิทธิภาพ
ความสะดวกด*านสถานที่จุดจำหนTาย เชTน เดินทางสะดวกเข*าถึงงTาย มีสถานที่จอดรถ ทำเลที่ตั้งมีการ
ตกแตงT และจัดวางสินค*าในตำแหนTงทน่ี าT สนใจ

76

4)**ปeจจัยด*านการสTงเสริมการตลาด ได*แกT การโฆษณาประชาสัมพันธDที่
ทั่วถึงตามสื่อตTาง ๆ การจัดให*มีชTวงลดราคาในบางชTวง หรือการจัดทำใบสTวนลดราคาในระยะเวลา

ที่กำหนด การทำบัตรสมาชิกของร*าน การจัดโปรโมชั่นโดยมีการแจกของแถมเมื่อซื้อครบตามยอดการ
ขายทก่ี ำหนด การจดั กิจกรรมในชวT งเทศกาลตTาง ๆ เชนT ปtใหมT ตรุษจีน
โดยกำหนดเกณฑD การเลือกตอบ 5 ระดับ ตามมาตราสTวนการประเมินคTา (Rating Scale) คือ

ความคดิ เห็นเหน็ ด*วยมากทีส่ ุด เหน็ ด*วยปานกลาง เหน็ ด*วยน*อย และเหน็ ด*วยน*อยทส่ี ดุ ดังน้ี
ระดบั ความคดิ เหน็ มากที่สุด 5 คะแนน
ระดบั ความคิดเห็น มาก 4 คะแนน

ระดบั ความคิดเหน็ ปานกลาง 3 คะแนน
ระดบั ความคดิ เห็น น*อย 2 คะแนน
ระดับความคิดเห็น นอ* ยทสี่ ดุ 1 คะแนน

เกณฑDการแปรความหมายของคะแนนเฉลี่ยความคดิ เห็น กำหนดไว* ดังน้ี
คะแนนเฉลย่ี 4.51-5.00 หมายความวTา มีระดบั ความคดิ เหน็ ดว* ยมากทสี่ ุด
คะแนนเฉล่ีย 3.51-4.50 หมายความวาT มรี ะดับความคดิ เห็นด*วยมาก

คะแนนเฉลยี่ 2.51-3.50 หมายความวTา มีระดับความคิดเห็นด*วยปานกลาง
คะแนนเฉล่ยี 1.51-2.50 หมายความวTา มรี ะดบั ความคดิ เหน็ ด*วยนอ* ย
คะแนนเฉลีย่ 1.00-1.50 หมายความวTา มรี ะดบั ความคิดเหน็ ดว* ยนอ* ยที่สดุ

3.3.1.4**ตอนที่ 4 ข*อเสนอแนะเพิ่มเติม เป`นแบบสอบถามปลายเป}ดเกี่ยวกับ
ข*อคดิ เห็นและข*อเสนอแนะ ตTอการจัดตั้งรา* นและพฒั นาธรุ กจิ เทียนหอม
3.3.2**.แบบสัมภาษณD เป`นแบบสัมภาษณDโดยเลือกสัมภาษณDผู*ประกอบการธุรกิจเทียนหอม

จำนวน 3 คน แบบเฉพาะเจาะจง

3.4**สถิติท่ใี ชใ4 นการวเิ คราะหข2 4อมลู
เป`นตัวเลขที่ได*จากการคำนวณได*จากข*อมูลตัวอยTาง เพื่อใช*สรุป หรือบรรยายลักษณะของกลุTม

ตัวอยTาง เชTน คTาเฉลี่ยของกลุTมตัวอยTาง แทนด*วยสัญลักษณD !̅ (เอ็กซDบารD) คTาสTวนเบี่ยงเบน
มาตราฐานของกลมTุ ตัวอยาT งแทนด*วยสญั ลกั ษณD S.D. (เอสด)ี

ตารางท่ี*3-1**คTาทีใ่ ชบ* รรยายลกั ษณะคาT สถิติ ค<าสถติ (ิ ตัวอยา< ง)
ค<าทีใ่ ชบ4 รรยายลักษณะ !̅

1.คาT เฉลย่ี ทางคณติ (Mean) !. #.
2.สTวนเบี่ยงเบนมาตรฐาน

77

ตารางที่*3-2**แสดงสูตรคำนวณหาคTาทางสถติ ิ สูตรการคำนวณ
คา< สถิติ

คTาเฉลย่ี
!̅

สวT นเบี่ยงเบนมาตราฐาน
S.D.

สูตร !̅ = ∑"!#$ )! (3-1)
*

เมื่อ !̅ คือ คTาเฉลย่ี รวมของหัวข*อทป่ี ระเมิน
∑')*( +) คอื ผลรวมของขอ* มูลทั้งหมด
, คือ จำนวนข*อมูลทัง้ หมด

สูตร #. %. = '∑((#'!$$(#)̅)" (3-2)
เมื่อ

#. %. คอื การเบี่ยงเบนผลตอบแทนออกไปจากผลตอบแทนเฉลย่ี
ท้ังในทางบวก และ ลบ

! คือ คะแนนแตลT ะตวั

" คือ จำนวนคะแนนในกลTุม

คอื ผลรวม

78

3.5**แนวทางการออกแบบพน้ื ที่รา4 น
การออกแบบหน*าร*านจำหนTายเทียนหอมและพื้นที่ให*บริการแกTลูกค*า มีการวิเคราะหDพื้นที่ใน

การจัดทำโครงงาน และการวิเคราะหDพื้นที่คTาความสัมพันธDของพื้นที่ ๆ ใช* เพื่อนำข*อมูลมาเป`น
แนวทางในการออกแบบหน*าร*านจำหนTายเทียนและให*บริการ ให*สอดคล*องกับการใช*งาน และ
สามารถใช*งานในแตTละพน้ื ท่ี ให*เกดิ ประโยชนสD งู สุด ดังน้ี

3.5.1**การวเิ คราะหDพฤตกิ รรมผู*ใชง* าน
3.5.1.1**ดา* นผ*ใู ชบ* รกิ าร ได*แกT ผ*ูทเ่ี ขา* มาใช*บริการภายในร*านคา*
3.5.1.2**ด*านผู*ให*บริการ ได*แกT พนักงานภายในร*าน ที่ทำงานในตำแหนTงตTาง ๆ

ซงึ่ จะอยูTประจำในสTวนทรี่ ับผิดชอบ มีหน*าท่คี อยอำนวยความสะดวกให*ผ*ทู ่ีเข*ามาใช*บริการภายในรา* น
1) พนักงานให*บรกิ ารชำระเงิน
2) พนกั งานให*บรกิ าร และทำ Workshop

3.5.1.3**การวิเคราะหพD ฤติกรรมผ*ใู หบ* รกิ ารภายในร*าน

ตารางท่ี*3-3**แสดงการวิเคราะหDพฤติกรรมผู*ใหบ* ริการภายในรา* น
ผ4ใู ห4บรกิ าร

ผ4ใู ชพ4 น้ื ที่ หนา4 ที่ ครุภณั ฑท2 ่ใี ชง4 าน จำนวน
(คน)
พนักงานให*บริการชำระเงิน คอยคิดเงินหรือชำระ - เคานDเตอรDแคชเชียรD 1
เงินของสินค*าและ ชำระสนิ คา* และบรกิ าร
1
บริการที่ลูกค*าต*อง - คอมพวิ เตอรD 2
ชำระ

พนักงานให*บริการ และ คอยให*คำแนะนำแกT - โตáะสอนทำ Workshop

สอนทำ Workshop ลูกค*าที่เข*ามาใช*บริการ - อปุ กรณDทำ Workshop
ทั้งเรื่องของสินค*า และ
การทำ Workshop

รวม

79

3.5.1.4**การวเิ คราะหDพฤติกรรมของผ*ใู หบ* รกิ าร ในตำแหนTงหน*าท่ตี Tาง ๆ
1)**พนักงานให*บรกิ ารชำระเงนิ

เขา* ห*องนำ้
8.30 น.

เขา* ร*านคา* เกบ็ สัมภาระ ดคู วจาดัมสเรนิ ยี คบา* รอ* ย เป}ดรา* น
7.00 น. 7.10 น. 7.30 น. 9.00 น.

ป}ดรา* น ทำงานชTวงบาT ย พกั กลางวนั เร่มิ ทำงานชวT งเช*า
21.00 น. 12.00 น. 11.00 น. 9.00 น.

เขา* หอ* งน้ำ
11.30 น.

ทำความสะอาดร*าน เลิกงาน
21.00 น. 22.00 น.

ภาพท่ี*3-1**แสดงพฤติกรรมของ พนักงานให*บริการชำระเงิน

80
2)**พนักงานใหบ* รกิ าร และสอนทำ Workshop

เข*าหอ* งน้ำ
8.30 น.

เข*ารา* นคา* เก็บสัมภาระ จดั เตรยี มอุปกรณD เป}ดร*าน
7.00 น. 7.10 น. 7.30 น. 9.00 น.

ป}ดร*าน ทำงานชวT งบTาย พักกลางวนั เร่มิ ทำงานชTวงเชา*
21.00 น. 13.00 น. 12.00 น. 9.00 น.

เขา* หอ* งนำ้
11.30 น.

ทำความสะอาดรา* น เลิกงาน
และอปุ กรณD 22.00 น.
21.00 น.

ภาพท่ี*3-2**แสดงพฤตกิ รรมของ พนักงานใหบ* ริการ และสอนทำ Workshop

81
3.5.1.5**การวิเคราะหDความต*องการของพื้นท่ี เพื่อจะรู*ถึงขนาดของพื้นที่ ๆ จะใช*สอย
ภายในร*านค*า

ตารางท่ี*3-4**แสดงความต*องการของพื้นทใ่ี นรา* น

องคป2 ระกอบ พืน้ ที่ พื้นท/่ี หนว< ย จำนวน พนื้ ท่ใี ช4
พ้ืนท่ีใชส4 อย (ตร.ม.) สอยรวม
(ตร.ม.)

- โตáะวางโชวD 2.03x1.60 =
ผลติ ภัณฑเD ทยี น 3.25
หอม

1 3.25

- ตู*ชัน้ วางโชวD 1.00x0.95 = 2 1.90
ผลิตภณั ฑเD ทียน 0.95
หอม
1.00x1.10 = 2 2.20
- ต*ูชนั้ วาง 1.10
ผลติ ภณั ฑเD ทียน
หอมและตเู* ก็บ 1.00x1.10 = 1 1.10
ของ 1.10

- ตเู* ก็บของ
สำหรบั ลกู คา*
ทมี่ าใชบ* ริการ
Workshop

82 พ้ืนที่ พ้นื ท/ี่ หน<วย จำนวน พ้ืนท่ใี ช4
ตารางที่*3-4**(ตTอ) (ตร.ม.) สอยรวม
(ตร.ม.)
องค2ประกอบ
พื้นทใ่ี ช4สอย 1.90x2.52= 1 4.79
- เคานDเตอรD 4.79
คิดเงนิ
- เกา* อ้ีทำงาน
- ตูเ* ก็บของ หลัง
เคานDเตอรD

- โตะá ทำ
Workshop

2.31x2.20 = 1 5.08
5.08

- ตู*พรอ* มซิงคD 1.00x1.20= 1 1.20
1.20
- ตช*ู น้ั วางของ
และผลิตภณั ฑD 0.80x2.00= 1 1.60
เทยี นหอม 1.60

83

สรุปการวเิ คราะหDความตอ* งการของพน้ื ท่ใี ชส* อยในสวT นท่ีทำการ ดังน้ี
พื้นทใ่ี ช*สอยรวมทง้ั หมด = 32 ตารางเมตร
พื้นที่ใช*สอยบรเิ วณภายในรา* น = 21.12 ตารางเมตร
การคำนวณพนื้ ทท่ี างสญั จร 30% [(21.12x30)/100] = 6.34 ตารางเมตร
พื้นทีใ่ ชส* อยรวมทางสญั จร 21.12+6.34 = 27.46 ตารางเมตร
พน้ื ที่คงเหลอื (32-27.46) = 4.54 ตารางเมตร

3.5.2**การวิเคราะหDพ้ืนที่จัดทำโครงงาน
3.5.2.1**วิเคราะหDหาคTาความสัมพันธDของพื้นที่ ที่มีความเกี่ยวข*องกัน เพื่อใช*ในการ

ออกแบบ โดยใช*ตวั เลขในการแทนคTาความสมั พนั ธD

1. ทางเขา* ออก 3 3 2 3 3 1 3 1
2. พน้ื ทจี่ ดั แสดงสนิ คา* แนะนำ 3 2 3 1 1 2 1
3. พื้นทจ่ี ัดแสดงสนิ ค*า 4 2 1 1 1 1
4. พนื้ ท่ใี หบ* ริการและชำระเงนิ 4 2 1 3 2
5. พ้ืนทจี่ ัดแสดงและเก็บสินค*า 1 1 1 1
6. ตเ*ู กบ็ ของสำหรับลูกคา* 1 4 1
7. เคานDเตอรพD รอ* มอาT งล*างมอื 4 1
8. พื้นทที่ ำ workshop 1
9. พน้ื ทจี่ ดั แสดงสนิ คา* และเกบ็ อุปกรณD

4 คาT ความสมั พันธD มากที่สุด
3 คTาความสมั พันธD มาก
2 คTาความสมั พนั ธD นอ* ย
1 คTาความสัมพันธD นอ* ยมาก

ภาพที่ 3-3**แสดงการวิเคราะหDหาคTาความสัมพันธขD องพน้ื ท่ี (Relationships)

84

9
7

8
6

45

2
31

คาT ความสัมพนั ธD มากที่สดุ
คาT ความสมั พนั ธD มาก
ภาพท่ี*3-4**แสดงการวเิ คราะหDหาคาT ความสัมพนั ธขD องพ้ืนท่ี (Bubble Diagram)
3.5.2.2**การวิเคราะหDความสัมพันธDของพื้นท่ี (Zoning) เป`นการแสดงความสัมพันธD
ของพื้นที่ภายในร*านค*า โดยใช*หมายเลขแสดงถึงโซนหรือพื้นที่ตTาง ๆ ภายในแปลน หมายเลขที่ใช*จะ
สอดคล*องกบั แผนผงั แสดงความสมั พันธDระหวTางพืน้ ท่ี (Bubble Diagram) ดังน้ี

85

9

87
6

45

2
31

ภาพที่*3-5**แสดงการวิเคราะหDหาคTาความสัมพันธขD องพืน้ ท่ี (Zoning)
การอธิบายพื้นที่ในแตTละสTวนที่ผTานการวิเคราะหDความสัมพันธDพื้นที่ (Zoning) และความ
เก่ยี วขอ* ง ดงั น้ี
หมายเลข 1 ทางเข*าออก เป`นพื้นที่ทางเข*าและทางออกของร*าน ที่ผู*เข*ามาใช*บริการสามารถเดิน
เข*าและออกได*จากเสน* ทางน้ี
หมายเลข 2 พื้นที่จัดแสดงสินค*าแนะนำของร*าน ทั้งผลิตภัณฑDเทียนหอม และขวดน้ำมันหอม
ระเหย
หมายเลข 3 พื้นที่จัดแสดงสินค*า คือ พื้นที่สำหรับจัดแสดงสินค*าหรือจำหนTายสินค*า ประเภท
สนิ ค*าผลติ ภณั ฑเD ทียนหอม และขวดน้ำมนั หอมระเหย
หมายเลข 4 พื้นที่ให*บริการและชำระเงิน คือ พื้นที่สำหรับพนักงานที่ให*คำปรึกษาและชำระเงิน
เปน` พื้นท่ีสำหรับให*บริการลกู ค*าทีเ่ ข*ามาใช*บรกิ ารชำระเงนิ

86
หมายเลข 5 พื้นที่จัดแสดงและเก็บสินค*า คือ เป`นพื้นที่สำหรับจัดแสดงสินค*าหรือจำหนTายสินค*า

และเกบ็ สนิ ค*า ประเภทสินคา* ผลิตภัณฑเD ทียนหอม และขวดนำ้ มันหอมระเหย
หมายเลข 6 พื้นที่สำหรับเก็บของ โดยเป`นตู*ล็อคเกอรDสำหรับเก็บของ เพื่ออำนวยความสะดวก

ให*กบั ลกู ค*าท่ีมาใช*บรกิ ารทำ Workshop
หมายเลข 7 เคานDเตอรDพร*อมอTางล*างมือ เป`นพื้นที่สำหรับพนักงานหรือผู*ที่เข*ามาใช*บริการทำ

workshop ไดเ* ข*ามาใช* เชนT ลา* งมอื หรือลา* งทำความสะอาดอุปกรณทD ี่ทำเทียนหอม
หมายเลข 8 พื้นที่ทำ Workshop คือ พื้นที่สำหรับพนักงานให*บริการสอนทำเทียนหอม

และลูกคา* ทสี่ นใจเรยี นทำเทียนหอม
หมายเลข 9 พื้นที่จัดแสดงสินค*าและเก็บอุปกรณD คือ พื้นที่สำหรับจัดแสดงสินค*าหรือจำหนTาย

สินค*า และเก็บสินค*า ประเภทสินค*าผลิตภัณฑDเทียนหอม และเก็บอุปกรณDทำเทียนหอม หรือ
อปุ กรณทD ำ Workshop

3.5.3**การลงสำรวจสถานทีจ่ รงิ
จากการที่คณะผู*จัดได*ทำการลงสำรวจพื้นที่ และได*ทำการเก็บรวบรวมเก็บข*อมูล จากการ
สอบถาม และสืบค*นข*อมูลจากอินเตอรDเน็ต ทำให*คณะผู*จัดทำได*มีแนวคิดพัฒนาและออกแบบสถานที่
โดยมรี ายละเอียดดง้ั นี้

ภาพที่*3-6**แสดงบรเิ วณพ้นื ทข่ี องอาคารพาณชิ ยD
จากภาพ*3-6**เหตุผลที่เลือกอาคารหลังนี้เพราะมีพื้นที่ให*เชTาในการทำธุรกิจ เพื่อที่จะได*ทำการ
ออกแบบท้งั ตวั หน*ารา* นและภายในรา* น

87

ภาพที่*3-7**แสดงภาพหนา* รา* น จำนวน 1 ชัน้
จากภาพ*3-7**ในการเชาT รา* นในอาคารพาณชิ ยDหลังน้ีเปด} ใหเ* ชTาเพยี ง 1 ชั้น

ภาพท*่ี 3-8**แสดงพ้ืนทภ่ี ายในรา* น
จากภาพ*3-8**เป`นภาพแสดงพน้ื ทภี่ ายในรา* น โครงสรา* งการตกแตTงของพน้ื ทเี่ ดมิ

88

3.5.4**แนวคดิ การออกแบบพน้ื ท่ี
3.5.4.1**ด*านลักษณะบรรยากาศภายในรา* น
1)**การสื่อสารทล่ี ูกคา* สามารถมองเห็นได* (Visual Communications)

โดยภายในร*านจะมีกราฟฟ}กและปïายสัญลักษณD ที่เป`นทั้งภาพเก่ียวกับสินค*าหรือข*อมูลของ
สินค*า เพ่ือชวT ยเพม่ิ ความนาT สนใจและความสวยงามภายในร*าน

2)**แสง (Lighting)
โคมไฟที่ติดตั้งเป`นโคมไฟเพดานแบบดาวนDไลทD ที่ดูเรียบงTายและสามารถกลมกลืนเข*ากับสไตลD
การตกแตTงห*องได*เป`นอยTางดี ใช*แสงไฟธรรมชาติหรือแสงไฟสีขาวจากหลอดไฟ LED ไฟที่ใช*ในการจัด
แสดงสินค*า จะใช*วิธีการจัดไฟแบบ Solf and Smooth คือการใช*แสงไฟดาวไลทD เพื่อสาดสTองบางมุม
ของร*าน สร*างความอบอนุT ใหแ* กTรา* นคา* และสินค*า สรา* งความเป`นกันเองใหแ* กTลูกคา* ไดง* Tาย

3)**สี (Colour)
การเลือกใช*สีภายในร*านจะเป`นสีอTอนหรือสีโทนเย็นชTวยทำให*พื้นที่ดูกว*างขึ้น โดยใช*สีขาว เป`น
หลัก 60% คือผนังรอบ ๆ เพดาน และเฟอรDนิเจอรDบางสTวน สีน้ำตาล เป`นสีรอง 30 % ใช*กับ
เฟอรนD เิ จอรD และ สไี ฮไลทD 10% เพ่อื ชวT ยเพิม่ ความโดดเดนT ให*กับรา* น

4)**เสยี งดนตรี (Music)
มีการเพลงและใช*เสียงเพลงที่ไมTดังจนเกินไป เป`นทำนอง ดนตรีบรรเลงไมTมีคำร*อง เชTน เสียง
นำ้ ไหล เสยี งลมพดั เสียงหยดน้ำ เพ่อื ชTวยให*รู*สึกผTอนคลายลูกค*ารู*สึกผอT นคลายเม่อื เข*ามาใช*บรกิ าร

5)**กลิน่ หอม (Scent)
กล่นิ ของเทียนหอมภายในร*าน จะชTวยทำใหส* ามารถดงึ ดูดลกู ค*าใหอ* ยภูT ายในร*านได*นานย่ิงขึ้น

3.6**แนวทางการออกแบบเว็บไซต2
3.6.1**การออกแบบเว็บไซตสD ำหรับการแสดงผลบน Desktop
การสร*างและออกแบบเว็บไซตDสำหรับธุรกิจเทียนหอม เพื่อให*ผู*ใช*งานมีความสะดวกในการ

เข*าถึงข*อมูลของผลิตภัณฑD ทั้งในด*านของการประชาสัมพันธD การจัดจำหนTายสินค*าและบริการตTาง ๆ
ของทางรา* น SORÁ

89

3.6.1.1**แนวทางการออกแบบเว็บไซตสD ำหรับการแสดงผลบน Desktop

ตารางท่ี*3-5**แสดงแนวทางการออกแบบเวบ็ ไซตสD ำหรับการแสดงผลบน Desktop

แนวทางการออกแบบ คำอธิบาย
เว็บไซตส2 ำหรับการ

แสดงผลบน Desktop

การจัดวางรปู แบบ - แบงT พื้นท่ีเวบ็ ไซตเD ป`น 3 สวT นประกอบ ดงั น้ี

เว็บไซตD 1) สTวนหัว (Header) อยูTตอนบนสุดของหน*าเว็บ บอกถึงโลโก* ชื่อ
เวบ็ ไซตD และเมนูหลักที่ลิงคDไปยงั เนอ้ื หาในเว็บเพจตTาง ๆ
2) สTวนของเนื้อหา (Body) อยูTบริเวณตอนกลางของหน*าเว็บ จะแสดง

ข*อมลู เน้ือหาตาT ง ๆ
3) สTวนท*าย (Footer) อยูTลTางสุดของหน*าเว็บ จะแสดงถึงข*อมูลตTาง ๆ
เพมิ่ เติมเขา* ไป

- ใช*การจัดรูปแบบ (Layout) โดยใช* Grid แบTงเป`น 12 คอลัมนD โดยแตT
ละคอลัมนDจะกว*างเทTากัน 60 พิกเซล (Pixels) และอยูTหTางกัน 20
พกิ เซล (Pixels)

พ้นื หลังและสี - เลือกใช*สีจากทฤษฎี 60-30-10 เป`นหลักมาตรฐานในการใช*สีเบื้องต*น
(Background & Color) โดยการเลือกใช*สีของเว็บไซตจD ะมี 3 สี ไดแ* กT
สีขาว รหสั คTาสี #FFFFFF ร*อยละ 60

สีนำ้ ตาล รหัสคาT สี #513412 รอ* ยละ 30
สีเขยี ว รหัสคาT สี #2C8212 รอ* ยละ 10

ตวั อกั ษร (Text) รูปแบบตวั อกั ษรบนเว็บไซตทD ง้ั หมดจะใช*เป`น Opun

สวT นของตัวอักษรสTวนหวั (Header) จะใชข* นาด 22
สTวนของเนื้อหา (Body) หัวข*อใหญTใช*ขนาด 26 และสTวนเนื้อหายTอยใช*
ขนาด 20

สTวนท*าย (Footer) ใช*ตวั อักษรขนาด 20

90

ตารางที่*3-5**(ตTอ) คำอธบิ าย
แนวทางการออกแบบ
เวบ็ ไซตส2 ำหรับการ ใช*รปู ภาพเพื่อประกอบหรือสนับสนนุ ข*อความ และเก่ียวขอ* งกับเนื้อหา
แสดงผลบน Desktop โดยขนาดของรูปภาพของเว็บไซตDจะประกอบไปดว* ย
- รูปภาพในสTวนของแบนเนอรD ใชข* นาด 1280x600 px
รูปภาพ (Picture) - รูปภาพท่ีเปน` แกลลอร่ี ใช*ขนาด 494x299 px
- รูปภาพสนิ คา*

1)**ขนาดเล็ก ใชข* นาด 154x122 px
2)**ขนาดกลาง ใชข* นาด 324x335 px
3)**ขนาดใหญT ใช*ขนาด 494x701 px
- รูปภาพประกอบบทความ จะมขี นาดทัง้ หมด 6 ขนาด ดงั น้ี
1)**1280x548 px
2)**409x443 px
3)**409x242 px
4)**494x299 px
5)**324x312 px
6)**154x122 px

91

3.6.1.2**การออกแบบหน1าเว็บไซตส8 ำหรบั การแสดงผลบน Desktop

HOMEPAGE โปรโมชนั่
สินขคCา4าวแสนาะรนำ
หนหา1 นเา4วหบ็ ลไกั ซต8
หนา1 เวบ็ ไซต8

ผลิตภณั ฑA ของขวญั เกีย่ วกับเรา จองคอรAส ตดิ ตCอเรา เขา4 สูCระบบ ตะกร4ารถเข็น
ชำระเงนิ
หนา1 รเาวยบ็ กาไรซสตนิ 8คา4 หน1ารเาวย็บกาไรซสติน8 คา4 หน1าเวแบ็ กไลซลอตร8 ่ี หนา1 เว็บแผไซนทตี่ 8 หน1าเเวขบ็4าสไรCูซะตบบ8 หนา1 รเาวยบ็ กไาซรสติน8 ค4า

ค4นหา คน4 หา รายการสงั่ จอง เขา4 สูCระบบเฟส ชำระเงิน

ประเภท ประเภท ชำระเงนิ สมัครสมาชิก รายละเอียดการชำระ
สเง่ังนิ ซ้ือ
กลน่ิ กลน่ิ สร4าง
คำส่งั ซื้อเสร็จสมบรู ณA
รายการสนิ ค4า รายการสนิ คา4 บัญชผี ใ4ู ช4

รายละเอยี ด รายละเอยี ด หนา1 เวบ็ สไรซา4 งต8
สหนิ ยคบิา4 ใสCรถเข็น สหินยคิบา4 ใสรC ถเข็น
ออกจากระบบ

หน1าเวบ็ ไซต8

ภาพที่*3-9**แผนผงั แสดงการออกแบบหน1าเวบ็ ไซตส8 ำหรับการแสดงผลบน Desktop (Sitemap)

91

92
TH/EN LOGO
ผลิตภัณฑ5 ของขวญั เกย่ี วกบั เรา จองคอร5ส ติดตWอเรา

Promotion/ขาW วสาร

เรอ่ื งราวของเรา
รปู ภาพ เรอื่ งราวของเรา

สินคา/ แนะนำ

สินคา/ สินค/า สนิ คา/
ชือ่ สินคา/ ชื่อสินคา/ ช่ือสินคา/

ท่ีตง้ั และขอ/ มูลตดิ ตอW

ภาพที่*3-10*แนวทางการออกแบบหน/าเว็บไซตห5 น/าหลกั (1)

จากภาพท่ี*3-10*เปEนหน/าจอหลักที่แสดงภาพรวมทั้งหมดของเว็บไซต5 โดยในหน/าหลัก
จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม มีการบอกขWาวสาร
หรือโปรโมชั่นตWาง ๆ ข/อมูลเกี่ยวกับร/าน รวมถึงมีสินค/าแนะนำให/กับลูกค/า มีการบอกข/อมูล
ชWองทางการติดตอW กบั ทางร/านได/

93

TH/EN LOGO

ผลติ ภณั ฑ5 ของขวัญ เกีย่ วกับเรา จองคอรส5 ตดิ ตอW เรา
รายการสินคา/

ค/นหา รูปภาพสนิ ค/า รปู ภาพสนิ คา/
สนิ ค/า
ชอ่ื สินคา/ ชื่อสนิ ค/า

ประเภท รปู ภาพสินค/า รปู ภาพสินค/า
สนิ ค/า ชื่อสนิ คา/ ชื่อสนิ คา/

รูปภาพสนิ ค/า รปู ภาพสินคา/
กลิ่น

ช่อื สนิ ค/า ชอ่ื สนิ คา/

12

ทีต่ งั้ และข/อมูลติดตWอ

ภาพท่ี*3-11*แนวทางการออกแบบหน/าเวบ็ ไซตผ5 ลิตภัณฑ5 (รายการสินค/า) (1)

จากภาพที่*3-11*หน/าเว็บไซต5ผลิตภัณฑ5 (รายการสินค/า) จะแสดงถึงตราสัญลักษณ5และชื่อของ
ทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม จะมีแถบเมนูด/านข/าง ที่สามารถพิมพ5ค/นหาสินค/าที่ต/องการได/
หาประเภทสินค/า หรือค/นหาจากกลิ่น แสดงชื่อและรูปภาพของสินค/า สามารถเลือกเข/าชมสินค/า
ที่สนใจได/ โดยกดเข/าไปทรี่ ปู ภาพสนิ คา/ ทีไ่ ดม/ ีการจัดจำหนาW ยภายในร/าน ใหผ/ เ/ู ข/ามาใช/บริการไดเ/ ลือกซ้อื

94

TH/EN LOGO
ผลิตภณั ฑ5 ของขวัญ เกย่ี วกบั เรา จองคอร5ส ตดิ ตอW เรา
รายการสนิ คา/

คน/ หา รปู ภาพสินคา/ รปู ภาพสินค/า
สินค/า
ชอ่ื สินคา/ ชื่อสนิ คา/

ประเภท รปู ภาพสนิ คา/ รปู ภาพสินคา/
สินคา/ ชื่อสนิ ค/า ช่อื สนิ ค/า

รูปภาพสนิ คา/ รปู ภาพสินค/า
กล่นิ

ช่อื สนิ ค/า ชอื่ สินคา/

12

ท่ตี ง้ั และขอ/ มูลติดตWอ

ภาพท่ี*3-12*แนวทางการออกแบบหนา/ เว็บไซตข5 องขวัญ (รายการสนิ คา/ ) (1)

จากภาพท่ี*3-12*หน/าเว็บไซต5ของขวัญ (รายการสินค/า) จะแสดงถึงตราสัญลักษณ5และชื่อของ
ทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม จะมีแถบเมนูด/านข/าง ท่ีสามารถพิมพ5ค/นหาสินค/าที่ต/องการ
ได/ หาประเภทสินค/า หรือค/นหาจากกลิ่น แสดงชื่อและรูปภาพของสินค/า สามารถเลือกเข/าชมสินค/า
ที่สนใจได/ โดยหน/านี้จะแสดงชุดผลิตภัณฑ5ของขวัญที่ทางร/านได/จัดจำหนWาย เพื่อให/ลูกค/าเลือกซื้อ
เปนE ของขวญั ได/ตามโอกาสตWาง ๆ

95

TH/EN LOGO
ผลิตภัณฑ5 ของขวญั เกย่ี วกบั เรา จองคอร5ส ติดตอW เรา
รายละเอียดสินค/า

รูปภาพสินค/า

รายละเอียดสินคา/
รปู ภาพ รูปภาพ รูปภาพ

รายละเอยี ดสนิ ค/า

ยอ/ นกลบั หยิบใสรW ถเข็น

ที่ตงั้ และข/อมูลติดตWอ

ภาพที่*3-13*แนวทางการออกแบบหนา/ เวบ็ ไซตผ5 ลิตภัณฑ5 (รายละเอยี ดสนิ คา/ ) (1)
จากภาพท่ี*3-13*หน/าเว็บไซต5ผลิตภัณฑ5 (รายละเอียดสินค/า) จะแสดงถึงตราสัญลักษณ5 และ
ชื่อของทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม แสดงรูปภาพ ข/อมูลรายละเอียดของสินค/า สามารถ
ลองกดเลือกดู ขนาด และสขี องสินค/ากWอนได/ และกดหยบิ ใสWรถเขน็ เมื่อผเ/ู ข/าชมสนใจจะส่ังซ้อื สนิ คา/

96
TH/EN LOGO
ผลิตภณั ฑ5 ของขวัญ เก่ียวกับเรา จองคอร5ส ตดิ ตอW เรา

รถเข็นของคณุ

รายการสนิ ค/าในรถเขน็

คำแนะนำสำหรบั ผข/ู าย
ชำระเงิน

ท่ีตั้งและขอ/ มลู ตดิ ตWอ
ภาพท่ี*3-14*แนวทางการออกแบบหน/าเว็บไซตส5 นิ ค/าในรถเขน็ (1)
จากภาพท่ี*3-14*หน/าเว็บไซต5สินค/าในรถเข็น จะเปEนกรอบด/านข/างขึ้นมา โดยจะแสดงสินค/า
ที่ผู/เข/าใช/บริการนั้นได/เลือกสั่งซื้อไว/ บอกชื่อสินค/า จำนวน ราคาของสินค/านั้น ๆ โดยสามารถกดเพ่ิม
จำนวนสินค/าได/ในหน/านี้ และราคารวมของสินค/าทั้งหมดที่สั่งซื้อ สามารถกดชำระเงินได/เลยเมื่อ
เสรจ็ สนิ้ การส่งั ซอ้ื

97

TH/EN ของขวัญ LOGO จองคอร5สสมเตัคขิดร/าตสสอWมูรW ะเารบชากิบใหมW
ผลิตภัณฑ5 เกย่ี วกับเรา

เข/าสรWู ะบบ

Email / หมายเลขโทรศัพท5

รหสั ผWาน ลืมรหสั ผWาน
บนั ทกึ ขอ/ มลู ของฉัน

เข/าสWรู ะบบ

หรือ
เขา/ สูWระบบด/วยเฟสบคุw

สมัครสมาชิกใหมW

ทตี่ ัง้ และขอ/ มลู ตดิ ตอW

ภาพที่*3-15*แนวทางการออกแบบหน/าเว็บไซต5เข/าสูWระบบ (1)
จากภาพท่ี*3-15*หน/าเว็บไซต5เข/าสูWระบบ จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน มีแถบ
เมนูตWาง ๆ ให/เลือกเข/าชม เปEนการลงชื่อเข/าใช/งานเพื่อดูประวัติการสั่งซื้อ การติดตามการจัดสWง และ
สามารถท่ีจะสมัครสมาชิกใหมWได/จากทางหนา/ น้ี

98

TH/EN LOGO สมเัคขรา/ สสมรWู ะาชบกิบใหมW
ผลติ ภัณฑ5 ของขวัญ เกี่ยวกบั เรา จองคอรส5 ตดิ ตอW เรา

สมคั รสมาชิกใหมW
ขอ/ มลู สWวนตวั
ช่อื จรงิ

นามสกลุ

อเี มล

รหสั ผWาน

ยนื ยนั รหสั ผาW น

วนั เดอื นปเz กดิ

สญั ชาติ
เลอื กตัวเลือก
เพศ
เลือกตัวเลือก
เบอร5ติดตWอ

ภาพที่*3-16*แนวทางการออกแบบหนา/ เว็บไซตส5 มัครสมาชิกใหมW (1)

จากภาพที่*3-16*หน/าเว็บไซต5สมัครสมาชิกใหมW จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน
มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม เปEนการลงชื่อเข/าสมัครมาเปEนสมาชิก เพื่อที่จะได/รับ
สิทธิพิเศษตWาง ๆ มากขึ้น สามารถดูประวัติการสั่งซื้อ และติดตามการจัดสWงได/ โดยการกรอกข/อมูล
สวW นตัวตาW ง ๆ ใหค/ รบตามกำหนด

99

TH/EN ของขวัญ LOGO สมคัเขรา/ สสมWูราะชบิกบใหมW
ผลิตภณั ฑ5 เก่ียวกบั เรา จองคอรส5 ตดิ ตอW เรา

ข/อมูลที่อยWู

ทอี่ ย*ูW

เขต /อำเภอ*
เลือกตัวเลือก
แขวง /ตำบล*
เลอื กตวั เลอื ก
จงั หวัด*
เลือกตวั เลือก
รหสั ไปรษณยี *5

ประเทศ*
เลือกตัวเลอื ก

ฉนั ได/อาW นและยอมรบั นโยบาย ความเปEนสWวนตัว
ลงทะเบียนเพ่ือรบั ขาW วสารผลติ ภณั ฑแ5 ละบรกิ าร
จาก sora

สร/าง

ทีต่ ัง้ และขอ/ มูลติดตอW

ภาพท*ี่ 3-16*(ตอW )
จากภาพท่ี*3-16*จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม
ซึ่งเปEนหน/าเดียวกันกับ หน/าเว็บไซต5สมัครสมาชิกใหมW เปEนการกรอกข/อมูลในสWวนของที่อยูWตWาง ๆ
เพ่ือการจัดสงW ท่ีถูกตอ/ ง เมอื่ กรอกขอ/ มลู ครบแล/วกดสรา/ ง เพือ่ เสร็จสนิ้ การสมัครเปนE สมาชกิ

100

TH/EN LOGO

ผลิตภณั ฑ5 ของขวัญ เกยี่ วกบั เรา จองคอรส5 ติดตWอเรา

รายการสง่ั ซ้ือสนิ ค/า คำสั่งซอื้ เสรจ็ สมบูรณ5

รายละเอยี ดที่อยWใู นใบเสรจ็
ขอ/ มลู หสรWวอื นตทวั อี่ ยแจWู กัด/ไสขงW หลกั
ชื่อจริง รายการสั่งซื้อ
******** ชำระเงนิ ผาW น
นามสกลุ
********
อเี มล
********@*******.***

ขอ/ มลู ที่อยูW แกไ/ ข สง่ั ซอ้ื
ทอี่ ยWเู รม่ิ ตน/ ในการจดั สงW สนิ ค/า
12/3 แขวง***** เขต*****

กรุงเทพมหานคร
ข*/อ*ค**ว*ามถงึ ร/านคา/

บนั ทกึ รายการซ้อื

ยอ/ นกลบั
ทตี่ ้งั และขอ/ มลู ตดิ ตWอ

ภาพที่*3-17*แนวทางการออกแบบหนา/ เว็บไซตส5 ินค/าในรถเขน็ (ชำระเงนิ ) (1)

จากภาพท่ี*3-17*หน/าเว็บไซต5สินค/าในรถเข็น (ชำระเงิน) จะแสดงถึงตราสัญลักษณ5และชื่อของ
ทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม มีการกรอกข/อมูลรายละเอียดที่อยูWในใบเสร็จ หรือที่อยWู
จัดสWงและข/อมูลผู/รับสินค/า แสดงสรุปรายการสินค/าที่ได/มีการสั่งซื้อ และราคาที่ต/องชำระ สามารถกด
แก/ไขข/อมลู สWวนตวั และข/อมลู ทีอ่ ยWใู ห/ถูกต/องใหมไW ด/

101

TH/EN ของขวัญ LOGO ออบกจญั าชกผี รใ/ูะชบ/ บ
ผลติ ภณั ฑ5 เกยี่ วกบั เรา จองคอร5ส ตดิ ตอW เรา

บญั ชผี ูใ/ ช/ 2021 แก/ไข
ขอ/ มูลสWวนตัว แก/ไข
ชื่อจรงิ แก/ไข
น**า*ม*ส**ก*ลุ * แก/ไข
********
แก/ไข
อเี มล
********@*******.***
รหสั ผาW น
*************
ยืนยันรหสั ผWาน
*************
วันเดือนปเz กิด
1 มกราคม
สัญชาติ
ไทย
เพศ
หญงิ
เบอร5ติดตWอ
TH +66 0123456789

ภาพที่*3-18*แนวทางการออกแบบหน/าเวบ็ ไซตบ5 ญั ชผี /ูใช/ (1)
จากภาพที่*3-18*หน/าเว็บไซต5บัญชีผู/ใช/ จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน
มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม เปEนหน/าที่สามารถแก/ไขข/อมูลสWวนตัว ของผู/ใช/บริการที่สมัคร
เปEนสมาชิกแล/ว

102

TH/EN ของขวญั LOGO จองคอรส5 ออตบกดิ จญัตาWอชกเีผรรู/ใาะชบ/ บ
ผลติ ภัณฑ5 เก่ยี วกบั เรา

ขอ/ มลู ที่อยูW

ที่อย*Wู
12/3
เขต /อำเภอ*
********
แขวง /ตำบล*
********
จังหวดั *
กรงุ เทพมหานคร
รหสั ไปรษณยี 5*
10000
ประเทศ*
ไทย

ฉนั ได/อWานและยอมรบั นโยบาย ความเปนE สWวนตวั
ลงทะเบยี นเพื่อรบั ขWาวสารผลิตภณั ฑแ5 ละบรกิ าร
จาก sora

สรา/ ง

ท่ีตั้งและขอ/ มลู ตดิ ตWอ

ภาพท่ี*3-18*(ตWอ)

จากภาพท่ี*3-18*จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม
ซึ่งเปEนหน/าเดียวกันกับ หน/าเว็บไซต5บัญชีผู/ใช/ ท่ีสามารถแก/ไขข/อมูลในสWวนของที่อยWู
ของผู/ใชบ/ ริการทส่ี มัครเปEนสมาชกิ แล/ว เมื่อแก/ไขเรยี บรอ/ ยกดสรา/ ง เปนE อันแกไ/ ขเสร็จสิน้

103

TH/EN LOGO
ผลติ ภณั ฑ5 ของขวัญ เกย่ี วกับเรา จองคอร5ส ติดตWอเรา

เกย่ี วกับเรา

รูปภาพเกี่ยวกบั ร/าน ทำไมต/องเรา

แกลลอรี่ รูปภาพเก่ียวกบั ร/าน

ท่ีตงั้ และขอ/ มูลติดตWอ

ภาพท่ี*3-19*แนวทางการออกแบบหนา/ เว็บไซตเ5 ก่ยี วกับเรา (1)
จากภาพท่ี*3-19*หน/าเว็บไซต5เกี่ยวกับเรา จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน
มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม มีรูปภาพและข/อมูลรายละเอียดเพิ่มเติมเกี่ยวกับร/าน มีแกลลอรี่ให/
เข/าชมถงึ กจิ กรรมของทางรา/ น เชนW กจิ กรรม Workshop

104
TH/EN LOGO
ผลติ ภณั ฑ5 ของขวญั เก่ยี วกบั เรา จองคอร5ส ตดิ ตWอเรา
คอร5สเรียนทำเทียนหอม
เดอื น
ปฏทิ นิ

วWาง เตม็ แลว/

ขอ/ มูลและรายละเอียด

ภาพท่ี*3-20*แนวทางการออกแบบหน/าเว็บไซตจ5 องคอรส5 (1)
จากภาพท่ี*3-20*หน/าเว็บไซต5จองคอร5ส โดยเนื้อหาในหน/านี้ จะแสดงปฏิทินในแตWละเดือน
ให/ผู/เข/าใช/บริการได/ทราบถึงรายละเอียดเกี่ยวกับคอร5สเรียนทำเทียนหอม และระบบการจองคิว โดย
จะแสดงชWวงวันและเวลาทสี่ ามารถเขา/ มาทำกิจกรรมภายในรา/ นได/

105

TH/EN LOGO
ผลติ ภัณฑ5 ของขวัญ เกี่ยวกับเรา จองคอรส5 ติดตWอเรา

ขอ/ มลู และรายละเอียด

ช่อื -นามสกุ ล
เบอรโ5 ทร
เวลาจอง

ชำระเงิน

ทต่ี ั้งและข/อมลู ตดิ ตWอ

ภาพท่ี*3-20*(ตWอ)
จากภาพท่ี*3-204หน/าเว็บไซต5จองคอร5ส โดยเนื้อหาในหน/านี้ จะแสดงปฏิทินในแตWละเดือน
ให/ผู/เข/าใช/บริการได/ทราบถึงรายละเอียดเกี่ยวกับคอร5สเรียนทำเทียนหอม และระบบการจองคิว
โดยจะแสดงชWวงวันและเวลาที่สามารถเข/ามาทำกิจกรรมภายในร/านได/ กดชำระเงิน เมื่อกรอกข/อมูล
เรียบร/อยแล/ว

106

TH/EN LOGO

ผลติ ภณั ฑ5 ของขวญั เกี่ยวกับเรา จองคอร5ส ตดิ ตอW เรา

รายการสง่ั จองคอรส5 แก/ไข
ช่ือ-นามสกุ ล แกไ/ ข
แกไ/ ข
********
เบอรโ5 ทร
0123456789
เวลาจอง
13.00-15.00 น.

คอรส5 เรียนทำเทียนหอม
รวมราคา

ชำระเงนิ ผWาน
ชำระเงิน

ยอ/ นกลบั

ที่ต้ังและข/อมูลติดตWอ

ภาพที่*3-21*แนวทางการออกแบบหนา/ เวบ็ ไซตจ5 องคอรส5 (ชำระเงิน) (1)

จากภาพที่*3-21*หน/าเว็บไซต5จองคอร5ส (ชำระเงิน) เปEนหน/าตWอจากหน/าเว็บไซต5จองคอร5ส
เมื่อกดชำระเงิน จะปรากฏหน/านี้ โดยเนื้อหาในหน/านี้ จะแสดงข/อมูลเดิมเพื่อยืนยันความถูกต/อง
แสดงราคาคWาคอร5สเรยี นเทยี นหอมที่ต/องชำระ และเลือกวธิ ีการชำระเงิน กดชำระเงนิ เปนE อันเสร็จส้นิ

107

TH/EN LOGO
ผลติ ภณั ฑ5 ของขวัญ เก่ียวกบั เรา จองคอร5ส ติดตWอเรา

ตดิ ตอW เรา

รูปภาพ ขอ/ มูลติดตWอ
ข/อมูลตดิ ตอW
แผนท่ี
รปู ภาพ รายละเอียดทต่ี งั้

ท่ตี งั้ และข/อมูลติดตWอ

ภาพท่ี*3-22*แนวทางการออกแบบหน/าเวบ็ ไซต5ตดิ ตWอเรา (1)
จากภาพท่ี*3-22*หน/าเว็บไซต5ติดตWอเรา จะแสดงถึงตราสัญลักษณ5และชื่อของทางร/าน
มีแถบเมนูตWาง ๆ ให/เลือกเข/าชม รูปภาพของร/านและข/อมูลการติดตWอ ข/อมูลรายละเอียดที่ตั้งของร/าน
และชอW งทางการติดตWอกบั ทางรา/ น มีแผนทแี่ สดงเสน/ ทางการเดนิ ทางมาร/านค/า

108

3.6.2**การออกแบบเว็บไซต5สำหรับการแสดงผลบนมอื ถอื
การสร/างและออกแบบเว็บไซต5สำหรับการแสดงผลบนมือถือ เพื่อให/ผู/ใช/งานมีความสะดวกใน
การเข/าถึงข/อมูลของผลิตภัณฑ5 ทั้งในด/านของการประชาสัมพันธ5 การจัดจำหนWายและบริการตWาง ๆ
ของรา/ น SORÁ

3.6.2.1**แนวทางการออกแบบเว็บไซตส5 ำหรบั การแสดงผลบนมอื ถือ

ตารางที่*3-6**แสดงแนวทางการออกแบบเว็บไซต5สำหรับการแสดงผลบนมอื ถอื

แนวทางการออกแบบ

เว็บไซตสA ำหรบั การ คำอธิบาย
แสดงผลบนมือถือ

การจัดวางรูปแบบ - แบงW พื้นทเ่ี ว็บไซตเ5 ปEน 3 สWวนประกอบ ดังน้ี
เว็บไซต5สำหรับ 1)**สWวนหัว (Header) อยูWตอนบนสุดของหน/าเว็บไซต5 บอกถึงโลโก/ ชื่อ
การแสดงผลบนมอื ถือ เว็บไซต5 และปมâุ เมนหู ลักท่ลี ิงค5ไปยังเน้ือหาในเวบ็ เพจตาW ง ๆ

2)**สWวนของเนื้อหา (Body) อยูWบริเวณตอนกลางของหน/าเว็บ จะแสดง
ข/อมูลเนอื้ หาตาW ง ๆ
3)**สWวนท/าย (Footer) อยูWลWางสุดของหน/าเว็บ จะแสดงถึงข/อมูลตWาง ๆ

เพิม่ เตมิ เข/าไป
- ใชก/ ารจดั รูปแบบ (Layout) โดยใช/ Grid แบงW เปนE 5

พ้นื หลงั และสี - เลือกใช/สีจากทฤษฎี 60-30-10 เปEนหลักมาตรฐานในการใช/สีเบื้องต/น

(Background & Color) โดยการเลือกใช/สีของเว็บไซตจ5 ะมี 3 สี ไดแ/ กW รหัสคWาสี
สีขาว รหัสคWาสี #FFFFFF ร/อยละ 60
สนี ำ้ ตาล รหสั คWาสี #513412 ร/อยละ 30

สีเขียว รหัสคาW สี #2C8212 ร/อยละ 10

สญั ลักษณ5และปมุâ การจัดวางไอคอนหรือสัญลักษณ5ปุâมกด สามารถเห็นได/งWาย และมีขนาด
(Icon & Button) ท่ีเหมาะสมตอW การใชง/ าน

ตวั อกั ษร (Text) รูปแบบตวั อกั ษรบนเว็บไซตท5 ้ังหมดจะใช/เปนE Opun
สWวนของตัวอักษรสWวนหัว (Header) จะใช/ขนาด 11 และแถบเมนู
(Menu Bar) ใช/ขนาด 15

สWวนของเนื้อหา (Body) หัวข/อใหญWใช/ขนาด 15 และสWวนเนื้อหายWอยใช/
ขนาด 10
สWวนทา/ ย (Footer) ใชต/ ัวอักษรขนาด 10

109

ตารางที่*3-6**(ตWอ) คำอธบิ าย
แนวทางการออกแบบ
เวบ็ ไซตAสำหรับการ ใช/รปู ภาพเพ่ือประกอบหรอื สนบั สนนุ ข/อความ และเก่ียวข/องกบั เน้อื หา
แสดงผลบนมอื ถอื โดยขนาดของรปู ภาพของเวบ็ ไซตจ5 ะประกอบไปดว/ ย
- รปู ภาพในสวW นของแบนเนอร5 ใชข/ นาด 340x166 px
รูปภาพ (Picture) - รูปภาพที่เปนE แกลลอรี่ ใช/ขนาด 160x139 px
- รปู ภาพสินค/า

1)**ขนาดเล็ก ใชข/ นาด 100x86 px
2)**ขนาดกลาง ใช/ขนาด 140x140 px
3)**ขนาดใหญW ใช/ขนาด 282x265 px
- รูปภาพประกอบบทความ จะมีขนาดทงั้ หมด 6 ขนาด ดังน้ี
1)**340x166 px
2)**326x193 px
3)**185x234 px
4)**200x116 px
5)**120x116 px
6)**100x86 px

110 110

3.6.1.2**การออกแบบหน1าเวบ็ ไซตส8 ำหรับการแสดงผลบนมอื ถือ โปรโมช่ัน
ข9าวสาร
HOMEPAGE สนิ คา5 แนะนำ

หนห1านเา5 วห็บลไักซต8
หนา1 เว็บไซต8

ผลติ ภัณฑD ของขวัญ เมนู จองคอรDส ติดต9อเรา เขา5 สรู9 ะบบ ตะกร5ารถเข็น
ชำระเงิน
รหานยกา1 ารสินคา5 รหานยกา1 ารสนิ ค5า หน1าเว็บไซต8 รายการส่ัง หนแา1 ผนที่ หนา1 เขเว5าส็บร9ู ไะซบตบ8 หนราา1 ยเกวาบ็ รสไซินคตา5 8
จอง
ค5นหา ค5นหา เก่ยี วกบั ชำระเงิน เข5าสูร9 ะบบเฟส ชำระเงิน

ประเภท ประเภท หแนกา1 ลลอร่ี สมคั รสมาชิก รายละเอยี ดการชำระ
เงิน
กล่ิน กลนิ่ สรา5 ง สั่งซือ้

บัญชผี ูใ5 ช5 คำสงั่ ซอื้ เสรจ็
สมบรู ณD
รายการสินค5า รายการสนิ ค5า สรา5 ง

รายละเอียด รายละเอยี ด ออกจากระบบ
หสยินิบคใ5าสร9 ถเขน็ หสยินิบคใา5 สร9 ถเข็น

ภาพท่ี*3-23*แผนผังแสดงการออกแบบหนา1 เว็บไซตส8 ำหรบั การแสดงผลบนมอื ถอื (Sitemap)

TH/EN LOGO 111
Promotion/ขา_ วสาร
เร่ืองราวของเรา TH/EN LOGO
รูปภาพ เรอ่ื งราวของเรา
สนิ ค.าแนะนำ
เรื่องราวของเรา รปู ภาพสินค.า
ช่อื สินค.า
ข.อมลู ตดิ ตอ_

ภาพท่ี*3-246แนวทางการออกแบบหน.าเวบ็ ไซต4หน.าหลัก (2)

จากภาพท่ี*3-24*เปDนหน.าจอหลักที่แสดงภาพรวมทั้งหมดของเว็บไซต4 โดยในหน.าหลักจะ
แสดงถึงตราสัญลักษณ4และชื่อของทางร.าน มีแถบเมนู (Menu Bar) ทเ่ี มอ่ื คลกิ จะแสดงเมนทู ล่ี งิ คไ4 ปยงั
หน.าต_าง ๆ ภายในเว็บไซต4 มีการบอกข_าวสารหรือโปรโมชั่นต_าง ๆ ข.อมูลเกี่ยวกับร.าน รวมถึงมีสินค.า
แนะนำใหก. บั ลูกคา. มกี ารบอกขอ. มลู ชอ_ งทางการตดิ ต_อกับทางร.านได.

112

TH/EN LOGO
ผลิตภัณฑ4
ของขวญั
เก่ยี วกบั เรา
จองคอร4ส
ตดิ ต_อเรา

ภาพท่ี*3-25*แนวทางการออกแบบหน.าเวบ็ ไซต4แถบเมนู
จากภาพท่ี*3-25*หน.าเว็บไซต4แถบเมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยัง
หน.าต_าง ๆ ภายในเว็บไซต4 เมนู (Menu Bar) ที่เลือก ได.แก_ ผลิตภัณฑ4 ของขวัญ เกี่ยวกับเรา
จองคอร4ส และติดตอ_ เรา

TH/EN LOGO 113
ผลติ ภณั ฑ4
TH/EN LOGO
คน. หาสนิ คา. รปู ภาพสินคา. รูปภาพสินค.า
ประเภท ชอ่ื สินค.า ชอ่ื สนิ คา.
กลน่ิ รูปภาพสินค.า รูปภาพสนิ ค.า
ช่ือสินคา. ชอ่ื สินคา.
รายการสินค.า
12
รูปภาพสนิ คา. รูปภาพสนิ ค.า ขอ. มูลติดต_อ

ชื่อสินค.า ชือ่ สินค.า

ภาพที่*3-26*แนวทางการออกแบบหน.าเว็บไซตผ4 ลิตภณั ฑ4 (รายการสนิ คา. ) (2)

จากภาพที่*3-26*หน.าเว็บไซต4ผลิตภัณฑ4 (รายการสินค.า) จะแสดงถึงตราสัญลักษณ4และชื่อของ
ทางร.าน มีแถบเมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ ภายในเว็บไซต4
โดยภายในหน.านี้จะสามารถพิมพ4ค.นหาสินค.าที่ต.องการได. หาประเภทสินค.า หรือค.นหาจากกล่ิน
แสดงชื่อและรูปภาพของสินค.า สามารถเลือกเข.าชมสินค.าที่สนใจได. โดยกดเข.าไปที่รูปภาพสินค.า
ทีไ่ ด.มกี ารจดั จำหน_ายภายในร.าน ให.ผูเ. ขา. มาใชบ. ริการไดเ. ลือกซือ้

114 TH/EN LOGO

TH/EN LOGO รูปภาพสินคา. รปู ภาพสนิ คา.
ผลติ ภัณฑ4 ชื่อสินคา. ชื่อสินคา.

คน. หาสินค.า รปู ภาพสินค.า รปู ภาพสินคา.
ประเภท ชื่อสินคา. ช่ือสนิ ค.า
กลิน่
12
รายการสินคา. ข.อมลู ตดิ ต_อ
รปู ภาพสินคา. รูปภาพสนิ คา.
ชอื่ สนิ ค.า ชอ่ื สนิ ค.า

ภาพที่*3-27*แนวทางการออกแบบหนา. เว็บไซต4ของขวญั (รายการสนิ ค.า) (2)

จากภาพท่ี*3-27*หน.าเว็บไซต4ของขวัญ (รายการสินค.า) จะแสดงถึงตราสัญลักษณ4และชื่อของ
ทางร.าน มีแถบเมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ ภายในเว็บไซต4
ในหนา. นีจ้ ะสามารถพมิ พค4 .นหาสินคา. ที่ตอ. งการได. หาประเภทสินคา. หรือค.นหาจากกล่นิ แสดงช่อื และ
รูปภาพของสนิ คา. สามารถเลือกเข.าชมสนิ ค.าที่สนใจได. โดยหนา. นจ้ี ะแสดงชดุ ผลติ ภัณฑ4ของขวญั ที่ทาง
รา. นไดจ. ัดจำหนา_ ย เพือ่ ใหล. กู คา. เลอื กซื้อเปDนของขวญั ได.ตามโอกาสตา_ ง ๆ

TH/EN LOGO 115
รายละเอียดสินคา.
รายละเอียดสนิ คา. TH/EN LOGO

รูปภาพสินคา. รายละเอยี ดสนิ คา.

รปู ภาพ รปู ภาพ รปู ภาพ หยบิ ใสร_ ถเข็น
ยอ. นกลบั
ข.อมูลติดต_อ

ภาพท่ี*3-28*แนวทางการออกแบบหน.าเวบ็ ไซตผ4 ลติ ภัณฑ4 (รายละเอียดสินค.า) (2)

จากภาพท่ี*3-28*หน.าเว็บไซต4ผลิตภัณฑ4 (รายละเอียดสินค.า) จะแสดงถึงตราสัญลักษณ4
และชื่อของทางร.าน มีแถบเมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ
ภายในเว็บไซต4 แสดงรูปภาพ ข.อมูลรายละเอียดของสินค.า สามารถลองกดเลือกดู ขนาด และสีของ
สนิ คา. กอ_ นได. และกดหยิบใสร_ ถเขน็ เมื่อผู.เข.าชมสนใจจะสั่งซือ้ สินค.า

116

TH/EN LOGO
รถเขน็ ของคณุ

รายการสนิ คา. ในรถเข็น

คำแนะนำสำหรบั ผขู. าย
ชำระเงนิ

ภาพที่*3-29*แนวทางการออกแบบหน.าเว็บไซตส4 นิ ค.าในรถเขน็ (2)
จากภาพที่*3-29*หน.าเว็บไซต4สินค.าในรถเข็น จะเปDนกรอบด.านข.างขึ้นมา จะแสดงสินค.า
ที่ผู.เข.าใช.บริการนั้นได.เลือกสั่งซื้อไว. บอกชื่อสินค.า จำนวน ราคาของสินค.านั้น ๆ โดยสามารถกดเพิ่ม
จำนวนสินค.าได.ในหน.านี้ และราคารวมของสินค.าทั้งหมดที่สั่งซื้อ สามารถกดชำระเงินได.เลย
เม่ือเสร็จสิ้นการสงั่ ซ้อื

117

TH/EN LOGสOมเัคขร.าสสมรู_ าะชบิกบใหม_
เข.าสรู_ ะบบ

email/หมายเลขโทรศัพท4
รหสั ผา_ น
บนั ทึกขอ. มลู .. ลมื รหสั ผา_ น

เขา. สูร_ ะบบ
หรือ

เข.าสู_ระบบด.วยเฟสบคุy
สร.างบญั ชใี หม_
ขอ. มูลตดิ ต_อ

ภาพที่*3-30*แนวทางการออกแบบหน.าเว็บไซตเ4 ขา. สรู_ ะบบ (2)
จากภาพที่*3-30*หน.าเว็บไซต4เข.าสู_ระบบ จะแสดงถึงตราสัญลักษณ4และชื่อของทางร.าน มีแถบ
เมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ ภายในเว็บไซต4 เปDนหน.าท่ีมีการให.ลง
ชื่อเข.าใช.งานได. เพื่อดูประวัติการสั่งซื้อ การติดตามการจัดส_ง และสามารถที่จะสมัครสมาชิกได.จาก
ทางหน.าน้ี

118

TH/ENสมัคLรOสมGาสOชมกิ ัคเใขรหา. สมสม_ู_ราะชบกิ บใหม_ TยHืน/ยEนัNรหสั LผO_าGนสOมเคั ขรา. สสมรู_ าะชบกิ บใหม_
ขอ. มลู สว_ นตัว วนั เดอื นป~เกิด
ชอ่ื จริง สัญชาติ
นามสกลุ เลือกตัวเลอื ก
เพศ
อีเมล เลอื กตวั เลือก
เบอรต4 ดิ ต_อ
รหสั ผ_าน

ภาพท่ี*3-31*แนวทางการออกแบบหน.าเว็บไซต4สมคั รสมาชกิ ใหม_ (2)

จากภาพที่*3-31*หน.าเว็บไซต4สมัครสมาชิกใหม_ จะแสดงถึงตราสัญลักษณ4และชื่อของทางร.าน
มีแถบเมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ ภายในเว็บไซต4 เปDนหน.าที่ให.มีการ
ลงชื่อเข.าสมัครมาเปDนสมาชิก เพื่อที่จะได.รับสิทธิพิเศษต_าง ๆ มากขึ้น และสามารถดูประวัติการสั่งซื้อ
ตดิ ตามการจดั สง_ ได. โดยการกรอกขอ. มลู สว_ นตัวตา_ ง ๆ ใหค. รบตามกำหนด

119

TH/EN LOGสOมคัเขร.าสสมร_ู าะชบกิ บใหม_ TH/EN LOGสOมเัคขรา. สสมรู_ าะชบิกบใหม_
ขอ. มลู ทีอ่ ยู_ รหสั ไปรษณยี *4

ทอี่ ยู*_ ประเทศ
เลือกตัวเลือก
เขต /อำเภอ*
เลือกตวั เลอื ก ฉันไดอ. _านและยอมรบั ..
แขวง /ตำบล* ลงทะเบียนเพ่ือรับ..
เลือกตัวเลือก
จังหวดั * สร.าง
เลอื กตวั เลอื ก
ข.อมูลติดตอ_

ภาพท*่ี 3-31*(ตอ_ )

จากภาพท่ี*3-31*จะแสดงถึงตราสัญลักษณ4และชื่อของทางร.าน มีแถบเมนู (Menu Bar) ที่เมื่อ
คลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ ภายในเว็บไซต4 เปDนหน.าเดียวกันกับ หน.าเว็บไซต4สมัคร
สมาชิกใหม_ เปDนการกรอกข.อมูลในส_วนของที่อยู_ต_าง ๆ เพื่อการจัดส_งที่ถูกต.อง เมื่อกรอกข.อมูลครบ
แลว. กดสร.าง เพ่ือเสรจ็ สน้ิ การสมคั รเปนD สมาชกิ

120 TH/EN LOGO

TH/EN LOGO ขอ. มลู ท่ีอย_ู แก.ไข
รายการสงั่ ซื้อ ท่อี ย_เู รม่ิ ตน. ในการจัดสง_ สินคา.

รายการสั่งซอื้ 12/3 แขวง..
ชำระเงินผ_าน
รายละเอียดการชำระเงนิ ขอ. ความถึงร.านค.า
ขอ. มลู สว_ นตัว แกไ. ข บนั ทึกรายการซอื้
ชือ่ จรงิ
******** ส่งั ซอ้ื
นามสกลุ ย.อนกลบั
******** ข.อมลู ตดิ ตอ_
อเี มล
********@*******.***

ภาพท่ี*3-32*แนวทางการออกแบบหนา. เว็บไซตส4 นิ ค.าในรถเขน็ (ชำระเงิน) (2)

จากภาพที่*3-32*หน.าเว็บไซต4สินค.าในรถเข็น (ชำระเงิน) จะแสดงถึงตราสัญลักษณ4และชื่อของทาง
ร.าน มีแถบเมนู (Menu Bar) ที่เมื่อคลิกจะแสดงเมนูที่ลิงค4ไปยังหน.าต_าง ๆ ภายในเว็บไซต4
มีการกรอกข.อมูลรายละเอียดที่อยู_ในใบเสร็จ หรือที่อยู_จัดส_งและข.อมูลผู.รับสินค.า แสดงสรุปรายการสินค.า
ที่ได.มกี ารส่งั ซือ้ และราคาท่ตี อ. งชำระ สามารถกดแกไ. ขขอ. มลู ส_วนตวั และขอ. มูลทอี่ ยใู_ ห.ถูกตอ. งใหมไ_ ด.