บล็อกนี้จะเขียนรวบกรณีศึกษา 2 อย่างเกี่ยวกับเว็บรถมือสองครับ โดยเอากรณีศึกษาที่ไทเกอร์เป็นที่ปรึกษาด้านเว็บไซต์ใหม่ให้กับ One2Car มารวมกับการเคยล้มเหลวจากการเป็น Partner เว็บไซต์รถมือสองแห่งหนึ่งในอดีต

เป็นที่ปรึกษาให้กับ One2Car

เมื่อปีที่ผ่านมา TiGERiDEA ได้มีโอกาสเป็นที่ปรึกษา One2Car ในการออกแบบเว็บไซต์ใหม่สร้างหน้าตาด้วย XHTML/CSS ทั้งในแง่ SEO และ VaiVaisoft จัดการในเรื่องระบบ โดยทางเราทำหน้าที่ Comment ทีมงาน IT และ Designer ของ One2Car เป็นจำนวนหลายครั้งและทำให้รู้จักทีมงานของ One2Car พอสมควร

1. เป็นที่ปรึกษาด้านการดีไซน์และ Coding

one2car มีทีมงานดีไซน์และทีมโปรแกรมเมอร์อยู่แล้ว เราจึงเข้าไปประชุมกับทีมงานและรับฟังข้อคิดเห็น/ตอบข้อซักถามต่างๆ ทั้งในด้าน Designและ Coding ซึ่งคุณเม่นทำในส่วนนี้ และส่วนของ Content ซึ่งผมรับผิดชอบ และพบว่าที่ผ่านมาในอดีต One2Car นั้นมีชื่อเสียงจาก Content ทีี่อยู่ภายในเว็บอย่างแท้จริง

ลักษณะการคอมเม้นท์ดีไซน์และ flow

ในส่วนของการ Coding ทางทีมงาน IT ของ One2Car ได้ส่งตัวอย่าง Code มาให้ทางไทเกอร์และทางเราได้เขียนตัวอย่างของ Code กลับไป และมีการแนะนำในส่วนของ CSS , xml sitemap , และเทคนิค Auto generate เพื่อผลทาง SEO หลายประเด็น และมีการตรวจงานด้วยครับ นอกจากนั้นยังมี technics ด้าน SEO ในส่วนของ Content ต้องขอขอบคุณทีมงาน One2Car ที่ให้ความไว้วางใจเราเป็นอย่างดีครับ

2. VaiVaisoft คุณจ๋ง ดูแลเรื่องการแสดงผลต่างๆ

การแก้ไขปัญหาและปรับปรุง ในด้านเทคนิคอ่านได้ที่ VaiVaisoft เขียนโดยคุณจ๋ง )

3. สรุปข้อคิดธุรกิจจาก One2Car

บริษัทที่จะทำธุรกิจจากเว็บไซต์นั้น จะมีเพียงแนวคิดอย่างเดียวและจ้างคนอื่นมาทำเว็บไซต์ตามแนวคิดไม่ได้ ต้องมุ่งมั่นสร้างทีมมารองรับระบบสืบเนื่องจากเว็บและสร้างวัฒนธรรมทางธุรกิจบางอย่างด้วยจึงจะสำเร็จครับ One2Car ไม่เพียงสร้างระบบเว็บที่ดีในการขายรถมือสอง แต่ยังได้สร้างมาตรฐานการขายรถมือสองในตลาดขึ้นมาใหม่ ผลักดันให้เป็นจริงโดยพิจารณาจากโมเดลธุรกิจส่วนย่อยที่ไม่มี Conflict of interest ก่อนด้วยทีมงานหลายสิบคน ( โมเดลบางอย่าง เช่น ขายรถบ้าน กับ รถเต๊นท์ นั้นมี Conflict กันอยู่ ไม่สามารถนำมารวมกันได้ ) และมูลค่าธุรกิจคุณของจะแปรผันตรงกับมูลค่าตลาดที่คุณได้สร้างคุณค่าให้กับองค์รวมนั่นเอง

กรณีศึกษา TiGERiDEA เคยเป็น Partner เว็บรถมือสองแห่งหนึ่งและล้มเหลวเมื่อปี 2007

ย้อนกลับไปเมื่อ 3 ปีก่อน เราได้เป็น Business Partner กับบริษัทผู้ผลิตหนังสือรถยนต์มือสองแห่งหนึ่ง ตัวสัญญานั้นดีมากๆกับทั้งสองฝ่ายคือ ผมลงทุนเวลาส่วนหนึ่ง และยังได้ค่าพัฒนาเว็บไซต์อีก 300,000 บาท แถมถ้าเว็บไซต์นั้นสามารถสร้างรายได้ ผมก็ยังได้เปอร์เซ็นอีก 40% ดูเผินๆแล้วเป็นข้อเสนอที่ดีต่อบริษัททำเว็บอย่างผมเป็นอย่างยิ่ง เว็บไซต์นั้นมีประโยชน์กว่าหนังสือทั้งในแง่ความอัพเดท และการโชว์รูปรถยังโชว์ได้หลายมุมหลายแบบ การเซิร์ทประภทรถที่ต้องการก็สามารถทำได้อย่างง่ายดาย ต่อมาทั้งผมและเม่นจึงได้โลดแล่นเพื่อผลักดันโมเดล Business เว็บรถมือสองกันอีกพักหนึ่ง เราได้ไปตามเต๊นท์รถแถวถนนวงแหวนตลิ่งชัน-สุพรรณบุรีซึ่งเป็นถนนแห่งเต๊นท์รถ และได้เรียนรู้อะไรหลายๆอย่างจากความล้มเหลวครับ

1. เต๊นท์รถนั้นถูกสร้างมาตรฐานการบริการไว้แล้ว

หากดูเผินๆเมื่อเราต้องการจะสร้างเว็บซื้อขายรถมือสอง ถ้าเราคิดว่าเต๊นท์รถจะช่วยเราโดยการส่งรูป หรืออัพโหลดรูปรถของเค้าขึ้นเว็บเรา เมื่อขายได้จึงแบ่งเงินให้เรา อันนั้นคิดผิดถนัดครับเพราะในความเป็นจริง ขนาดทีมเรามีตากล้องออกไปช่วยถ่ายรูปรถให้ เต๊นท์รถยังถือว่าตนเองมีภาระในการเคลื่อนย้ายรถเพื่อให้เราถ่ายรูปได้ทุกมุมเลยครับ และสำหรับผู้ที่ได้สร้างมาตรฐานและวิธีการถ่ายรูปที่ดีโดยที่เต๊นท์รถไม่เหนื่อยมากทุกคนก็บอกเป็นเสียงเดียวกันว่าคือทีมงาน One2Car นี่เอง ทีมงานตากล้องจะมาเป็นเวลาที่แน่นอน ช่วยเต๊นท์รถเลื่อนรถ ถ่ายรูปให้ได้มุมมาตรฐานและรถดูชัดสวยน่าซื้อที่สุด นอกจากนี้ยังมีมาตรฐานอีกหลายอย่างเช่นเรื่อง Sale และการเลือกรถขึ้นโชว์ การคิดค่าบริการปละบริหารอย่างคุ้มค่า ฯลฯ

2. ระบบบริหารภายในของลูกค้าและธุรกิจหนังสือที่มีอยู่ ไม่เอื้อต่อการพัฒนา Business ใหม่

เดิมทีลูกค้าเจ้านี้เป็นหนังสือซื้อขายรถยนต์มือสองที่ขายทั่วประเทศอยู่แล้ว มีพนักงานในบริษัทนับร้อยคน เมื่อธุรกิจหนังสือรถมือสองเริ่มหดตัวลงเพราะเว็บไซต์ที่กำลังมาแรง จึงบีบให้บริษัทนี้ต้องเร่งพัฒนาเว็บไซต์ ( ซึ่งต่างจาก One2Car ตรงที่ One2Car นั้นเป็นเว็บไซต์รถมือสองตั้งแต่แรกและไม่เคยเป็นหนังสือมาก่อน ) โดยในครั้งแรกยังคาดว่า หนังสือน่าจะเป็นจุดแข็งของเว็บไซต์เพราะสามารถลงโปรโมชั่นได้ทีเดียวทั้งสองทาง แต่ในความเป็นจริงแล้ว ธุรกิจสองอันนี้ มี Conflict ต่อกันและกันอยู่ เพราะถ้าเว็บเกิด หนังสือก็จะต้องถอยไปในไม่ช้า

ในการปฎิบัติจริง ทีม Sales จะได้ค่าคอมมิสชั่นจากการหาลูกค้าซึ่งเป็นเต๊นท์รถมาลงหนังสือ และมีมาตรฐานชัดเจนเพราะหนังสือมีกลุ่มคนอ่านแน่นอน ดังนั้นถ้าเซลล์หารถมาลงได้เยอะหนังสือก็จะได้เงินจากพื้นที่โฆษณาเยอะและเซลล์ก็จะได้คอมมิสชั่นเยอะนั่นเอง พอเว็บไซต์เกิดขึ้นมาใหม่นั้นทำให้เซลล์ต้องหาข้อมูลใน format ที่เหมาะสมกับเว็บไซต์โดยที่ยังไม่ได้คอมมิสชั่นเพิ่ม (เพิ่มงาน) และทีมช่างภาพจากเดิมที่ต้องถ่ายรูปรถแค่มุมเดียว กลับต้องถ่ายรูปหลายมุมเพิ่มเพื่อลงเว็บ และการถ่ายหลายมุมนั้นต้องขยับรถซึ่งไม่ง่ายเพราะต้องกำหนด Schedule กับเจ้าของเต๊นท์รถ กลายเป็นว่าอาจจะต้องไปสืบ Schedule การถ่ายรูปของทีมงานอื่นๆ (เช่นทีมตากล้องของ One2Car) เพื่อนำช่างกล้องมาให้ตรงเวลากันและขยับรถออกมาถ่ายรูปเพียงครั้งเดียว ทำให้ TiGERiDEA ไม่ได้รับความร่วมมือจากทีมงานภายในของลูกค้าในการส่งภาพรถมาเข้าระบบ

นอกจากนี้การเริ่มทำเว็บในครั้งแรกนั้นจะต้องมี Database รถยนต์จำนวนมากเข้ามาในเว็บก่อนในขณะที่เว็บไซต์รถที่มีอยู่ก่อนหน้านี้ทำหน้าที่เพียงอัพเดทรถใหม่หรือลบรถที่ขายไปแล้วที่มีวันละไม่กี่คันต่อเต๊นท์จึงถือว่าเป็น Barrier to Entry ที่สำคัญมากของเว็บไซต์รถยนต์มือสองที่จะพัฒนาขึ้นมาใหม่นับแต่นี้

3. ณ ขณะนั้น TiGERiDEA เองไม่มี Resource เพียงพอในการเสนอ Solution ผลักดันเพิ่มเติม

ในด้าน technology เมื่อปี 2007 นั้น ทางไทเกอร์ยังไม่ได้ Research CMS มากมายนักแต่ก็ได้เลือก Expression Engine เป็น CMS หลักในการพัฒนา ( ตอนนั้น คุณเม่น ยังไม่พูดถึง WordPress เลย ) และคุณจ๋งก็กำลังจะออกจากไทเกอร์ไปทำบริษัทตัวเองพอดี ทางไทเกอร์จึงให้โปรแกรมเมอร์อีกคนซึ่งเป็นเพื่อนรุ่นเดียวกันซึ่งเข้ามาเป็นพนักงานประจำในขณะนั้นเป็นผู้พัฒนาหลักในส่วนของ Programming เว็บไซต์นี้โดยให้คุณจ๋งเป็นที่ปรึกษา ทำให้การใช้ resource ของไทเกอร์ยังไม่เต็มที่เท่าที่ควร นอกจากนี้เมื่อพบปัญหาในส่วนของแรงผลักดันภายในระบบธุรกิจของลูกค้า ทีมงานไทเกอร์ก็ไม่มีคนเพียงพอที่จะเข้าไปเสริมทีมใหม่เพื่อผลักดันให้เว็บไซต์เกิด

ในขณะนั้นไทเกอร์ลงทุนค่า Manday กับโปรเจ็คนี้ไปราวๆ เดือนละเกือบ 4 หมื่นบาท แต่ถ้าจะผลักดันธุรกิจนี้ให้เกิดต้องมีทีมรวบรวมรูปและทีมเซลล์ช่วยลูกค้าด้วย ดูแล้วไม่น่าต่ำกว่าเดือนละ 150,000 บาทในช่วง 3 เดือนแรกซึ่งเรารับภาระไม่ไหว

4. จบสัญญากับลูกค้ารายนี้

พอทั้งไทเกอร์และลูกค้าทำเว็บกันมาระยะหนึ่ง (ประมาณครึ่งปี) ก็ยังไม่สามารถหาข้อสรุปและทางเลือกในการแก้ปัญหาธุรกิจเดิมที่ไม่ Support ได้ ซ้ำร้ายทีมตากล้องและเซลล์ของลูกค้าบางคนก็ลาออกเนื่องจากไม่พอใจที่ภาระงานเพิ่ม ทำให้ไทเกอร์ตัดสินใจคุยกับลูกค้าเพื่อยกเลิกสัญญานี้ไปโดยที่ได้เงินมาส่วนหนึ่ง จนกระทั่งได้เจอเบอร์หนึ่งอย่าง One2Car จึงเพิ่มความเข้าใจโครงสร้างธุรกิจรถมือสองอย่างชัดเจนมากขึ้นในปี 2009

สำหรับ กรณีศึกษาอื่นๆของไทเกอร์ไอเดีย ค้นดูได้ใน tag TiGERiDEA ครับ

follow @ipattt

จากโพส การคิดราคาเว็บ : ว่าด้วยความหมายใน Quotation/เปรียบเว็บกับบ้าน จะเห็นได้ว่ามีต้นทุนอันแรกเลยที่ค่อนข้างสูงชื่อ Super Vision อยู่ ต้นทุนนี้เหมือนจะเป็นต้นทุนแฝง แต่จริงๆเป็นต้นทุนหลักเลยในธุรกิจทำเว็บครับ เพราะมักเป็น Man-day ของผู้บริหารซึ่งมีมูลค่าสูงที่สุด

ลองพิจารณาเปรียบเทียบถ้าไทเกอร์ไอเดียทำเว็บ System ขนาดใหญ่ที่ทำให้บริษัทเอกชนที่ out source มาอีกที อาจมีการคิดราคา 1 ล้านบาทโดยแบ่งเป็น Implementation Cost 70% และ Super Vision cost 30% เพราะบริษัทเอกชน ( เช่น Orcsoft ) มีการ Analyse และแบ่งงานมาให้ก่อนหน้านี้แล้ว เปรียบเสมือนใช้ Super Vision มาให้บ้างแล้วนั่นเอง แต่อีกกรณีหนึ่งคือเว็บ Informative ของรัฐบาลที่มีราคา 1 ล้านบาทและไทเกอร์ไอเดียรับงานโดยตรง เราอาจจะแบ่งเป็น Implementation Cost 10% และ Super Vision cost 90% เลยทีเดียวครับ ถ้าพูดง่ายๆก็คือ ทำเว็บมันง่ายมากใช้ programmer มือใหม่ก็สามารถทำได้แต่ก่อนจะเกิดเว็บและจบเว็บได้มันยากมากเพราะต้องประชุมไปเป็นปีๆนั่นเอง

Super Vision ในการพิจารณา Business Model ของลูกค้า และปรับใช้กับเว็บ

Super Vision นั้นเริ่มจากการพิจารณา Business Model ลูกค้าและ Requirement เริ่มต้นของลูกค้าอย่างถ่องแท้ และโน้มน้าวรวมทั้ง Educate ลูกค้าเพื่อให้เกิด Requirement ของเว็บไซต์ที่แท้จริง ซึ่งนอกจากการดีลงานครั้งแรกแล้ว Super Vision ยังต้องถูกใช้อยู่เรื่อยๆเมื่อลูกค้ามี Requirement ใหม่ๆ จากนั้นจึงเข้าสู่กระบวนการทาง Art Direction ที่เว็บไซต์ต่อไปครับ กระบวนการนี้ผมบอกได้ว่าคนเป็น Sale นั้นทำได้ยาก ต้องเป็นระดับผู้บริหารถึงจะทำได้ดี เพราะปกติเซล์ลจะเน้นการขายแต่ผู้บริหารจะเน้น win-win Situation มากกว่า ประกอบกับตามปกตินั้นมุมมองทางธุรกิจของ Sale นั้นมักไม่เทียบเท่าผู้บริหาร ( ยกเว้นโปรดักซ์เช่นเว็บสำเร็จรูปหรือ เว็บขายของสำเร็จรูปที่มีขอบเขตชัดเจนจะสามารถใช้เซลล์ขายได้ดี )

ตัวอย่างคือถ้าลูกค้าโทรมาถามว่า อยากทำเว็บไซต์ เค้าเป็นบริษัทผลิตชิ้นส่วนรถยนต์แบบ OEM ( ส่งโรงงานรถยนต์ ไม่ได้ทำขายทั่วไป ) อยากปรับปรุงเว็บให้สวยเริดทันสมัย มีระบบการสั่งซื้อทางอินเตอร์เน็ท มีเว็บบอร์ด และอยากทำ SEO ด้วยโดยให้ติดคีย์เวิร์ดประเภทเหล็ก ชิ้นส่วน และอยากได้ back-end พิเศษไว้บริหารงานของพนักงานหลังบ้าน นอกจากนั้นยังอยากทำระบบรับสมัครงานแบบบริหารได้ง่าย

ถ้าเป็นคุณจะคิดราคาเท่าไหร่ครับ 90,000 หรือ 150,000 หรือ 300,000 ถ้าดูจาก Manday แล้วน่าจะคิด 150,000 หรือไม่เพราะน่าจะใช้ Manday คนสองคนทำงานเป็นเดือน

แต่ทางที่ถูกจริงๆเราควรจะบอกลูกค้าว่า คุณเป็นธุรกิจแบบ B2B ( Business to Business ) ไม่ควรทำเว็บราคาสูงขนาดนี้ เพราะคุณมีลูกค้าในประเทศเพียงหลักสิบเท่านั้นเอง ( ซึ่งคุณก็รู้ scenario ของธุรกิจดีอยู่แล้วว่าต้องเข้าหาอย่างไร ) ส่วนระบบสั่งซื้อของลูกค้าเราก็ต้องถามว่าเค้ามีคนโอเปอเรชั่นหรือไม่หรือเค้าสั่งซื้อด้วยวิธีใดมาก่อน ลูกค้าคุ้นเคยแล้วหรือไม่ มีแบบฟอร์มหรือไม่ ส่วนการสั่งซื้อก็ควรใช้ Contact form ไม่ควรให้ซับซ้อนไปกว่านั้น และเว็บบอร์ด ( ซึ่งเป็นอะไรที่ไม่เหมาะกับองค์กรเลย ) เราก็ต้องบอกว่าเว็บบอร์ดจะมี spam มา ถ้าไม่มีคนดูแลก็ไม่ควรจะใช้เลย ไม่งั้นคุณก็จะโดน Viagra โจมตีได้ ^^ ,เรื่อง SEO เราไม่ควรทำขนาดนั้นเพราะถึงลูกค้าจะเจอก็มาซื้อไม่ได้อยู่ดี อย่างไรจะติดตั้งระบบ Blog แล้วถ้ามีบทความจะให้พนักงานของคุณเขียนก็ได้ซึงจะช่วยเรื่อง SEO ได้แน่นอนโดยไม่ต้องเสีย Manday เรามาก, ส่วน back end บริหารงานเราก็บอกว่าเราจะแนะนำของฟรีให้นะ ( หรือจ่ายนิดหน่อยก็ได้ ) เพียงแต่มันอาจจะไม่ได้ Build in อยู่ในเว็บเท่านั้นเอง ( เช่น taskfreak ) และเราจะให้คำแนะนำเรื่องการใช้ gmail ในการบริหารงานให้ได้ สุดท้ายคือระบบสมัครงานใช้เป็นโพสงานเอาก็พอ หรือจะไปพ่วง API กับ JobDB ไปเลยก็น่าจะได้ฟังก์ชั่นที่ดีกว่า

และราคาเราก็ให้เลือกสองเรทก็คือ 30,000 มี Template เดียว อบรมให้พนักงานลูกค้าใส่ข้อมูลเอง หรือจะเป็น 300,000 เราทำตาม Requirement ข้างบนให้ได้หมดแต่ไม่คุ้มคุณนะ ลูกค้าที่พอเข้าใจดีมักเลือกที่ราคา 30,000 ครับ ตัวอย่างเคสนี้ของ TiGERiDEA คือเว็บของบริษัท Vision Inform ลองคลิกที่รูปไปดูได้ครับ ช่วงนี้ลูกค้ากำลังแก้ข้อมูลทำให้เว็บดูเล็กๆ

เว็บ Vision Inform ราคา 30,000 บาท ลูกค้าใส่ข้อมูลเองด้วย wordpress

ทีนี้ก็จะมีคำถามว่า เอ ทำไมเราไม่ทำตามที่ลูกค้าอยากได้ไปเลยล่ะ เราจะได้เงินเยอะๆ อันนี้จากประสบการณ์บอกได้เลยครับว่าเว็บจะเสร็จลงได้ด้วยดีหรือไม่นั้น ขึ้นกับ Drive ที่แท้จริงของลูกค้าที่ขึ้นกับ Value ของเว็บไซต์ต่อธุรกิจของเค้า และ Win-Win ระหว่างลูกค้ากับเราเป็นสำคัญครับ ถ้าเราคิดแพงและลูกค้ายอมให้เราทำงานนี้ ปัญหาจะตามมาหลังทำงานไปได้สักพักเพราะลูกค้าจะเริ่มฟุ้งไม่รู้ว่าตัวเองต้องการอะไรกันแน่และเกิดการขอแก้ไปเรื่อยๆเพราะรู้สึกเองว่า”เว็บมันแพงถ้าทำได้แค่นี้จะไม่คุ้มที่จ่ายไป” บางทีการเว็บลากยาวไปเป็นปีใช้คนจำนวนมากจนแม้แต่เว็บราคา 300,000 เราก็ยังขาดทุนแน่นอนครับ ผิดกับที่เราเสนอแบบราคา 30,000 ไปครั้งแรกแล้วทำอาทิตย์เดียวจบเลย ลูกค้าจ่ายน้อยเราทำงานน้อย win-win แน่นอน

แต่ถ้าเราวิเคราะห์ Drive ของธุรกิจแล้วมีผลกับเว็บมากแน่นอนเช่นเว็บขายของออนไลน์ B2C ( ขายของสู่ end user ) หรือเว็บ Resort ขนาดเล็ก การทำเว็บจะมี value กับธุรกิจของเค้าอย่างมากแน่ ๆ เพราะฉนั้นเราก็สามารถที่จะคิดราคาสูงขึ้นได้ และลูกค้าจะถูกบีบให้จบด้วยตัวของเค้าเองเพราะว่าถ้าเว็บไม่เสร็จซักที ธุรกิจของเค้านั้นจะเสียหายเป็นมูลค่ามากกว่าบริษัทที่ทำเว็บไซต์หลายเท่าครับ

อย่างไรก็ตาม การพิจารณา Model Business ทั้งหมดนี้ไม่สามารถใช้ได้กับการทำเว็บราชการ ที่ 90% ล้วนไม่มีความสมเหตุสมผล ไม่มีจุดหมายที่แท้จริง และที่สำคัญ ไม่มี Drive เลยแม้แต่นิดเดียว ! ( เอกชนจะพิจารณาที่ฟังก์ชั่นการบริการและจุดประสงค์ของเว็บมากกว่า Spec ของเว็บไซต์ ในขณะที่รัฐบาลจะพิจารณาที่ Spec ของเว็บแต่ไม่คำนึงถึงอย่างอื่นเลย )

Super Vision ในการเจรจาและประชุมร่วมกันต่างๆ และ Project Management

ในการทำเว็บแต่ละครั้ง เราต้องใช้เวลาไปกับการประชุมเจรจาปิดจบงานแต่ละช่วง เวลาในการรวบรวมข้อมูลต่างๆมากมาย บางทีต้องพูดคุยกับผู้ใต้บังคับบัญชาของลูกค้าเพื่อให้เค้าปฎิบัติในสิ่งที่เหมาะสมกับการ support ข้อมูลต่างๆ รวมทั้งแนะนำการปรับโครงสร้างองค์กรของลูกค้าเช่นเว็บขายรถยนต์มือสองจะต้องมี Flow การทำงานของช่างภาพในการใส่ข้อมูลในเว็บที่มีประสิทธิภาพ ถ้าเป็นงานด้านเว็บรัฐบาลบางครั้งเราต้องประชุมกับรัฐมนตรีหลายสิบคนที่เลขาของทุกคนมีเครื่องอัดเสียงทั้งหมดทำให้มีความรับผิดชอบในการนำเสนอสูงมาก ( ลองดูโพส เว็บรัฐบาล ประชุมใหญ่มาก ) จากนั้นกลับมาวางแผนการทำงานและกำลังพลเพื่อให้ได้ man-day ที่ match กับ timeline ของการพัฒนาเว็บไซต์ นอกจากนี้ยังรวมถึงการเจรจาและบริหาร man-day ในเวลาที่ cash flow ไม่ค่อยดีเพราะได้เงินช้าอีกด้วยครับ :p ( อันนี้เหนื่อยยยมาก ถ้าลูกค้าไหนจ่ายเงินช้าเราต้องบวกเยอะหน่อย )

ประชุมใหญ่และมีความรับผิดชอบขนาดนี้น่าจะมีเบี้ยประชุมซักครั้งละ 20,000

นอกจากนี้ลูกค้ามักเริ่มต้นอยากทำเว็บโดยมีความไม่รู้ในเรื่องต่างๆอยู่ด้วย ความไม่รู้เป็นบ่อเกิดสำคัญแห่งการทำงานสูญเปล่าในธุรกิจทำเว็บ ในกรณีนี้ AE ควรที่จะวางแผนการ Educate ลูกค้าไว้ด้วยเช่นกันเป็นลำดับขั้นไปเพราะการอธิบายด้วยปากเปล่ามักไม่ได้ผลครับต้องให้ลูกค้าเห็นเองจากเว็บหรือจาก Reference ต่างๆ อย่างไรก็ตาม การเข้าสู่ยุคสมัยของ CMS นั้นได้ช่วยเหลือธุรกิจทำเว็บในด้านนี้อยู่มากทีเดียวเพราะลูกค้าสามารถเห็นผลได้ทันทีเมื่อมีการเปลี่ยนแปลงข้อมูลหรือรูปภาพต่างๆ รวมทั้งระบบ Revision ก็สามารถดึงงานเก่าขึ้นมาเปรียบเทียบได้ด้วย

อย่างไรก็ตามการเจรจานี้เป็นทักษะเฉพาะตัวของ AE ครับ แต่เท่าที่ทราบก็คือถ้าเรารู้ลึกเกี่ยวกับสถานะของลูกค้าเท่าไหร่ ผลการเจรจามักจะออกมาเป็นที่พอใจหรือโน้มน้าวได้มากกว่าการเจรจาโดยไม่รู้จักลูกค้าเลยแน่นอน นอกจากนั้นถ้าเรามีความรู้อะไรควรให้ลูกค้าที่เป็นผู้บริหารได้ทราบทั้งหมดเพราะความรู้ของเราที่ให้กับลูกค้าทำให้ลูกค้าเชื่อมั่นในตัวเรามากขึ้นนั่นเอง ลองอ่านข้อ 7 ในโพส คุณอยากเป็นผู้ประกอบการใช่ไหม

สำหรับ Agency ชื่อดังทั้งหลายที่ส่งต่องานมาให้เรา ( ทั้งงานเว็บและครีเอทีฟ ) บางครั้งเหล่า production จะชอบบ่นกันว่าทำไมเค้าถึงเอาเปอร์เซ็นเยอะ แม้กระทั่งบางครั้งงานที่ส่งลูกค้ามีมูลค่านั้นเป็นหลายเท่าของงานที่เค้าส่งต่อมาให้เรา ในกรณีนี้ต้องพิจารณาด้วยครับว่าเค้าเอาเปอร์เซ็นในการดีลงานกรณีไหน โดยจะมีความแตกต่างกันอยู่ดังต่อไปนี้

1. โยนให้เราทำงานเลย ส่งในนามของเราด้วย เค้าไม่ช่วยคิด อย่างนี้คือส่งต่องานให้และตัดหัวคิวเป็นค่า Sale อย่างเดียว เรามา Manage งานเอง อย่างนี้เค้าไม่ควรตัดหัวคิวมากเกินไป

2. โยนให้เราทำงานเลย ในนามของ Agency เอง เค้าไม่ช่วยคิดแต่ช่วย prove อย่างนี้จะมีค่าความเสี่ยงของแบรนด์เค้าด้วย อย่างไรก็ตามให้ระมัดระวังการดีลว่าเราร่วมคุยกับลูกค้าด้วยหรือไม่ ในกรณีแก้เยอะจะรับผิดชอบฝ่ายไหนอย่างไร จะคิดเหมารวมแก้ทั้งหมดหรือไม่หรือคิดเป็นครั้งๆตาม Man-day

3. เค้าใช้ Super Vision และให้เราทำงานตามสั่งและ prove ด้วย อย่างนี้จะมีทั้งค่า Super Vision+Brand+หัวคิว ให้ระมัดระวังการดีลเช่นเดียวกับข้อสอง แต่เราซึ่งเป็น Production จะได้เงินน้อยแน่นอนเค้าต้องเตรียมให้หมด อย่างไรก็ตามการตามงานก็ต้องให้ชัดเจนทั้งสองฝ่าย ทำงานเหมือนเป็นทีมเดียวกันถึงจะเสร็จเร็ว

ถ้าเห็นว่าบล็อกนี้เป็นประโยชน์ รบกวนช่วยกดโหวตที่รูปด้านล่างด้วยนะครับ 1 วันต่อหนึ่ง ครั้้งก็ได้จ้า !

[blog ประชาสัมพันธ์งาน TIGERiDEA ครับ]

ด้วยความที่ช่วงนี้มีผู้บริหารหลายท่านได้ไปงาน #CIO16 ครั้งที่ผ่านมา ผมเองก็ได้เสวนาไว้ว่าอยากให้ผู้บริหารในแต่ละสาขาได้เข้าสู่โลกของ Social Media แบ่งปันความรู้สู่สังคมเพื่อทำให้สังคมดีขึ้นครับ และยังมีโอกาสได้เพิ่ม Channal ในการสื่อสารกับโลกภายนอกเพื่อเพิ่มศักยภาพด้านธุรกิจด้วยเช่นกัน และแน่นอนว่าในยุคที่พ่อแม่สมัยใหม่ Search Google กันหมดแล้ว การมี Asset Online ที่มีคุณค่าจะทำให้เพิ่มพื้นที่ในการถูกค้นหาโดย Google ได้มากขึ้นครับ

แต่ปัญหาคือ ทุกคนที่ได้ยินได้ฟังคำว่า Social Media อยู่ทุกวันนั้นสนใจเป็นอย่างมาก แต่ก็ติดกั้นกำแพงความคิดที่ว่า ไม่มีเวลา ไม่มีสมาธิ ไม่รู้จะเริ่มอย่างไร

ด้วยเหตุนี้ผมจึงได้ผลักดันให้ TIGERiDEA ทำระบบขึ้นมาและขณะนี้ก็พร้อมให้บริการ จุดแข็งของเราเป็นทีมงาน Copywriter ที่ทำงานด้วยกันมานานและได้รับการฝึกฝนให้สามารถเขียนในแบบที่ตรงตามมาตรฐาน SEO และ Project manager ที่มีประสบการณ์ทำงานในธุรกิจ Copywriter ครับ นอกจากนั้นเรายังมีความชำนาญในระดับต้นๆในเรื่อง WordPress Systems ด้วยเช่นกัน

อย่างไรก็ตามในต่างประเทศนั้นมีบริษัทที่รับทำ Social Media Service เป็นจริงเป็นจังมากเช่นกัน นั่นเป็นเพราะตลาดต่างประเทศนั้นใหญ่ พื้นที่ในอินเตอร์เน็ทก็มีการแข่งขันกันมาก ส่วนประเทศไทยหลายๆคนยังไม่เห็น Social Media เป็นรูปธรรมเท่าไหร่ จนกระทั่งธุรกิจตนเอง”เข้าตาจน” และโดนรุกล้ำมามากแล้วถึงเริ่มต้นที่จะคิดว่า ต้องทำอะไรสักอย่าง กับ Online ซะแล้ว และในขณะนั้นผู้ที่นำไปก่อนก็สร้างเกราะป้องกันและวัฒนธรรม Online ไว้แล้วจึงยากแก่การเข้าไปแข่งด้วย ตัวอย่างของเว็บไซต์รถยนต์ที่เป็นอันดับหนึ่งของ Keyword “รถมือสอง”ในขณะนี้ เมื่อหนังสือรถมือสองชั้นนำรู้ตัวก็สายไปเสียแล้วที่จะแข่งขันด้วยครับ

Social Tools มีหลายตัว แต่กลไกสำคัญอยู่ที่ social media copywriter

Social Media นั้นมีหลายอย่าง หากต้องการดูทุกประเภทสามารถดูได้ในโพสก่อนหน้านี้ของผม Social Media คืออะไร ซึ่งจะมี Tools หลายอย่างให้เลือกใช้ แต่แน่นอนว่าจะสร้าง Content ที่ดี (ตัวอักษร ภาพ วีดีโอ )ป้อนเข้าไปด้วยเช่นกันครับ ซึ่ง Social Tools ที่ผมแนะนำเป็นตัวหลักๆของไทยนั้นได้แก่

Social Tools เบื้องต้นที่สำคัญ และแนะนำให้ควรทำ

Twitter

ส่วนตัวอย่างของ twitter นั้นผู้ที่เล่นมานานมีแนวโน้มได้เปรียบเรื่องจำนวน followers ประเภท Active ที่เยอะมากกว่า, twitter ยังเปรียบเสมือนกระบอกเสียงเร่งด่วนทาง Social Media สำหรับผู้ที่มีชื่อเสียงในสังคมอยู่แล้วอีกด้วยครับ ปัจจบัน twitter เริ่มเข้าสู่กระแสหลักมากขึ้นเรื่อยๆ นั่นจะแสดงให้เห็นว่า ผู้ที่มีคุณวุฒิที่เหมาะสมก็สามารถที่จะเปิดตัวเองได้ไม่แพ้คน IT ที่เล่นมานานเช่นกัน

twitter ในไทยเองก็เริ่มมีวัฒนธรรมของตัวเองบางส่วนแล้วด้วยเช่นกัน ลักษณะการ tweet ที่เหมาะสมจะสร้างความชื่นชอบแก่ follower ได้มากกว่า, การแสดง Leadership , การให้และรับความคิดเห็นแบบตรงไปตรงมา ส่วนการขายของอย่างเดียวนั้นแน่นอนว่าจะสร้างความรำคาญแน่นอน ประการต่อมาคนทั่วไปนิยม follow ตัวบุคคลที่มีรูปชัดเจน Bio ชัดเจน และมีลิงก์ที่มาที่ไป มากกว่าเป็น twitter ขององค์กรหรือคนที่ห่วงเรื่อง Security ของตนมากเกินไป แต่อย่างไรก็ตาม twitter ของ Brand บางประเภทก็มีเช่นกัน และควรมีการกำหนดนโยบายในการ tweet ทั้งเรื่องเวลาในการ tweet และเนื้อหา

facebook

facebook คือ Social Tools ที่อยู่ในส่วนของ Social Networks อย่างแท้จริง มันตอบสนองการมีความสัมพันธ์ของมนุษย์และการนัดหมายต่างๆได้ดีมาก นอกจากนั้นยังสามารถที่จะทำการสร้างหน้าโฆษณาเพื่อเจาะกลุ่มเป้าหมายที่น่าจะสนใจได้ด้วยครับ (คุณสามารถเลือกกลุ่มเป้าหมายในการโฆษณาได้ ไม่ใช่โฆษณาทิ้งขว้าง) คนที่มีชื่อเสียงหลายคนมีการสร้าง page ไว้และสามารถที่จะแจ้งข่าวผู้ติดตาม และสร้างกิจกรรมได้โดยง่ายดาย ตัวอย่างของผู้ที่มีชื่อเสียงเช่นคุณ กรณ์ ได้สร้างหน้า facebook ไว้และมีผู้มาร่วมแสดงความคิดเห็นหลายพันคน ปรากฎว่าหน้า facebook ของคุณกรณ์นั้นมีคนเข้าเยี่ยมชมยิ่งกว่าเว็บไซต์ของคุณกรณ์เสียอีกครับ

WordPress Blog and Website

วิธีที่ดีที่สุดในการบอกเล่าเรื่องราวความเป็นมาต่างๆของเรา และการแชร์ความรู้ของเราสู้โลกกว้างครับ Blog นั้นเป็นส่วนที่สำคัญมาก ( Critical Part of Social Tools) ในการเริ่มต้นกระโดดสู่ Social Marketing ส่วน WordPress นั้นก็เป็น Content Management Platform ที่ดีมากสำหรับเว็บไซต์ของธุรกิจอีกด้วย (ลองคิดถึงระบบที่พัฒนาอย่างต่อเนื่องโดยผู้เชี่ยวชาญทั่วโลกมาหลายปีเพื่อที่จะให้เป็นระบบที่ง่ายกับผู้ผลิตคอนเท้นท์ที่สุด) ตัวเว็บ/บล็อกนอกจากดีด้วยตัวเองคือเนื้อต้องหาดีจนมีคนบอกต่อแล้วสิ่งสำคัญคือ Blog ควรเป็นมิตรกับ Google โดยเมื่อมีคนเซิร์ทสิ่งที่เกี่ยวข้องกับตัวเราก็จะสามารถเจอเราได้ด้วยความเข้มข้นของ KeyWord ที่อยู่ในเนื้อหาของเรานั่นเอง นี่ก็เป็นพื้นที่สร้างความเชื่อมั่นและสร้างความเป็นผู้เชี่ยวชาญเฉพาะด้านทางธุรกิจให้เราได้เช่นกัน

ในบล็อกสามารถที่จะมีสื่อ Digital ได้ทุกรูปแบบทั้งภาพและวีดีโอที่สามารถนำมาติดตั้งได้อย่างไม่ยากด้วย ตัวอย่างที่ดีมากคือบล็อกของผมเองนั้นสนับสนุนธุรกิจของไทเกอร์ไอเดียเป็นอย่างมากครับ และโพส “รับเล่นดนตรี งานแต่งงาน” ของผมนั้นจัดว่าเป็น “เว็บหน้าเดียว”ที่ทำรายได้ให้ผมอย่างมากมายด้วยลูกค้าที่เซิร์ท Google ด้วยคีย์เวิร์ด “วงดนตรี งานแต่งงาน”

Youtube, Flickr

Youtube เป็น search Engine ที่ใหญ่เป็นอันดับ 2 ของโลกนะครับ หากมีกิจกรรมต่างๆก็สามารถนำมาเก็บไว้ที่นี่ได้ ในบางกรณีการเซิร์ทด้วยคีย์เวิร์ดเช่น วงดนตรี ก็สามารถที่จะเจอ Youtube ในผลการเซิร์ท Google เช่นกัน เช่นเดียวกับ Flickr ซึ่งเป็นเว็บเก็บรูป เมื่อเราใส่ tagและชื่อให้รูปที่อัพโหลดขึ้นไป ผู้ที่ Search รูป Category ต่างๆก็สามารถที่จะเจอรูปนี้ได้ครับ

เลือกชื่อของเราใน Social NetWork

Social Net Work ในโลกเรามีอยู่หลายตัวมากครับ ลองใช้ http://namechk.com/ แล้วเลือก User Name ของคุณไม่ให้ซ้ำคนอื่น (แน่นอนว่า User Name ของเราควรจะตั้งให้เหมือนกันหมดในทุกๆ Social Tools) จากนั้นก็ลุยกันไปทีละตัวเลยครับ

ตัวอย่าง สไลด์ Social Media Management in action

ด้านล่างเป็น สไลด์ที่ผมพูดในงาน Social Media Conference ถึงเคสที่เคย Implement Social Media จริงจากบริษัท TiGERiDEA สู่ลูกค้ารายต่างๆเพื่อให้ผู้ฟังสามารถปรับรูปแบบการนำเสนอสู่องค์กรของตนเองได้จริง

แนวทางการ Implement SOCIAL MEDIA

ในการเริ่มต้นที่จะทำการตลาดด้วย Social Media เราอาจไม่รู้ว่าจะลงทุนหรือใช้เวลาไปกับ Social Media ตัวไหนบ้างและเริ่มอย่างไร ? ดังนั้นถ้าคุณไม่ใช่คนที่”อิน”กับ Social Media อย่างน้อย 3 ตัวข้างต้น ก็ควรต้องเรียนรู้จากผู้ที่ใช้ Social Media เป็นประจำครับ ถ้าคุณไม่มีเวลาก็สามารถให้คนอื่นที่ต้องมีความรับผิดชอบสูงและเข้าใจคุณเป็นอย่างดีดูแลให้ หรือจะฝึกอบรมเลขาฯที่ไว้ใจได้และมีความถนัดใน Social Network อยู่แล้วก็ได้ครับ อย่าลืมว่าผู้ที่ดูแล Social Network ให้คุณนั้นเปรียบเสมือนตัวคุณเองเป็นคนพูดออกมาและต้องรับผิดชอบคำพูดรวมทั้งคนๆนั้นจะกุม Password ของ Tools ต่างๆไว้ทั้งหมดจึงต้องไว้ใจและมีแรงจูงใจให้ทำจริงๆเท่านั้น

IMPLEMENTATION GUIDELINES:

เมื่อรู้ว่าควรจะทำอะไรบ้างแล้ว ก็ควรจะสร้างแนวทางการทำงาน โดยวางแผนให้ไปถึงวัตถุประสงค์และร่างกลยุทธในการนำเสนอสิ่งที่สังคมจะชอบ เราจะศึกษาว่ากรณีศึกษาใดที่น่าจะเหมาะกับกรณีของการทำงานกับลูกค้า

SOFTWARE RECOMMENDATIONS:

เราสามารถที่จะเลือก Tools ต่างๆท้้้งด้าน SEO และ Social Tools ให้เหมาะสมกับกรณีของลูกค้า จากทั้งหมดนับร้อย Tools

SOCIAL MEDIA AUDIT:

มีการวิเคราะห์อัตราการเข้าถึงกลุ่มเป้าหมาย และกำหนดกลยุทธ์ทั้งการสร้างโอกาสจากการนำเสนอเฉพาะกลุ่ม ( Niche ) หรือการวางกลยุทธ์ ในลักษณะ Main stream

COMPETITIVE ANALYSIS:

คอยพิจารณาคู่แข่งว่ามีการดำเนินการอะไรที่น่าสนใจบ้างด้าน Social Media ศึกษาและวางกลยุทธใหม่เพื่อให้สามารถตอบโต้ได้อย่างเป็นอย่างดี

SOCIAL PROFILE CREATION:

เราจะช่วยดูให้ว่าในท้องทะเลแห่งกระแส Social Media ลูกค้าควรจะเข้าไปที่กลุ่มใดเพื่อที่จะให้เกิดผลดีที่สุด และยังช่วยสร้าง social media profiles ของลูกค้าเพื่อให้เกิดความน่าเชื่อถือและมีการสื่อสาร 2 ทาง

BLOG DESIGN, SETUP AND/OR OPTIMIZATION:

blog ที่มีโครงสร้างไม่ดีจะไม่สามารถดึงดูดผู้อ่านและ Search Engine ได้ง่ายนัก เราจะหาโครงสร้างของบล็อกที่เหมาะกับวัตถุประสงค์ของลูกค้า ไทเกอร์ไอเดียมีชื่อเสียงทั่วโลกจากการแจกธีมที่สร้างโดยคุณจักรกฤษณ์และทีมงาน มั่นใจเรื่องความสะดวก สวยงาม เรียบง่ายและ Search Engine Optimization ที่ได้รับการพัฒนามาแล้ว

BLOG STRATEGY DEVELOPMENT:

เราจะทำงานร่วมกันเพื่อที่จะสร้างเนื้อหาที่ดีในบล็อกของ corporate หรือ personal brand ซึ่งรวมถึงการระดมความคิดจากลูกค้าเพื่อหา Keyword ในการนำเสนอแต่ละช่วง , สอนวิธีการโพสบล็อกที่ถูกต้องตามหลัก SEO ให้ลูกค้าหรือเจ้าหน้าที่ที่ได้รับมอบหมายไว้, หรือบริการเขียนให้ด้วยทีม Copy Writer ทีมงานศิษฐ์เก่าและคณาจารย์จากคณะอักษรศาสตร์จุฬาฯ ที่ทำงานร่วมกับไทเกอร์ไอเดียมากว่า 5 ปี นอกจากนี้ไทเกอร์ไอเดียยังมี Project Manager ที่มีความเชี่ยวชาญในการควบคุมงานด้าน Copy Writer ทั้งไทยและต่างประเทศโดยเฉพาะ

WIDGET STRATEGY DEVELOPMENT:

เรามีการติดตั้ง Widget หรือ ปุ่มลิงก์ Social Tools ที่เหมาะสมให้กับเว็บไซต์และบล็อก เพื่อที่จะดึง Social Media มาใกล้กลุ่มเป้าหมายที่สุด

COMMUNITY BUILDING STRATEGY DEVELOPMENT:

ศึกษาถึงวิธีและการสร้าง communities และวิธีการสร้างความสัมพันธ์

COMMUNITY MONITORING:

วิเคราะห์ผลตอบรับจาก communities แนะนำสิ่งที่สำคัญ วิเคราะห์ว่าควรถอนหรือเพิ่มคีย์เวิร์ดใดๆ , ตอบสนองทั้งความเห็นด้านบวกและด้านลบ

NEW HIRE REVIEWS:

ถ้าคุณต้องการผู้ที่ชื่นชอบ brand ของตัวคุณ หรือสาวก เพื่อชักชวนมาทำกิจกรรมต่าง เราจะรีวิวกลุ่มและคัดเลือกคนที่เหมาะสมที่สุดมาเสนอคุณได้

ลูกค้าของเรา

ลูกค้าเก่าที่ทำไปแล้ว ลองดูที่ TIGERiDEA ได้ครับ
TMB ธนาคารทหารไทยส่วน Custodian
NTC กทช
Blognone
doctorpoonsak
Museum Siam
devasom
one2car

ผู้ชมบล็อกหลายคนคงเคยดูที่เว็บ TiGERiDEA แล้วพบลิงก์ของเว็บ ปรีดี – พูนศุข ผมเองเงื้อง่าจะเขียนหลายทีแล้วแต่คิดว่าคน​ “ทำกับมือ” อย่างคุณจ๋งอธิบายได้ดีเป็นสไตล์เฉพาะตัวมากกว่าครับ และออกเป็นเชิง implement จริงๆไม่ใช่เชิงเทคนิค ดังนั้นขอเชิญคลิกที่รูปด้านล่างเข้าสู่บล็อกของคุณจ๋ง @warong ครับ

เว็บไซต์ pridi-phoonsuk คลิกที่รูปเข้าสู่วิธีการทำในบล็อกของ @warong

หัวข้อที่น่าสนใจ
เทคนิคการทำเว็บ ช่วยชาติ

คุณ MK และ คุณ ลิ่ว ได้เกริ่นกับ คุณเม่น มานานแล้วเกี่ยวกับโปรเจ็คการดีไซน์ Blognone ใหม่ครับ และเมื่อทรัพยากรพร้อมจึงได้เริ่มทำงานกัน โปรเจ็คนี้นับว่าเป็นโปรเจ็คคาบเกี่ยวทั้งระหว่างช่วงก่อนคุณเม่นแต่งงานและหลังแต่งงานเรียบร้อยแล้ว สำหรับการดีไซน์ใหม่นั้นมีการศึกษาและพูดคุยกันพอสมควรก่อน จากนั้นคุณเม่นจึงลงรายละเอียดตามนี้ครับ

การดีไซน์ Blognone

1. คุณเม่นพยายามใช้รูปให้น้อยที่สุด

ที่เห็นน่าจะมีแค่รูปที่เป็น เมนู โดยใช้ฟ้อนท์ที่เห็น และใช้ซ้ำตอนเป็น Side Header ต่างๆ, รูป Gradient BG ของ Header, โลโก้, ลูกศร, bullet นอกนั้นจะใช้ CSS3 ทั้ง text-shadow, border-radius, box-shadow ซึ่ง Browser ส่วนใหญ่รองรับหมดแล้ว และหากไม่รองรับ ก็ยังอ่านรู้เรื่อง แค่ไม่เนียนกิ๊ก

สิ่งที่น่าสนใจคือการใช้ CSS3 เพื่อสร้างกราฟฟิคเหล่านี้ทำให้ภาพรวมดูสวยงามโดยไม่ต้องสร้างออกมา คือไม่ต้องใช้รูปจริง เช่นพวกขอบโค้งต่างๆ หรือเงาของปุ่มในส่วนของ Navigation ,รูปประจำข่าว และอื่นๆ ทำให้รูปที่ดูเหมือนจะใหญ่ในเว็บนี้จริงๆมีขนาดทั้งหมดไม่เกิน 60k ทำให้โหลดเร็วขึ้น โดยคุณเม่นออกแบบในสิ่งที่ “ควรจะเป็น” และ Match กับ Drupal พอดี

2. หน้าแรกคือ “blog”

(ไม่อยากใช้คำว่า News เพราะเว็บชื่อ blognone) จะเห็นว่าตัวอย่างแรกลอก Arstechnica มา ครั้งแรกทีมก็คิดว่าจะทำเป็นเว็บเต็มรูปแบบแต่ไปๆมาก็คงรูปแบบ Blog เหมือนเดิม เพราะเห็นด้วยกับ http://www.usably.net/?p=534

3. มีการปรับโทนสีให้วัยรุ่นขึ้นอีกนิด

4. เสนอ CI ใหม่ คือสีแบบนี้ กับฟ้อนท์ TitilliumMaps26L ซึ่งฟรี

5.ใช้เรื่อง Pixel Perfect ในการดีไซน์

ซึ่งเป็นสไตล์ของคุณเม่นและไทเกอร์ไอเดียอยู่แล้ว

การดีไซน์เก็บกิ๊กในระดับ pixel-prefect สไตล์ TiGERiDEA

6.มีการออกแบบด้วยแนวคิดของ Drupal

ซึ่ง Drupal จะพ่นค่าเป็นกลุ่มของตัวแปร หรือออกมาทั้งบล็อก จึงต้องมองกราฟฟิคทั้งหลายอยู่ในกลุ่มก้อนเดียวกันไม่สามารถแยกอิสระได้ (ในขณะที่ WP พ่นมาเป็นตัวเป็นชิ้น ทำได้ง่ายและอิสระกว่า)

Blognone ดีไซน์แรก

Blognone R0

ดีไซน์แรกด้านบน คุณลิ่วเตือนว่าคุณเม่นยังไม่ได้ใส่ banner ขนาด Leatherboard ด้านบน หลังจากพิจารณาแล้วก็เลย Confirm ใส่ Leatherboard ขนาด 728 x 90 pixel

Blognone Revision1

Blognone R1A ยังไม่ได้ Login

Blognone R1B เมื่อ Login แล้วจะพบชื่อ user มุมบน

พอปรับให้มี ad ก็ต้องปรับเลื่อนเมนูลงมา จะเห็นว่าต้องพิจารณาเรื่องชื่อ Writer username ของ Writer/Contributor ที่ยาวที่สุดใน blognone (bow_der_kleine ) เพราะมันอาจทำให้พื้นที่ชื่อผู้เขียนข่าวดูไม่สวยได้

อย่างไรก็ตาม คุณ MK พบว่าส่วนของ user menu เนื้อที่ค่อนข้างจำกัด เพราะเมนูของ Drupal ค่อนข้างเยอะและให้ไอเดียตัวอย่างเช่นใช้ javascript ทำเป็น dropdown

และมีอีกโจทย์ คือ content ชิ้นที่เป็น features (sticky ในปัจจุบัน) จะทำอย่างไรให้แยกจาก content ปกติ ( เช่นอย่างของ ars นั้นแยกด้วยสี )

Blognone Revision2

Blognone R2A

Blognone R2B

คุณเม่นออกความเห็นว่าถ้าทำ javascript น่าจะไม่เหมาะกับชาว Geek เลยลองทำกล่องมา มันอาจจะไม่ค่อยเหมาะกับคนลงโฆษณาเล็กน้อย เพราะตำแหน่งโฆษณาจะเปลี่ยน แต่ถ้ารับได้ วิธีนี้สะดวกกว่า (ลองดูรูป Blognone R2B ด้านบน )

ส่วนเรื่อง featured item คุณเม่นทำมาให้ 2 สี สีชมพูและสีฟ้า เผื่อสีฟ้าเอาไปใช้กับ advertorial (ถ้าไม่ชอบ badge แบบแถบข้างก็ตัดออกได้)

คุณเม่นมีคำถามเพิ่มว่าด้านข้างจะมีกล่องอะไรบ้าง จะได้เตรียม text ให้ถูก และยังคิดไปถึง icon เพราะถ้าเยอะกลัวมันน่าเบื่อซะก่อน

ส่วนชื่อ Writer ที่มี icon ต้องดูว่าจะ overflow:hidden ทำให้ text ขาดไปนิดหน่อย หรือจะเลือกขึ้นบรรทัดใหม่

Blognone Revision3

Blognone R3

จากนั้นจากการทำประชาพิจารณ์ใน Blognone ก็ได้คอมเม้นท์อีกมากมายลองดูที่ http://www.blognone.com/node/15598 คุณ MK ได้ช่วยสรุปให้

- logo เอาของใหม่ที่คุณเม่นทำมา
- กติกาในช่องคอมเมนต์ แบบข้างดีแล้ว
- เรื่องภาพในหน้าแรกก็ตามที่คุณเม่นออกแบบ เดี๋ยวเรื่องระบบจัดการภาพ ค่อยไปว่ากันอีกทีตอนลงมือทำ

และคอมเม้นท์ของคุณ MK เอง

- รายละเอียดของผู้เขียน (ชื่อ+badge) อยู่ไม่ตรงที่กันในทั้งสองหน้า
- เช่นเดียวกับจำนวนครั้งในการอ่าน หน้าแรกกับหน้าในอยู่คนละที่
- read more น่าจะอยู่ด้านขวาสุดนะครับ ตามลูกศร (ดูของ TechCrunch ประกอบ)
- title ของข่าวยังไม่ค่อยเด่นเท่าไร เมื่อเทียบกับหน้าเว็บทั้งหน้า (ในหน้าใน จะยิ่งเห็นชัด)
- title ของ block ใน sidebar ก็เด่นน้อยไปนิดนึงครับ
- ใน navbar: feature กับ special report คงจะรวมกันครับ แล้วอาจจะเพิ่ม block ของ feature เข้ามาใน sidebar ของหน้าแรกด้วย
โดยข้อสุดท้ายคุณ MK รวมเองก็ได้

เรื่องหน้า Comment

เป็นแบบของ Blognone อันปัจจุบัน มี thread comment ซึ่งเดิมมีปัญหาว่า จะตอบกันจนตกขอบ คุณ MK กะว่าทำระบบใหม่ทีเดียว อาจจะให้มี thread ย่อยได้แค่ 3 ชั้นมากกว่านั้นมันจะไล่กันลงไปตลอด

องค์ประกอบอื่นๆ สำหรับกล่อง comment
- ลิงก์เลขเบอร์คอมเมนต์ (permalink) สำหรับอ้างอิงเดิมคุณ MKใช้ฟอร์แมต #123456 แต่คิดว่าอาจเหลือ # ตัวเดียวพอ จะได้ประหยัดที่
- badge
- ปุ่มสำหรับ reply comment
- สีของคอมเมนต์ แสดงเก่า-ใหม่

Blognone Revision5

Blognone R5

คุณเม่นทำการดัดแปลงจากความคิดหลายๆคน มีการตัดสินใจเรื่อง Navigation Bar โดยปรับให้คล้ายแบบเดิม แต่ลดบางเมนู (ที่ไปอยู่ใน about ได้) และเพิ่มเมนู Featured ที่คิดว่าน่าจะรวบรวม post ที่เคยขึ้น featured ไว้เพราะคุณเม่นเองเคยจะหาของที่เคยอยู่ featured แล้วหาไม่เจอเช่นกระทู้ประชาพิจารณ์เป็นต้น

Blognone R5 เมื่อคลิกเข้าดูข่าว

เพิ่มเติมหน้า Comment เผื่อ Moderator จะใส่ vote เข้ามา และส่วน login ด้านขวา ถ้าเมนูส่วนตัวเยอะก็ให้มันตกๆ ลงไปหลายบรรทัด
(บรรทัดละ 2 ลิงก์) ได้ สุดท้ายตรงคำเตือนในคอมเม้นท์ ผมว่าอยู่ข้างล่างแล้วไม่ได้อ่าน เลยบีบๆ มาอยู่ด้านขวาทำให้ที่คอมเม้นท์น้อยลง

Blognone Revision6

Blognone R6

และแล้วก็มาถึง Revision ท้ายครับ ตัวนี้มีการปรับให้หัวข้อข่าวเด่นขึ้นทุกข่าว และหัวข้อใน Sidebar ปรับสีใหม่ ทำให้มีการเปลี่ยนแปลงเยอะเลยทีเดียว

Blognone R6 เมื่อคลิกเข้ามาที่เนื้อข่าว

เมื่อคลิกเข้ามาที่ข่าวจะมีลักษณะดังรูปครับ และมีรูปแบบของ Comments ด้านล่างเรียนลำดับด้วยเช่นกัน

เมื่อวานนี้ไปบรรยายเรื่อง Social Media in small Biz ให้นักศึกษา ป.โท,เอก ม.เกริก ในหัวข้อสัมมนาเรื่อง New Media New Challenges ครับ นักศึกษาที่มาเรียนหลายคนเป็นผู้บริหารบริษัทต่างๆและ Executive สำหรับเนื้อหาโดยรวมๆผมจะพูดถึงยุคเปลี่ยนผ่านของเว็บ 1.0 ไปที่ 2.0 ไปที่ Social Bookmark และ Social Media และ การปรับ Mindset ด้าน Security ของชีวิตจากปิดเป็นเปิดเพื่อสนับสนุน Google และ ส่งเสริมบารมีทาง internet

บรรยายที่เกริกร่วมกับ ดร.นิพนธ์ นาคสมภพ ผอ. ASTV และ คุณ มานพ โตการค้า TEN TV

เปิดการบรรยายโดยอาจารย์ประจำภาควิชา

นักศึกษาระดับ Executive ที่เข้าร่วมฟังการสัมมนา

นักข่าวสัมภาษณ์หลังบรรยายเสร็จ

เนื้อหาบรรยายที่ เกริก สำหรับ ป.โท ป.เอก

โดยรวมเนื้อหาจะมาจากบล็อกเหล่านี้ที่ผมเคยเขียนมา รวมทั้งบางส่วนก็เปิดข้อมูลจาก Net Future ซึ่งเขียนโดยคุณ MK ขอขอบคุณครับ

Social media คืออะไร
http://www.ipattt.com/2009/social-media/

ทำไมถึงเกิด Social Media เพราะโฆษณามีเยอะมากแล้ว
http://www.slideshare.net/wah17/social-media-35304

ก่อนจะมาเป็น Social Media
http://netfuture.wordpress.com/2009/09/14/evolution-of-consumer-generated-media/

ธุรกิจขนาดเล็กผูกกับ Social Media อย่างไร
http://www.ipattt.com/2009/blog-twitter-small-business/

ตัวอย่างเรื่อง asset online
http://netfuture.wordpress.com/2009/07/30/12-percent-american-buy-virtual-goods/

ผลสำรวจอายุผู้ใช้ twitter
http://netfuture.wordpress.com/2009/11/06/twitter-age-demographics/

ปล. ได้กระเช้าด้วย พร้อมเงินใส่ซองมาอีก 3,000 บาท ขอบคุณครับ ใจดีจัง

วันก่อนมีประเด็นข้อควรระวังเรื่องการทำเว็บให้กับลูกค้าองค์กรเล็กน้อยครับ ใน TOR ไม่ได้กำหนดให้เราเป็นผู้ Config Host แต่พอถึงเวลากลับต้องทำ ที่ต้องระวังคือ ถ้าเราทำเว็บที่ราคาต่ำ และไปใช้ Hosting ร่วมกับเว็บอื่นๆขององค์กรนั้นๆ ต้องระวังผลกระทบและความยุ่งยากในการทำงานที่เพิ่มขึ้นครับ เพราะฉนั้นอย่าลืมย้ำกับลูกค้าต้งแต่แรกถึงขอบเขตความรับผิดชอบตรงนี้ด้วย บางครั้งเรื่อง Hosting ของเว็บรัฐบาลนั้นความรับผิดชอบที่ตามมามีมูลค่าสูงกว่าเว็บไซต์เสียอีก

หลังการต่อรองครั้งนี้ลูกค้าจึงจัดเจ้าหน้าที่ที่รับผิดชอบให้ และให้ทางเราให้คำแนะนำทางโทรศัพท์เล็กน้อยครับ ทำให้ใช้ Man Day ด้าน Consult แต่อาจไม่ต้องรับเรื่องเกี่ยวกับคำถามด้าน Host ในอนาคต

อีเมล์ดีลต่อรองด้าน Hosting

ผมพัชรนะครับ บังเอิญทราบจากน้องวิทย์มาว่าทาง xxx จะให้ทีมงาน TiGER และ Marvelic ไป Config Host เองในส่วนของเว็บไซต์ภาษาอังกฤษ ก่อนจะโทรไปคุยในช่วงสายพรุ่งนี้ผมส่งเมล์สรุปมาให้ก่อนครับ

ในส่วน config host นี้อาจลำบากพอสมควรครับเพราะว่าไม่ได้ตกลงกันไว้ก่อนใน TOR และ Quotation ครั้งแรกที่ออก TOR ทางเราก็คาดว่าหน่วยงาน xxx จะมีการเตรียมการ Hosting และ Config ให้พร้อมเหมือน กับที่เคยทำงานส่วน intranet จึงคิดราคาค่าทำเว็บไซต์เพียง 71,XXX.00 บาทเท่านั้นครับ ซึ่งถ้าดูใน Quotation จะครอบคลุมดำเนินการออกแบบเว็บไซต์ภาษาอังกฤษ xxx.or.th (Website re-design) และพัฒนาหมวดหมู่เนื้อหาข้อมูล Website re-structure content categories) โดยใช้เครื่องคอมพิวเตอร์แม่ข่ายเครื่องใหม่ที่ได้รับการสนับสนุน และย้ายข้อมูลลงบน Joomla System เท่านั้น แต่ไม่รวมค่า Config host

โดยปกติราคาต้นทุนที่ทาง Marvelic และราคาตลาดที่ใช้ Software OpenSource ในการ config Web Server (host) ใหม่ นั้นอยู่ที่ประมาณ 25,000 บาท เพราะการทำงานมีผลกระทบต่อหลายด้านทั้ง Security โดยรวมและปัญหาที่มีต่อตัวโฮสเอง นอกจากนี้ยังต้องใช้บุคลากรระดับ admin Host ซึ่งในบริษัทมีบุคลากรระดับนี้ไม่กี่คนด้วยครับดังนั้นจึงเป็นต้นทุนที่ค่อนข้างสูงและเมื่อรวมการบริหารและความรับผิดชอบเข้าไปอาจมีราคาหลายหมื่นบาท แต่ถ้าครอบคลุมเกี่ยวข้องกับ network ภายใน หรือต้องไป design ระบบ network อีกก็เป็นหลักแสนครับ

สำหรับทางออกถ้าหน่วยงาน xxx ไม่มีพนักงานที่สามารถลง linux และ php,mysql,apache,ftp,ssh และ Config Host ให้ได้จริงๆผมเสนอว่า สามารถที่จะลดการทำงานในหัวข้อ บรา บรา บรา ฯลฯ

ขอบคุณ @joomlacorner ที่เตือน @simplywit ในประเด็นข้างต้นนี้ น้องวิทย์เล่าที่พี่บังเตือนให้ผมฟังจึงเกิด email ข้างต้นครับ

ข้อควรระวังด้าน Hosting และการทำงานร่วมกับแผนก IT ลูกค้า

นอกจากนี้ยังมีข้อควรระวังด้าน Hosting อีกมากมาย ยิ่งในกรณีทำเว็บธนาคารที่ต้องการ Security สูงมาก ถ้าเราไปทำเว็บ Information ปกติก็ต้องถูกตรวจสอบด้าน Security ในมาตรฐานใกล้เคียงกับเว็บธนาคารทั่วไปด้วย กรณีของ TiGERiDEA ที่ทำเว็บไซต์โชว์ Report แต่ไม่เกี่ยวข้องกับการเงินก็เคยถูก Price Waterhouse Coopers ตรวจสอบมาแล้วเช่นกันครับ ทำให้ต้องใช้ Manday เพิ่มเติมของ Security Programmer มาแก้ไขตามลิสต์ต่างๆ

ส่วนข้อควรระวังอื่นๆที่เป็นปัญหาใหญ่ในไทยก็คือ Server Windows ระบบเก่ามากๆ ไม่ Support ลูกเล่น CMS รุ่นใหม่ , การทำ Server เสมือน, การแชร์ Bandwidth ร่วมกับเว็บใหญ่ ฯลฯ และที่สำคัญที่สุดคือ ฝ่าย IT ในองค์กรบางองค์กรกลับเป็นฝ่ายขัดขวางการทำงาน และไม่ค่อยจะ Support เท่าไหร่ครับ โดยมากจะพูดว่า “ที่เคยทำมาเค้าก็ทำกันได้ ไม่เห็นมีปัญหาเลย ทำไมคุณต้องทำให้มันยุ่งยาก” ทำให้ในสายตาของโปรแกรมเม่อร์บริษัทเล็กๆอย่างพวกจึงเห็นฝ่าย IT ขององค์กรโบราณเสมอ…

ในความเป็นจริง Server ให้เช่าของผู้ให้บริการภายนอกตอนนี้เทคโนโลยีนำหน้าไปมากแล้วด้าน Security และความเร็วความสเถียร แถมลงทุนก็น้อยกว่ามากนับสิบๆเท่า แต่องค์กรส่วนใหญ่ก็ยังติดกับเรื่องข้อมูลว่าไม่อยากให้อยู่ในมือของคนอื่น ทั้งที่ข้อมูลบางอย่างไม่สำคัญหรือมืมูลค่ามากมายเสียด้วยซ้ำครับ บริษัทบางบริษัทขนาดก็เล็กแต่ต้องลงทุนมีฝ่าย IT เพื่อดูแลข้อมูลหยิบมือ ในขณะที่ผู้ที่อยู่ฝ่าย IT นั้นก็ต้องพยายามทำให้ฝ่ายตนเองมี Value ให้มากที่สุดเพื่อดำรงความมั่นคงของฝ่ายต่อไป… ดังนั้นคงไม่เกิดคำถามที่จะแก้ไขลดต้นทุนโดยการไปใช้ผู้ให้บริการอื่นๆแน่นอนครับ

ไม่เชื่อลองดูตัวอย่างฝ่าย IT ของทำเนียบรัฐบาลสิครับ Server ล่มได้ล่มดีแทบทุกอาทิตย์ แม้แต่ตัวหัวหน้าศูนย์เองยังใช้ gmail และให้สมาชิกในที่ประชุมใช้เมล์จากผู้บริการข้างนอกส่งหากันเนื่องจากถ้าใช้เมล์ที่ลงท้ายด้วย .go.th นั้นเชื่อถือไม่ได้ว่าส่งถึงกันจริงหรือเปล่า !

โครงการทำเว็บไซต์ภาษาอังกฤษและ Re-Design Intranet ใหม่ของ กทช ของไทเกอร์ไอเดียครับ อันนี้เป็น Revision 1 ออกแบบโดยคุณเม่น

เว็บไซต์ภาษาอังกฤษ กทช.

เว็บไซต์ กทช ดีไซน์ minimalism

อันนี้กระป๋องด้านบนเอามาจาก ads ของ กทชตามรถไฟฟ้า แต่ที่ประชุมบอกเหมือนกาละมัง

เว็บไซต์ที่ดี ต้องมีหน้าผู้บริหารอยู่หน้าแรก

NTC website Revision 2

เนื่องจากตัว N ที่คุณเม่นพยายามทำให้นึกถึง ‘ก’ ของ กทช มันลึกซึ้งไปหน่อย ผู้บริหารงงจึงเปลี่ยนกลับมาเป็นตัว N ปกติครับ

เว็บภาษาอังกฤษ Revision2

สำหรับเว็บข้างต้น ผมใช้เวลาอธิบายยาวนานมากถึงคำว่า “เนียน” โดยเปิดเทียบกับเว็บ กทช ต่างประเทศหลายเว็บ และอภิปรายชี้นำว่าถ้าทางนี้ยอมใช้เว็บที่ minimalism ( นิยมการลดทอน​ ) ล่ะก็จะเป็นต้นแบบของเว็บราชการสมัยใหม่เลยเชียว ผมพูดดักๆในที่ประชุมไว้ประมาณว่า คนสมัยใหม่ นิยมเว็บที่เรียบง่ายอย่างนี้และไม่จำเป็นต้องมีการแบ่งส่วนข้อมูลด้วยกรอบ เราต้องคิดนอกกรอบ ฯลฯ ซึ่งที่ประชุมก็ไม่กล้าเป็นคนสมัยเก่าครับเลยถือว่ายอมรับ

อินทราเน็ท สำหรับใช้ภายใน กทช

อินทราเน็ท สำหรับใช้ภายใน ลูกค้าต้องการ dashboard

อันนี้เป็นการดีไซน์ให้เข้ากับเลย์เอาท์ของกรมอุตฯเหมืองแร่เดิม เพราะต้องนำไปจับกับ Mambo ที่ @joomlacorner เคยไปเทรนคนของ กทช ไว้เมื่อนานมาแล้วครับ ปัญหาคือต้องนำ Banner side bar ด้านข้างมาใช้เหมือนเดิมทำให้เว็บดูไม่ค่อยปิ๊งเท่าไหร่ (ลองปิด banner ด้านขวาทั้งแถบดูสิครับ จะรู้สึกว่าเว็บดู clean ขึ้น ) และด้วยระบบที่ยืดหยุ่น ทำให้สามารถเปลี่ยนสีเว็บได้ตามใจชอบผู้บริหารครับ และยังปรับขนาดฟ้อนท์ได้ด้วย แต่น้อง @sexdrum บอกว่าระบบนี้มันมีมานานแล้วนะ

ntc-intranet-red

ntc-intranet-purple

ntc-intranet-green

ntc-intranet-brown

ntc-intranet-blue

สิ่งสำคัญหลังการประชุมเรื่องดีไซน์ก็คือ ให้ Print หน้าเว็บที่ประชุมกันไปออกมาเลย และถ้ามีการแก้ไขตรงไหนก็วงและเขียนไว้ จากนั้นก๊อปปี้สีแจกจ่ายให้ทุกฝ่ายหลังประชุมเสร็จครับ เพราะมิเช่นนั้นในการประชุมครั้งต่อไปจะทำให้ลืมประเด็นที่แก้ไขหรือลืมว่าเรา approve ไปอย่างไร ตัวอย่างง่ายๆคือ ในการประชุมครั้งแรก ที่ประชุมสรุปว่าให้ดีไซน์เลย์เอาท์คล้ายเว็บเก่าเพื่อที่ User จะได้คุ้นเคยและไม่เสียเวลาเรียนรู้ แต่พอประชุมครั้งต่อมาท่านหัวหน้าโพล่งขึ้นมาก่อนเลยว่า ทำไมดีไซน์เหมือนของเก่าจัง อย่างงี้จะทำใหม่ทำไม?

อย่างไรก็ตาม กทช เองก็มีโครงการที่จะนำ websphere+Oracle มาใช้ ดังนั้นไม่แน่ใจว่าดีไซน์นี้จะอยู่ได้นานเท่าไหร่เช่นกันครับ แต่ถ้าทำเสร็จได้ภายในระยะที่กำหนด ผมคิดว่านี่จะเป็นเว็บราชการที่ถูกและเสร็จเร็วที่สุดในประวัติศาสตร์เลย ( ภาวนาให้เป็นเช่นนั้น เพราะถ้าถูกและเสร็จช้าจะขาดทุนยับเยินครับ )

การแปลเอกสารและ content เว็บภาษาอังกฤษ

ในส่วนของทีมงานแปลเอกสารต่างๆซึ่งเป็นเรื่องใหญ่เหมือนกันนั้น ได้ให้น้องวิทย์ @simplywit มาเป็น project manager ด้วยครับ น้องวิทย์เคยทำงานในบริษัทรับแปลเว็บมาก่อน (ตลาดบริษัทรับแปลเว็บเป็นอีกตลาดที่ใหญ่พอสมควรในไทย) สำหรับโปรเจ็คนี้ TIGERiDEA ทำงานร่วมกับทีมแปลและอาจารย์จากคณะอักษรศาสตร์ จุฬาฯโดยการแปลนั้นต้องใช้คนที่เคยแปลในสายเทคโนโลยีและกฏหมายซึ่งเป็นสายที่หาได้ไม่ง่ายนักและค่าตัวแพงมาก ( ราคาแปลหน้าละมากกว่า 1,500 บาท ราคาต้นทุน ) ในครั้งแรกใน TOR ระบุเพียงการแปลข้อมูลทั่วไปแต่ทางลูกค้าเอาข้อมูลเชิงกฎหมายและสนธิสัญญาซึ่งยากกว่ามาให้ ทำให้ทางทีมต้องต่อรองเรียบเรียงต้นฉบับใหม่ ผลการเจรจาก็ได้รับการยอมรับด้วยดีในที่ประชุม

เนื่องจาก TIGERiDEA จะสนับสนุนการทำงานแบบซื้อ Manday Pre-paid เพื่อประสิทธิภาพโปรเจ็คครับ ดังนั้นขอใช้พื้นที่บล็อกเก็บข้อมูลและพัฒนา rate , Subject to change without Notice

Manday ต่อเดือนคือ 22 วัน
การซื้อ Manday สำหรับโครงการทำเว็บและบริหาร Social Media ทั่วไป
จะตกเดือนละ 20000-30000 ตามคำแนะนำด้านล่างครับ

กรณีทำเว็บใหม่

โปรเจ็ค website Chan Wanich

รายเดือน เดือนละ 20000 บาท
ทางบริษัทจะจัดสรรค์เวลาให้ 22 manday/เดือน
จ่ายเงินวันที่เซ็นเริ่มต้น

( จำนวน 4 เดือน ทั้งหมด 80,000 บาท หากใช้เวลา
เกิน 4 เดือน ทางบริษัทจะคิดเพิ่มรายเดือน )

โดย manday มีสโคปดังต่อไปนี้

กรณีทำเว็บใหม่

1.Design โครงหน้าครั้งแรก (มีเว็บ Ref.) 5 วันต่อครั้ง
2.แก้ไข Design หน้าแรก 3 วันต่อครั้ง

3.Design โครงดีไซน์หน้าอื่น กรณีหน้าแรก Approve หน้าละ 3 วัน
4. แก้ไขดีไซน์หน้าอื่น 3 วันต่อครั้ง

5.ตัด CSS 5 วัน (ไม่เกิน 6 หน้า)
6.ลง WordPress 4 วัน (ไม่เกิน 6 หน้า)

รวมทำเว็บใหม่ ขึ้นเว็บใช้เวลา 5+3+4+3= 17 วัน ถ้ามีเพิ่มมากกว่า 5 หน้า จะใช้เวลาหน้าละ 2วัน

ถ้าลูกค้าใช้เวลาตัดสินใจ 3 วันระยะเวลาจะบวกไปอีก 3 วัน

ในกรณีที่เว็บขึ้นแล้วมีการแก้ไข

7.ปรับเปลี่ยนรูปและข้อความ ใช้เวลา 3 วัน
8.เพิ่ม จำนวนหน้า 4 วัน
9.ลดหน้า 2 วัน
10.บริการหารูปให้หน้าละ 2 วัน ยกเว้น Gallery ให้ตกลงเป็นกรณี
11.เปลี่ยนโครงสร้างและเลย์เอาท์ใหม่ 13 วัน

12. การประชุม onsite จะคิดเป็น 5 Manday เช่นกัน ดังนั้นแนะนำให้ ใช้ email และโทรติดต่อสะดวกกว่า

หากมีฟังก์ชั่นอื่นนอกจากนี้ให้ตกลงเป็นกรณี

คำแนะนำ :

1.ลูกค้าควรต้องมี Resource รูปที่ถูกเลือกมาแล้ว ข้อความ site map CI พร้อมจะทำให้ทำงานแล้วใช้เวลาได้เต็มที่
จึงจะทำให้ใช้เวลาได้เต็มที่ หากข้อมูลไม่พร้อม ทางเราสามารถช่วย Consult ได้ซึ่งก็คิดเป็น Manday เช่นเดียวกัน
2.ระยะเวลาขึ้นกับการตัดสินใจและความยากง่ายของเว็บด้วยเช่นกัน ทางทีมงานจะสรุป Turn around Time ให้ในแต่ละช่วง

3. การทำงานถ้าเซ็นสัญญา 6 เดือนเท่านั้นถึงจะทำราคาคงที่ได้ 20000 บาทกรณีเว็บองค์กร
ถ้าซื้อเดือนต่อเดือนจะมีราคาเดือนละ 30000 บาท
ถ้า Contract 1 ปีจะมีราคาเดือนละ 17,000 บาท

หมายเหตุการทำเว็บไซต์

1. ในช่วงเวลาที่มีการตัดสินใจของลูกค้าจะถือเป็น manday กินเปล่าของทางบริษัทไทเกอร์ไอเดีย

2. การติดต่อสำหรับข้อมูลในการทำเว็บไซต์สามารถติดต่อได้ในเวลา 13:00 – 15:00 น.ในวันทำการของทุกวัน

Social Implementation

Keyword to Our Copywriter

Blog

1.Thai Social Contents
creat new 4 set / month on blog ( 4 manday/new content )
2.Copy news with keywords everyday ( 1 Manday )

facebook

page / customer สร้าง page ( 3 manday )
update page ( 2 manday )
update news from blog (1 manday)

twitter

twitter post daily tweet keyword from blog (1 manday )

กรณีทำเว็บโครงการที่ต้องมีการเขียนโปรแกรมและร่วม Develop Requirement

ในกรณีนี้ ทางลูกค้าจะบอก Requirement มา และทางไทเกอร์ไอเดียจะแจ้ง Turn around time ของแต่ละหน้าที่รับผิดชอบให้ครับ Manday ใน Job ต่างๆจะคล้ายๆกับตัวอย่างการเสนอ Turn Around time โพสนี้

ตัวอย่างการซื้อ Tickets สำหรับโปรเจ็คพัฒนา Social Website

ลูกค้าสามารถที่จะจ่ายรายเดือนซี้อ Ticket จำนวน 60,000 บาท 

• ตัวอย่างที่ 1 ระยะแรกจะได้รับ Manday ของผู้รับผิดชอบดังนี้

Project Manager and Consultation Manday ละ 8,000 บาท จำนวน 2 Manday
( ผู้แนะนำ วางแผนงาน ให้คำแนะนำเชิงกลยุทธ์ )

System Analyst 6,000 บาท จำนวน 2 Manday
( ผู้ตีความ Requirement และออกแบบ Flow ของการทำงานมาสู่เว็บโปรแกรมและการแสดงผลของลูกค้า )

Website Architecture 6,000 จำนวน 2 Manday
( ผู้ออกแบบโครงสร้าง เว็บไซต์และระบบ โครงร่าง Wireframe เลือกเทคโนโลยีที่เหมาะสมกับระบบ )

Programmer 5,000 บาท จำนวน 3 Manday
( ผู้เขียนโปรแกรม )

Art Director 5,000 บาท 1 Manday
( ผู้ออกแบบ Logo ต่างๆ )

หลังจากเว็บไซต์มีการวางโครงสร้างไว้เรียบร้อย 

• ตัวอย่างที่ 2 ในจำนวน Ticket ที่เท่ากันจะได้รับ Manday ดังนี้

Project Manager and Consultation Manday ละ 8,000 บาท จำนวน 1 Manday
( ผู้แนะนำ วางแผนงาน ให้คำแนะนำเชิงกลยุทธ์ )

System Analyst 6,000 บาท จำนวน 2 Manday
( ผู้ตีความ Requirement และออกแบบ Flow ของการทำงานมาสู่เว็บโปรแกรมและการแสดงผลของลูกค้า )

Art Director 5,000 บาท 1 Manday
( ผู้วางทิศทางการออกแบบ ทำการออกแบบหน้าตาเว็บไซต์ในหน้าหลัก )

Graphic Designer 3,000 บาท 6 Manday
( ผู้ออกแบบเว็บไซต์ นำแบบจาก Art Director มาออกแบบต่อในด้านรายละเอียดในแต่ละหน้า รวมถึง Banner ต่างๆ ฯลฯ)

Programmer 5,000 บาท จำนวน 4 Manday
( ผู้เขียนโปรแกรม )

Social Media Copywriter 3,000 บาท 1 Manday
( ผู้เขียนเนื้อหาในเว็บไซต์ และ Social Media )

Editor 2,000 บาท 1 Manday
( ผู้ใส่ข้อมูลต่างๆลงในเว็บไซต์และจัดแต่งให้สวยงาม)

ขั้นตอนการเสนอราคา โดยปกติ TiGERiDEA จะแบ่งเป็นสเกลต่างๆ สำหรับองค์กรขนาดต่างๆ ดังนี้ครับ ซึ่งจะสามารถประยุกต์ใช้กับหน่วยงานอื่นๆก็ได้

1. ขั้นตอนการเสนอราคา องค์กรขนาดเล็ก หรือเว็บส่วนบุคคล

โดยปกติจะเริ่มจากคุยสิ่งที่น่าสนใจทางโทรศัพท์หรือมีการนัดคุย (แล้วแต่สเกลของเว็บไซต์ ถ้าเว็บราคาต่ำกว่า 50,000 บาทมักคุยงานทางโทรศัพท์ทั้งหมดครับ ) และให้ทางทีมงานทำเว็บเป็นผู้เสนอราคา (Quotation ) ระหว่างนั้นถ้าลูกค้าต้องการดูแนวดีไซน์ทางทีมงานจะส่งเว็บที่ เป็น Reference หรือ Template ไปให้ แต่ไทเกอร์จะไม่มีนโยบายดีไซน์ไปให้ดูก่อนเซ็นใบเสนอราคานะครับ และถ้าเซ็นใบเสนอราคาไปแล้วทางทีมงานก็จะมีการส่งใบแจ้งหนี้ ( Invoice ) เพื่อเรียกเก็บเงินมัดจำงวดแรกตามเปอเซ็นท์ที่ได้ตกลงกันไว้ โดยมากถ้าเว็บที่มีราคาต่ำกว่า 50,000 บาทจะเรียกเก็บ 50% ครับ จากนั้นเมื่อได้รับเงินแล้วจึงเริ่มทำงานตามขั้นตอน

สำหรับใบเสนอราคานั้น เมื่อเซ็นแล้วจะสามารถใช้เป็นหนังสือสัญญาในการทำโครงการได้ในตัวเองครับ

2. ขั้นตอนการเสนอราคาองค์กรเอกชนขนาดใหญ่

องค์กรแบบนี้อย่างน้อยต้องมีการเริ่มเข้าไปคุยงานโดยผู้ที่เกี่ยวข้องบางคนก่อน คณะกรรมการขององค์กรอาจมีการเรียกหลายเจ้าเข้าไปคุยเพื่อดูศักยภาพ จากนั้นจะมีการร่าง TOR ( Term Of Requirements ) ของโครงการโดยองค์กรออกมาซึ่งอาจเป็นการร่วมกันร่างก็ได้ และ TOR จะถูกปรับแ้ก้ไปมาเพื่อให้เป็นที่ยอมรับทั้งฝ่ายที่จ้างและฝ่ายถูกจ้าง จากนั้นจึงแนบใบเสนอราคาพร้อม TOR ไปยังฝ่ายจัดซื้อ ฝ่ายจัดซือจะออกใบสั่งซื้อ ( PO : Purchasing Order ) เมื่อได้รับใบสั่งซื้อแล้วทางทีมงานผู้รับจ้าง(ไทเกอร์ไอเดีย)จึงจะเริ่มทำงานได้

สำหรับงานหลายๆงานที่เป็นงานเร่งด่วน เคยมีกรณีที่ลูกค้าซึ่งเป็นหน่วยงานที่ใช้งานทางทีมไทเกอร์เป็นหลักเกิดรีบเร่งมาก พอไทเกอร์ส่งเอกสารเรียบร้อยก็มีการสั่งงานให้ดีไซน์และ revise อยู่หลายครั้ง ปรากฎว่า PO กลับมีปัญหาทำให้งานทั้งหมดที่ไทเกอร์ทำไปนั้นไม่สามารถเก็บเงินได้ทั้งหมด และดีไซน์ที่ทางทีมทำไว้ลูกค้ากลับนำไปให้ Supplier เจ้าอื่นที่ได้รับการออก PO ทำอีกด้วย ดังนั้นต้องระวังให้ดีครับ จุดสำคัญคือเราควรทำงานเมื่อโปรเจ็คได้รับการรับรองว่าต้องทำแล้วตามสัญญาเท่านั้นไม่ว่าโปรเจ็คจะมีขนาดเท่าไหร่

3. ขั้นตอนการเสนอราคา องค์กรของรัฐ และรัฐวิสาหกิจ

เริ่มจากการมี RFP ( Request For Proposal ) หรือประกาศความต้องการโครงการจากองค์กรของรัฐที่ต้องการการเข้ามาเสนอกิจกรรมพัฒนาต่างๆให้บริษัทต่างๆที่สนใจโครงการ หรือเอกสาร TOR ที่ระบุสเป็คกิจกรรมต่างๆ ถ้าบริษัทใดสนใจจะสามารถเข้ามาเสนอโครงการได้โดยการเข้ามาซื้อซองประมูลงานโดยมีราคาเป็น % ตามมูลค่าโครงการเพื่อป้องกันไม่ให้ใครก็ได้เข้ามาประมูลโครงการร้อยล้านเล่นๆ จากนั้นบริษัทที่สนใจจึงไปร่าง proposal พร้อมใบเสนอราคามาในวันยื่นซอง

เมื่อถึงวันเปิดซอง (ประกาศ สอบราคา )คณะกรรมการที่ได้ตรวจราคาและสเป็คเรียบร้อยแล้วจะแจ้งให้บริษัทที่ได้รับคัดเลือกเข้ามาเจรจาเรื่องการขอลดราคาอีกครั้งหนึ่ง (ถ้าลดได้ ก็ถือว่าฝ่ายจัดซื้อมีผลงานใช้ได้ ) และจากนั้นก็จะมีการชี้บริษัทที่ได้รับคัดเลือกในที่ประชุมท่ามกลางสักขีพยาน จากนั้นจึงดำเนินการด้านสัญญาและภาษีต่อ บริษัทผู้รับจ้างอาจต้องจ่ายค่าประกันโครงการให้ผู้จ้างก่อนเพื่อเป็นการป้องกันการหนีงานกลางคันเป็นเปอร์เซ็นแล้วแต่ตกลง โดยมากอยู่ที่ 5- 10% เช่นโครงการสามล้าน ทีมงานอาจต้องจ่ายถึง 3แสนบาท นอกจากนี้สัญญาและเทอมจ่ายเงินอาจจะมีการตีกลับกันไปกันมารวมทั้งต้องเซ็นกันหลายฝ่ายมากตั้งแต่ฝ่ายสัญญา ฝ่ายจัดซื้อ ฝ่ายที่ต้องการระบบ ฝ่าย IT ฝ่ายการตลาด ฯลฯ (บางครั้งโปรเจ็คจะเสร็จแล้วสัญญายังไม่เสร็จเราก็ยังเก็บเงินไม่ได้ต้องระวังตรงนี้ด้วย) จากนั้นจึงส่งสัญญาพร้อมสำเนาเอกสาร TOR ที่ตกลงกันแล้วพร้อมเอกสารประกัน และทางบริษัทผู้รับจ้างยังต้องไปเสียอากรแสดมป์หรือค่าสลักหลังสัญญาเป็นจำนวนเงินสัดส่วนตามโครงการที่สรรพากร (ค่าสลักหลังและอากรแสดมป์นี้ถือได้ว่าเป็นการให้สรรพากรเป็นพยานในสัญญาและสรรพากรก็เป็นเสือนอนกินทีเดียวครับ) เมื่อสัญญาเรียบร้อยจะถือว่าเป็นการเริ่มโครงการอย่างเป็นทางการก็ได้เช่นกัน

อย่างไรก็ตาม การจัดซื้อจัดจ้างขององค์กรรัฐมีหลายแบบคือ

• ขั้นตอนการซื้อและการจ้างโดยวิธีตกลงราคา
• ขั้นตอนการจัดซื้อ/จ้างโดยวิธีสอบราคา
• ขั้นตอนการซื้อและการจ้างโ่่ดยวิธีประกวดราคา
• ขั้นตอนการจัดซื้อโดยวิธีพิเศษ
• ขั้นตอนการจัดจ้างโดยวิธีพิเศษ
• ขั้นตอนการจัดซื้อ / จ้างโดยวิธีกรณีพิเศษ
• ขั้นตอนการจัดซื้อ / จ้างโดยวิธีประมูลด้วยระบบอิเล็กทรอนิกส์ ( E – Auction )

แต่ละแบบจะมีขั้นตอนต่างกันบ้างซึี่งต้องทำความเข้าใจตามโครงสร้างนี้คร้ับ

สำหรับโครงการแต่ละอันจะเข้าหลักเกณฑ์การจัดซื้อจัดจ้างแบบไหนลองพิจารณาตามราคาและลักษณะของโครงการดังนี้

รายละเอียดเพิ่มเติม การจัดซื้อจัดจ้าง

ระเบียบสำนักนายกรัฐมนตรีว่าด้วยการพัสดุ พ.ศ. ๒๕๔๙
ร่างพระราชกฤษฎีกาว่าด้วยการการซื้อจัดจ้างและการบริหารพัสดุภาครัฐ
เว็บไซต์จัดซื้อจัดจ้างของรัฐบาล
โพสน่าสนใจ เว็บราชการทำไมถึงแพง
โพสน่าสนใจ การคิดราคาเว็บ : ว่าด้วยความหมายใน Quotation/เปรียบเว็บกับบ้าน