Conceptual Design สำคัญสำหรับการทำเว็บ

จากหัวข้อ Conceptual Design สำคัญสำหรับการทำเว็บ ผมจะขอยกตัวอย่าง การทำเว็บ JaeseeSteel.com เป็นเว็บไซด์ ของลูกค้าที่ต้องการ ทำเว็บสำหรับ ขายเหล็กมือสอง เหล็กเกรดบี โดยมี Conceptual Design ดังนี้

  1. เป็นเว็บขายเหล็ก
  2. เน้นให้ผู้เข้าเว็บ โทรศัพย์ เข้ามาขอรายละเอียด

ต้องดีโจทย์ ให้แตกว่า เว็บขายเหล็ก ต้องเป็นอย่างไร

ผมเริ่มต้นจากเหล็ก ผมคิดถึงสีอะไระ ผมคิดถึงสีเหลือง สีส้ม (มาจากสีกันสนิม)

ต่อมาก็ graphic ที่จะมาใช้ในเว็บ ผมต้องพยายามทำความรู้จักกับ ความรู้เรื่องเหล็ก หน้าตัดของเหล็ก

 

 

 

และที่สำคัญที่สุด ข้อมูลที่ได้จากลูกค้า

  • ชนิดของสินค้าที่ลูกค้าขาย
  • รูปแบบที่ลูกค้าขาย
  • Package ที่ลูกค้าขาย
  • โกด้ง หรือ บรรยากาศ ร้าน หรือ ออฟฟิด ลูกค้า

เสร็จแล้วเราก็ สเก็ดออกมา

 

 

วาดออกมาแล้ว ขอคำแนะนำจากลูกค้า พยายามให้ ลูกค้าเห็นความต้องการของเขา ให้ชัดเจน

 

 

ต่อมาก็ง่ายละ ทำโค้ดออกมา บน XAMPP

 

 

ให้ลูกค้าช่วยปรับ ให้ตรงกับความต้องการของเขาให้มากที่สุด ตรงนี้จะเสียเวลามาก ผมเคยทำแก้เป็น 10 ครั้งเลยนะครับ ตอนรับงานออกแบบเว็บไซด์ แรกๆๆ ก็มี อารมณ์หงุดหงิด แต่พอรับงานมากๆ เข้าใจเลยว่า เราตัดชุดให้ลูกค้าใส่นะ ไม่ได้ตัดชุดใส่เอง ไม่มีใครเข้าใจธุรกิจ ของลูกค้า เท่ากับตัวลูกค้า ครับ

 

 

ส่วนของหน้าแผ่นที่ จะใช้ Procamaps Plugin ง่ายหน่อย ผมชอบ Joomla ตรงมี Extension แยะ

 

 

ส่วนนี่หน้า Contact Us ใช้ Extension ของ Joomla ให้ eMail อัตโนมัดไปที่ eMail ของลูกค้าด้วย เพื่อความเร็ว และ ไม่พลาดการติดต่อ

 

 

ต่อมาผม SEO (Search Engine Optimisation) ให้กับลูกค้า โดยใช้ Adwords ด้วย ในการทำเว็บแรกๆ ถ้าไม่ทำ Adwords แล้วใครจะหาเราเจอ ด้วย keyword 3 คำ

  1. เหล็กเกรดบี
  2. เหล็กมือสอง
  3. เหล็กไอบีมมือสอง

ต้องขึ้นหน้าหนึ่งของ google แบบนี้

 

และนี่ บัญชี adwords ที่ผมต้องทำให้ลูกค้า

 

 

เห็นไหมครับแค่นี้ลูกค้าก็รับโทรศัพย์ จากกลุ่มเป้าหมายที่จะซื้อเหล็กเขาแล้ว

ค่าใช้จ่ายของเว็บแบบนี้

มาสเตอร์ อึ่ง ทำงานไม่แพงอย่างที่คิดครับ ผมเน้นคุณอยู่ได้ ผมอยู่ได้ ไม่ไช่ตีห้วเข้าบ้าน มาดูราคาเว็บ JaeseeSteel.com กัน

  1. โดเมนเนม จดที่ makewebthai.com ราคา 500 บาทต่อปี
  2. Hosting เช่าที่ 999 โฮสมงคล ของ makewebthai.com ราคา 999 บาทต่อปี
  3. ค่า Design Template ทำ codding รวมไปถึงทำบัญชี Adwords ด้วย 5000 บาท จ่ายครั้งเดียว ผม Backup เว็บให้ด้วย ใช้ได้ตลอด หมด 1 ปี ก็จ่ายแค่ โดเมนเนม และ Hosting เท่านั้น

สรุป 6499 บาท ได้เว็บ และ SEO หน้า 1 google แล้วครับ

 

 

Deprecated: Assigning the return value of new by reference is deprecated in /home/makeweb/domains/makewebthai.com/public_html/modules/mod_news_pro_gk1/mod_news_pro_gk1.php on line 45

อยากติดตั้ง google Map บน Joomla ต้องทำอ

News image

อยากติดตั้ง google Map บน Joomla ต้องทำอย่างไร ? ก็ตามหัวข้อเลยครับ สมัยนี้จะให้เขียนแผนที่เอง ก็จะเป็นอะไรที่เราเข้าใจคนเดียว ลูกค้า ไม่เข้าใจ ถ้าเราสามารถใช้ google Map แล้ว spot ตำแหน่นงของบริษัทเราลงไป สามารถนำแผนที่ google Map นี้ไปแสดงบน Joomla แบบนี้     ติดตั้ง google Map บน Joomla ต้อง Phocamaps Plugin ...

อ่านต่อ ...

ทดสอบของใหม่ joomla 1.7.2 บน XAMPP

News image

เห็นเขาลือกันว่า joomla 1.7.x สวยนัก สวยหน่า เดี๋ยวต้อง ทดสอบซะหน่อย หลังจากที่เราได้ไปโหลด joomla 1.7.2 มาเป็นที่เรียบร้อยแล้ว (ใครยังไม่ได้โหลด joomla 1.7.2 ไปโหลดมาได้จาก ที่นี่ ครับ) หลังจากโหลด Joomla 1.7.2 ผมได้ทำการ แตกไฟร์ และ เอาส่วนที่แตกได้ไปเก็บไว้ที่ /opt/lampp/htdocs/test17 ผมสร้างโฟวเดอร์ text17 เอาไว้ทดสอบ Joomla 1.7.2 ครับ ติดตั้ง Joomla ...

อ่านต่อ ...

จุดเริ่มต้นของการออกแบบ Template Joomla

News image

{xtypo_info}จะสร้างงานศิลป์ ต้องมีแรงบัลดารใจ เริ่มจากต้องการทำ Template Joomla ของเว็บไซด์ makewebthai.com ในเวอร์ชั่นปี 2011 เลยอยากนำมาทำเป็น case stady สำหรับเพื่อนๆ พี่ๆ น้องๆ ที่ต้องการ ทำ Template Joomla ใช้เอง ครับ makewebthai.com ...

อ่านต่อ ...

ไฟร์ index.php บน Template Joomla ทำอย่า

News image

{xtypo_info}จากครั้งที่แล้ว เราได้เรียนรู้ วิธีการ เตรียมความพร้อมสำหรับ การทำ Template Joomla ไปเป็นที่เรียบร้อยแล้ว ใครจำไม่ได้ ไปดู ที่นี่ ครับ มาวันนี้เราจะมาเรียนรู้ เรื่องการเขียนไฟร์ index.php ซึ่งเป็นหัวใจ รองจาก ไฟร์ css ที่ใช้ควบคุม การแสดงผลของ joomla เรามาลองเริ่มต้นเขียนไฟร์ index.php กัน{/xtypo_info} เปิด Editor ที่ใช้เขียน Code ที่ชื่นชอบครับ โดยส่วนตัวผมใช้ Quanta ...

อ่านต่อ ...