ที่ Outsourcify เราภูมิใจที่มีทีมผู้เชี่ยวชาญที่ครอบคลุมหลากหลายสาขาที่เกี่ยวข้องกับการสร้างเว็บไซต์ หนึ่งในบริการที่เราเสนอให้คือ ” การออกแบบสำหรับ WordPress ” ซึ่งเป็นหนึ่งในจุดแข็งของเรา
เราได้สร้างเครือข่ายพันธมิตรที่ยอดเยี่ยมในด้านดิจิทัลมาเป็นเวลากว่าแปดปีแล้ว เราได้รับโครงการจากเอเจนซี่ออกแบบเว็บไซต์ที่ไว้วางใจให้เราพัฒนาโครงการเว็บไซต์ที่ออกแบบสำหรับลูกค้าของตนเป็นประจำ
หากคุณกำลังมองหาเอเจนซี่ที่มีทีมงานนักพัฒนามากประสบการณ์จำนวนมากที่จะมาเปลี่ยนการออกแบบของคุณให้กลายเป็นเทมเพลต HTML/CSS จากนั้นจึงสร้างธีม WordPress ที่กำหนดเองได้ ต่อไปนี้คือตัวอย่างกระบวนการทำงานร่วมกันของเรากับลูกค้าประจำ ซึ่งเป็นเอเจนซี่ออกแบบเว็บจากฝรั่งเศสที่ส่งโปรเจ็กต์ WordPress หลายโปรเจ็กต์มาให้เราทุกเดือน
เราเลือกลูกค้ารายนี้ในกรณีศึกษานี้เนื่องจากเรามีความร่วมมือที่ชัดเจนและมีประสิทธิภาพมาก เนื่องมาจากประสบการณ์ที่ยาวนานระหว่างทั้งสองทีม แต่ยังเป็นเพราะกระบวนการที่เข้มงวดซึ่งตัดสินใจร่วมกันซึ่งเราจะอธิบายไว้ในบทความนี้
ข่าวดี : จะมีการพัฒนาโครงการใหม่
ขั้นตอนที่ 1: โปรดทราบ
ทุกโครงการเริ่มต้นด้วยอีเมลที่ส่งถึงเราเพื่อแจ้งให้เราทราบว่าจะมีโครงการเว็บไซต์ใหม่เกิดขึ้น ยิ่งเร็วเท่าไหร่ก็ยิ่งดี เพราะเราจะสามารถจัดตารางงานของทีมได้ และมั่นใจว่าจะพร้อมและส่งมอบงานตรงตามกำหนดเวลา ส่วนใหญ่แล้ว เราจะทราบล่วงหน้าสองสามสัปดาห์ เนื่องจากเรารวบรวมข้อกำหนดต่างๆ ไว้แล้วและเพิ่งเริ่มกระบวนการออกแบบสร้างสรรค์ว่าเราจะเริ่มทำงานในโครงการใหม่
ในบางจุด เรามักจะได้รับข้อมูลสรุปเกี่ยวกับโครงการ ซึ่งอาจเป็นอีเมลสั้นๆ เพื่ออธิบายขอบเขต หรือรายละเอียดทั้งหมดที่จำเป็นในการเริ่มต้น ขึ้นอยู่กับระดับความเร่งด่วนของโครงการนั้นๆ สำหรับเว็บไซต์ WordPress โดยทั่วไปแล้ว เรามักสนใจจำนวนหน้าจอที่จะรวมเข้ากับ HTML/CSS และจากนั้นจึงพิจารณาว่าเว็บไซต์มีคุณลักษณะเฉพาะใดๆ นอกเหนือจากหน้าและบทความปกติหรือไม่
บางครั้งการออกแบบก็เสร็จสิ้นแล้ว บางครั้งก็เป็นเพียงแนวทางในการหารือรายละเอียดเพิ่มเติมเกี่ยวกับโครงการในภายหลัง ด้วยข้อมูลนี้ เราจึงสามารถนัดประชุมสั้นๆ เพื่อหารือเกี่ยวกับโครงการได้
ขั้นตอนที่ 2: โทรประชุมเพื่อหารือรายละเอียดของโครงการ
เราจัดการประชุมกับบริษัทที่ต้องการร่วมงานกับเราเพื่อพัฒนาโครงการของพวกเขา ซึ่งโดยปกติจะเป็นการประชุมทางวิดีโอคอนเฟอเรนซ์ โดยมีการแชร์หน้าจอซึ่งทำให้ผู้จัดการโครงการสามารถดูการออกแบบหน้าจอที่แตกต่างกัน และแสดงความเห็นเกี่ยวกับองค์ประกอบเฉพาะต่างๆ ได้
โดยปกติจะมีรายการคำถามเตรียมไว้ล่วงหน้าแล้วในหัวข้อ เช่น
- เราควรจัดการกับการออกแบบที่สามารถเเสดงผลในทุกอุปกรณ์ได้อย่างไร?
- ควรใช้แอนิเมชั่นประเภทใด (เช่น เมนูเมื่อเลื่อน สไลด์ ภาพเคลื่อนไหว svg)
- เราควรใส่ใจเรื่องการป้อนเนื้อหาหรือไม่? หรือควรจะนำเข้าหรือเพิ่มด้วยตนเอง?
- มีคุณลักษณะเฉพาะที่ต้องนำมาใช้นอกเหนือจากปกติหรือไม่?
ขั้นตอนที่ 3: เราได้รับไฟล์ต้นฉบับแล้ว
เรารับและศึกษาการออกแบบโครงการร่วมกับพันธมิตรของเรา ในระยะหลังนี้ มักเสนอให้ใช้โปรแกรม Figma, InVision Studio หรือ Adobe XD แต่ยังสามารถเป็นไฟล์ Photoshop หรือ Illustrator ได้
ขั้นตอนที่ 4: เราสร้างข้อเสนอและใบเสนอราคา
เมื่อการแนะนำเสร็จสิ้นและโครงการมีความชัดเจนแล้ว เราจะสร้างข้อเสนอสำหรับพาร์ทเนอร์ของเราโดยมีระยะเวลาและงบประมาณอยู่ในนั้น กำหนดเวลาของเรามีความยืดหยุ่นเสมอและเราปรับให้เหมาะกับความต้องการของพาร์ทเนอร์ของเรา
สำหรับเว็บไซต์ WordPress ข้อเสนอและใบเสนอราคามักจะเป็นไปตามตารางราคาภายในของเรา ซึ่งขึ้นอยู่กับการวิเคราะห์ขนาดและคุณลักษณะของเว็บไซต์ และปริมาณงานที่ต้องใช้ในการสร้างเว็บไซต์ จำนวนหน้าจอเป็นองค์ประกอบหลัก แต่ความซับซ้อนของการออกแบบก็ด้วยเช่นเดียวกัน
นอกจากนี้ยังมีข้อควรพิจารณาอื่นๆ อีกมากมายเมื่อสร้างใบเสนอราคา คุณลักษณะพิเศษที่ไม่มีอยู่ในแกนหลักของ WordPress เช่น โพสต์และอนุกรมวิธานแบบกำหนดเอง การแปลเป็นภาษาอื่น (i18n) การนำเข้าหรือการป้อนเนื้อหา สำหรับโครงการนอกเหนือจากเว็บไซต์อัตลักษณ์องค์กรทั่วไป อาจเสนอคุณลักษณะอีคอมเมิร์ซ การจัดการการจอง การเรียนรู้ทางอิเล็กทรอนิกส์ หรือการพัฒนาปลั๊กอิน เป็นต้น
เนื่องจากเราเป็นผู้เชี่ยวชาญด้านการออกแบบ ด้วยทีม UX/UI ในองค์กร เราจึงสามารถให้ความเห็นเกี่ยวกับการออกแบบได้หากพาร์ทเนอร์ของเราต้องการ และบางครั้งอาจช่วยปรับเปลี่ยนหรือขยายการออกแบบได้ ตัวอย่างเช่น เราสามารถสร้างการออกแบบที่ตอบสนองได้เองโดยปฏิบัติตามมาตรฐาน UX และ UI ปัจจุบันและแนวทางการออกแบบที่มีอยู่ นอกจากนี้ เรายังดูแลเรื่องการจินตนาการและการนำแอนิเมชั่น CSS และ Javascript ต่างๆ มาใช้ด้วย
มาลงมือทำกันเลย : การพัฒนาโครงการ WordPress
ขั้นตอนที่ 5: การวางแผนและจัดระเบียบโครงการ
โดยทั่วไปผู้จัดการโครงการที่ Outsourcify จะดูแลการติดต่อสื่อสารกับลูกค้า กระบวนการเสนอราคา และกำหนดว่าใครในทีมที่จะดูแลการพัฒนา ขึ้นอยู่กับขนาดของโครงการ อาจมีนักพัฒนาหนึ่งคนหรือหลายคนเข้ามาเกี่ยวข้อง
เราใช้เครื่องมือสื่อสารต่างๆ สำหรับโครงการดังกล่าว เช่น Teamwork ซึ่งจัดการงานและเหตุการณ์สำคัญ โดยมีอินเทอร์เฟซคล้ายกับ Trello (กระดาน Kaban) แต่ยังมีรายการงานด้วย TeamWork ช่วยให้เราติดตามได้ว่าใครทำอะไรในบริษัท และในแต่ละโครงการมีการวางแผนงานอะไรไว้บ้าง และใครควรทำงานในแต่ละโครงการ นอกจากนี้ เรายังใช้ RingCentral (เดิมชื่อ Glip) เพื่อจัดการการสื่อสารทางแชทโดยตรง ซึ่งเป็นแอปประเภทเดียวกันกับ Slack แต่เราชอบใช้ภายในมากกว่า ด้วยเหตุผลในอดีต และเนื่องจากไม่มีอะไรขาดหายไปจากที่เราต้องการใน Slack และต่างจาก Slack ตรงที่มันฟรี!
การสื่อสารแบบพบหน้ากันก็มีความจำเป็นเช่นกัน แต่ควรมีการวางแผนงานล่วงหน้าเพื่อให้แน่ใจว่าทุกคนเข้าใจตรงกัน และการฝากข้อความในแชทมักจะดีกว่าการไปรบกวนใครซักคนในระหว่างทำบางสิ่งบางอย่าง
ขั้นตอนที่ 6: และความมหัศจรรย์ก็เริ่มต้นขึ้น
การพัฒนาโครงการ มักประกอบด้วยหลายขั้นตอน บางครั้งนักพัฒนาเว็บที่แตกต่างกันจะเป็นผู้ดำเนินการ สำหรับโครงการออกแบบเป็น WordPress จริงๆ แล้วประกอบด้วย 2 เฟส: ” ออกแบบเป็น HTML ” และ “HTML เป็น WordPress” และเราสร้างคลัง Git ที่แตกต่างกัน 2 แห่งสำหรับโค้ดในแต่ละเฟส
- การผสานรวมการออกแบบเข้ากับ HTML/CSS ทำให้หน้าจอแต่ละหน้าจอที่ส่งไปจะถูกแปลงเป็นหน้า HTML ซึ่งทั้งหมดจะใช้ CSS เดียวกัน สำหรับโครงการส่วนใหญ่ เราจะเริ่มต้นจากชุดเริ่มต้นภายในของเราชุดใดชุดหนึ่งที่มีการกำหนดค่าตัวเรียกใช้งาน Webpack ซึ่งช่วยให้เราเริ่มต้นได้โดยตรงด้วยการประมวลผลล่วงหน้า SCSS การย่อ CSS และ Javascript รวมถึงการซิงค์เบราว์เซอร์และการรีโหลดแบบเร่งรีบ นอกจากนี้ เรายังใช้ปลั๊กอิน Wepack เพื่อสร้างเทมเพลตสำหรับส่วนที่นำมาใช้ซ้ำได้ของแต่ละหน้าได้อย่างง่ายดาย เช่น ส่วนหัวและส่วนท้าย
- การนำ HTML ไปใช้งานเป็นธีม WordPress แบบกำหนดเอง นั้นเกิดขึ้นหรือสามารถเริ่มได้ก่อนที่ HTML จะเสร็จสิ้นและดำเนินการไปพร้อมๆ กัน ซึ่งประกอบด้วยการติดตั้ง WordPress ในสภาพแวดล้อมภายในและสร้างธีมแบบกำหนดเองใหม่ เรายังมีชุดเริ่มต้นสำหรับธีม WordPressด้วย ขั้นตอนต่อไปได้แก่ การกำหนดค่า CMS การสร้างโครงสร้างแผนผังเว็บไซต์ หน้าทั้งหมด เมนู โพสต์และฟิลด์แบบกำหนดเอง และการกำหนดค่าการแปลภาษาตามต้องการ จากนั้นเราสามารถวางโค้ด HTML ลงในเทมเพลต WordPress และเพิ่มโค้ด TWIG (เราใช้ Timber!) เพื่อส่งออกข้อมูล
เราดูแลการพัฒนาตั้งแต่ต้นจนจบเเบบ100% ที่สำนักงานในกรุงเทพฯของเรา เรามีความเชี่ยวชาญในเทคโนโลยีหลายอย่างที่เราเคยเลือกใช้กับพาร์ทเนอร์ของเรา
ขั้นตอนที่ 7: การทดสอบภายในและ ข้อเสนอแนะในตอนท้ายของแต่ละขั้นตอน
เราจะสร้างขั้นตอนต่างๆ ขึ้นในข้อเสนอ และในตอนท้ายของแต่ละขั้นตอน เราจะแจ้งให้พาร์ทเนอร์ของเราทราบถึงความคืบหน้าของโครงการ พาร์ทเนอร์สามารถเข้าถึงโครงการที่กำลังพัฒนาได้โดยตรง ซึ่งเขาสามารถดูความคืบหน้าได้ด้วยตัวเอง
เราติดตั้งเว็บไซต์บนเซิร์ฟเวอร์ทดสอบของเราเสมอเพื่อให้ใช้งานได้จริงบนอินเทอร์เน็ต โดยปกติเราจะเชื่อมโยงเว็บไซต์กับโดเมนย่อยจากโดเมนที่เราซื้อคือ yourdesign .inconstruction.website โดยที่ yourdesign คือชื่อของเว็บไซต์ แน่นอนว่าเซิร์ฟเวอร์ทดสอบนี้ไม่สามารถเข้าถึงโปรแกรมค้นหาได้
ก่อนที่จะส่งอะไรให้กับลูกค้า เราจะทำการทดสอบอย่างเข้มงวด รวมถึงการทดสอบข้ามเบราว์เซอร์และข้ามอุปกรณ์
เมื่อสิ้นสุดโครงการ เราจะใช้เวลาในการแก้ไขข้อติชมทั้งหมดของพาร์ทเนอร์ แก้ไขจุดบกพร่อง และปัญหาใดๆ ที่อาจพบ
ขั้นตอนสุดท้าย : โครงการเสร็จสมบูรณ์
เมื่อทั้งสองฝ่ายสามารถใช้งานได้แล้ว เราจะส่งไฟล์ต้นฉบับเพื่อนำไปใช้งานบนเซิร์ฟเวอร์ไคลเอนต์ โดยปกติไฟล์จะอยู่ในลักษณะของไฟล์เก็บถาวรที่รวมไฟล์ติดตั้ง WordPress ทั้งหมด ปลั๊กอินและธีมทั้งหมด รวมถึงสคริปต์ฐานข้อมูล MySQL วิธีที่สะดวกในการส่งออก WordPress ทั้งหมดคือการใช้ปลั๊กอิน Duplicator ซึ่งจะสร้างไฟล์เก็บถาวรประเภทนี้ รวมถึงสคริปต์ PHP เพื่อติดตั้งเว็บไซต์บนเซิร์ฟเวอร์ใดก็ได้
หากจำเป็น เรายังสามารถดูแลการติดตั้งเว็บไซต์บนเซิร์ฟเวอร์ผลิตขั้นสุดท้ายได้ ซึ่งอาจเป็นเว็บเซิร์ฟเวอร์ใดๆ ที่ลูกค้าจัดทำให้ หรือในหลายๆ กรณีอาจเป็นเว็บเซิร์ฟเวอร์ที่เราจัดเตรียมให้ก็ได้ เราให้บริการคลาวด์โฮสติ้งที่ดีที่สุดสำหรับ WordPress ซึ่งเป็นส่วนหนึ่งของข้อเสนอการดูแลเว็บไซต์ของเราซึ่งรวมถึงการสนับสนุนและการบำรุงรักษา
เราคอยมองหาโอกาสในการเป็นพาร์ทเนอร์ใหม่ๆ อยู่เสมอ และเปิดรับแนวทางใดๆ จากบริษัทและผู้เชี่ยวชาญที่มีแนวคิดเหมือนกันที่ต้องการเริ่มต้นธุรกิจใหม่
