สถานการณ์ตอนเริ่มต้น
Prima Marine เป็นบริษัทมหาชนด้านขนส่งทางทะเล ต้องการเว็บไซต์ที่แสดงขนาดธุรกิจ ความปลอดภัย และความน่าเชื่อถือ คนที่จะเปิดเว็บนี้มีอย่างน้อยสามกลุ่ม คือลูกค้า พันธมิตร และนักลงทุน
โจทย์ที่ยากคือแต่ละกลุ่มมองหาข้อมูลคนละแบบ เว็บจึงต้องตอบได้ทุกกลุ่มโดยไม่รก โปรเจกต์นี้ใช้เวลา 3 เดือน และเราดูแลสองส่วนหลัก คือออกแบบ UX/UI และพัฒนาเว็บไซต์
สิ่งที่เราสังเกตเห็น
ข้อแรกคือผู้อ่านส่วนใหญ่เป็นคนทำงาน ที่เปิดเว็บมาเพื่อหาข้อมูลตรงประเด็น ไม่ได้มาอ่านเรื่องเล่ายาว ๆ เราจึงมองว่าเนื้อหาต้องเรียบง่ายและเป็นระเบียบมากกว่าต้องหวือหวา
ข้อที่สองคือความน่าเชื่อถือของบริษัทมหาชน ไม่ได้มาจากถ้อยคำสวยหรู แต่มาจากการจัดข้อมูลให้ครบ ชัด และหน้าตาที่เป็นแนวเดียวกันทุกหน้า
สิ่งที่เราตัดสินใจ และเหตุผล
เราตัดสินใจทำเว็บไซต์องค์กรที่ดูมืออาชีพ แสดงบริการและการดำเนินงานอย่างเป็นระเบียบ มีช่องทางสอบถามสำหรับลูกค้าที่หาง่าย และมีส่วนข้อมูลบริษัทสำหรับพันธมิตรและนักลงทุนแยกไว้ให้ชัด เพื่อให้แต่ละกลุ่มเดินไปหาของที่ต้องการได้เอง
อีกเรื่องที่เราตั้งใจตั้งแต่ต้นคือให้ทีมงานของ Prima Marine ดูแลเนื้อหาต่อเองได้ เพราะข่าวสารและบริการใหม่เกิดขึ้นเรื่อย ๆ ถ้าทุกครั้งต้องรอนักพัฒนา เว็บก็จะค่อย ๆ ล้าสมัย
เว็บไซต์องค์กรที่ดีไม่ได้พูดทุกอย่าง แต่พาแต่ละคนไปพบสิ่งที่เขาตามหาได้เร็วที่สุด
งานดำเนินไปอย่างไร
เราเริ่มจากศึกษาธุรกิจ กลุ่มเป้าหมาย และเป้าหมายของบริษัท เพื่อกำหนดขอบเขตงานและวิธีวัดผลร่วมกับทีม จากนั้นจึงออกแบบ Wireframe และหน้าตาเว็บไซต์ ให้ชัดเจนและใช้ง่ายทุกหน้า ตั้งแต่ภาพรวมบริการจนถึงช่องทางติดต่อ
ขั้นพัฒนา เราทำเว็บที่เร็วและใช้ได้ทุกอุปกรณ์ แล้วทดสอบบนหลายอุปกรณ์และเบราว์เซอร์ก่อนเปิดใช้งาน เมื่อส่งมอบ เราแนะนำทีมงานว่าอัปเดตเนื้อหาอย่างไร
- ศึกษาธุรกิจและกลุ่มเป้าหมาย พร้อมกำหนดวิธีวัดผล
- ออกแบบ Wireframe และหน้าตาเว็บไซต์
- พัฒนาเว็บไซต์ให้เร็วและรองรับทุกอุปกรณ์
- ทดสอบข้ามอุปกรณ์และเบราว์เซอร์ แล้วส่งมอบพร้อมสอนอัปเดตเนื้อหา
สิ่งที่ส่งมอบ
ผลลัพธ์คือเว็บไซต์องค์กรที่แสดงภาพรวมบริการขนส่งทางทะเล กองเรือและการดำเนินงานด้วยภาพที่แข็งแรง มีช่องทางสอบถามและติดต่อที่หาง่าย และมีข้อมูลบริษัทที่จัดไว้สำหรับพันธมิตรและนักลงทุน
เลย์เอาต์และงานภาพเป็นแนวเดียวกันทั้งเว็บ เหมาะกับบริษัทมหาชน ส่วนทีมงานอัปเดตเนื้อหาได้เอง และเพิ่มบริการหรือข่าวสารใหม่ได้โดยโครงสร้างไม่ต้องรื้อ
บทเรียนที่ธุรกิจขนส่งและโลจิสติกส์นำไปใช้ได้
ส่วนนี้เป็นคำแนะนำทั่วไป ไม่ใช่ข้อเท็จจริงของโปรเจกต์ ถ้าธุรกิจของคุณมีผู้อ่านหลายกลุ่ม ให้ลองเขียนก่อนว่าแต่ละกลุ่มอยากรู้อะไรเป็นอย่างแรก แล้วจัดเมนูและหน้าแรกตามนั้น แทนที่จะจัดตามโครงสร้างองค์กรภายใน
และอย่าลืมถามตัวเองว่าใครจะอัปเดตเว็บในเดือนที่หกหลังเปิดตัว ถ้าคำตอบคือ ต้องรอนักพัฒนา ให้แก้ตั้งแต่ตอนออกแบบ
- เขียนคำถามแรกของแต่ละกลุ่มผู้อ่านก่อนออกแบบเมนู
- ใช้ภาพจริงของเรือและการดำเนินงาน มากกว่าภาพสต็อกทั่วไป
- แยกข้อมูลนักลงทุนและพันธมิตรให้หาพบโดยไม่ปนกับหน้าบริการ
- ให้ทีมในองค์กรแก้ข่าวและบริการเองได้โดยไม่ต้องเขียนโค้ด
สรุปสั้น ๆ
- เว็บองค์กรที่มีผู้อ่านหลายกลุ่ม ต้องจัดทางเดินข้อมูลให้แต่ละกลุ่มก่อนเลือกสีหรือฟอนต์
- ความน่าเชื่อถือมาจากความเป็นระเบียบและความสม่ำเสมอของข้อมูลและภาพ
- ผู้อ่านที่เป็นคนทำงานอยากได้ข้อมูลตรงประเด็น ไม่ใช่เนื้อหายาว
- วางแผนเรื่องคนอัปเดตเนื้อหาตั้งแต่ก่อนเขียนโค้ดบรรทัดแรก
- ทดสอบข้ามอุปกรณ์และเบราว์เซอร์ก่อนเปิดใช้งานทุกครั้ง
คำถามที่พบบ่อย
บริการที่เกี่ยวข้อง
มีโปรเจกต์แบบนี้อยู่ในใจไหม
เล่าให้เราฟังว่าตอนนี้อยู่ตรงไหน เดี๋ยวเราแนะนำก้าวแรกที่เหมาะให้ โดยไม่มีข้อผูกมัด
คุยกับเรา
