Banner
Hero
Hero

Web Design / Minisite

บริการออกแบบและพัฒนา Corporate Website
สำหรับองค์กรขนาดใหญ่ เพื่อส่งเสริมภาพลักษณ์ที่ดี (Brand Image)
รับพัฒนาระบบ Microsite สำหรับหน่วยงานที่มีหน่วยงานย่อย
หลายสิบหรือหลายร้อยหน่วยงานที่ต้องการพัฒนาเว็บไซต์ให้มีมาตรฐานและทิศทางเดียวกัน

Problem

  • ไม่รู้สึกถึงข้อมูลที่เป็นประโยชน์และนำไปใช้ งานได้
  • เป็นข้อมูลที่ข้างในอยากสื่อสาร แต่ไม่ได้มองว่า Target อยากรู้เรื่องอะไรบ้าง
  • ไม่มีการนำเสนออะไรที่บ่งบอกว่า หน่ยงาน ทำอะไร มีหน้าที่อะไรบ้าง
  • โครงสร้างเมนูเว็บไซต์ไม่มีประสิทธิภาพ
  • Search Function ไม่ตอบโจทย์การใช้งาน
  • ไม่มี Filter เลือกภาษา
  • ไม่มี Accessibility menu
  • ไม่แยกหมวดหมู่ของประเภทข้อมูลให้ชัดเจน
  • ไม่มี Breadcrumb Navigation
  • ไม่มี Pagination
  • ไม่มี Filter Function
  • ไม่มี Image Viewer
  • ไม่มี Video Playerxa
  • ไม่มี Share Social
  • ไม่มี Comment
  • ไม่มี Form Function
  • ไม่มี Alert / Error Pop-up
  • ไม่มี ระบบ Web Link
  • พบ Server Error บ่อย
  • มี Sitemap แต่มองยาก
Hero
Hero
Hero

แนวความคิดสร้างสรรค์ นวัตกรรม

เทคนิคด้านการออกแบบ

Image
1. One Click 1 Order & 3 Click Buy
  • การออกแบบที่เน้นการเข้าถึงที่ง่าย สะดวด รวดเร็วให้กับผู้ใช้งาน สามารถเข้าถึงข้อมูลปลายทางได้ภายในคลิ๊กเดียว หรือกรณีหาต้องมีการสมัครหรือการใช้งานที่เป็นขั้นตอน ก็จะมีการควบคุมจำนวนการคลิ๊กเพื่อให้สำเร็จไม่เกิน 3 คลิ๊ก
Image
2. Easy to Access by Mega Menu
  • ใช้วิธีการออกแบบเมนูที่เข้าถึงง่าย ไม่เกิน 3 ระดับ และมีการจัดวางที่กว้าง ง่ายต่อการอ่าน หรือการใช้งานผ่าน Mobile / Tablet ได้ง่าย ๆ
Image
3. คนไม่อ่าน แต่ Scan คนมองจากซ้ายไปขวา จากบนลงล่าง
  • แนวทางการออกแบบจะเน้นทำภาพกราฟฟิกประกอบ เพื่อให้ คนเข้าใจข้อมูลได้ง่าย และการออกแบบจัดวางที่จะคล้ายกับ Magazine เพื่อดึงดูดให้น่าอ่าน อ่านง่าย รวมถึงการใช้ Font ที่อ่านง่าย ๆ
Image
4. UX/UI Like Social Networking
  • ออกแบบและพัฒนาระบบ Social Private Network เพิ่มเติม เพื่อลดการเรียนรู้วิธีการใช้งานของผู้ใช้งาน และสามารถเลือกติดตาม ข้อมูลหรือหมวดหมู่ที่ตัวเองสนใจได้ตามต้องการ รวมถึงการ Alert เชื่อไปยัง Line Notify
Image
5. Get more member & Return Visitors
  • มากกว่าการหา UIP Visitors แต่บริษัทฯ จะวางแผนการสร้าง Return Visitors ให้เพิ่มมากขึ้น
Image
6. Get More Value (SEO,Social Listening,Elastic,Etc.)
  • ปรับเว็บไซต์ให้ตอบโจทย์ และแก้ไขปัญหาหลักของผู้ใช้ คือ หาข้อมูลไม่เจอ ด้วยการนำ AI Search มาใช้ และเครื่องมือในการช่วยเช็ค คุณภาพของ SEO Score
Image
7. ง่ายต่อการปรับแต่ง โดยใช้ Page Builder (Drag & Drop)
  • ด้วยนวัตกรรมใหม่ของระบบบริหารจัดการเว็บไซต์ ที่สามารถปรับแต่งเว็บไซต์ แบบ WYSWYG รวมถึงการลาก วาง ข้อมูล ของเว็บไซต์แต่ละหน้าได้ตามต้องการ
จำลองการจัดหน้าจอแสดงผลบน Desktop เพื่อตรวจสอบถึงการแสดงผลข้อมูลต่าง ๆ ไม่ว่าจะเป็น
  • การจัดแบ่งและวางเนื้อในแต่ละ Section
  • สัดส่วนการใช้รูปภาพประกอบกับข้อความ หัวข้อและเนื้อหาต่าง ๆ
  • ขนาดของตัวหนังสือที่อ่านได้ง่าย
  • สีสันที่พอเหมาะ และการจัดวางที่ไม่แน่นเกินไป
จำลองการจัดหน้าจอแสดงผล Responsive บน Tablet & Mobile เพื่อตรวจสอบถึงการแสดงผลข้อมูลต่าง ๆ ดังนี้
  • มุมมองของการจัดแบ่งและวางเนื้อในแต่ละ Section ที่ยังคงแสดงเนื้อหาเว็บไซต์ได้สวยงาม เป็นระเบียบ และยังคงเข้าถึงข้อมูลต่าง ๆ ได้ง่าย
  • สัดส่วนการใช้รูปภาพประกอบกับข้อความ หัวข้อและเนื้อหาต่างๆ ที่ย่อ/ขยายตามสัดส่วนของขนาดหน้าจอ ที่เหมาะสม ยังคงความสวยงาม และอ่านง่าย
  • ขนาดของตัวหนังสือพอดีกับขนาดหน้าจอ ยังคงความสวยงาม และอ่านง่าย
  • การมองเห็นกราฟฟิกต่างๆ และสีสันที่พอเหมาะ และการจัดวางที่ไม่แน่นเกินไป ที่ยังคงความสวยงาม และอ่านง่าย

ขั้นตอนการดำเนินงาน

Image
1. การเก็บข้อมูล

ดำเนินการศึกษา วิเคราะห์ รายละเอียดขอบเขตของงาน และระบบงานเดิม

2. การออกแบบ

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

Image
Image
3. การพัฒนาระบบ

ขั้นตอนนี้เป็นการติดตั้ง Server และเครื่องมือต่าง ๆ ที่เกี่ยวข้องกับการพัฒนาระบบ ทั้ง Development, Staging รวมถึง ทำการตัด HTML และ Coding ปรับแต่งระบบเชื่อมโยงข้อมูลระหว่าง Back Office และ Front Office ของเว็บไซต์

4. การโอนย้ายข้อมูล

ขั้นตอนนี้เป็นการโอนย้ายจากระบบเก่ามายังระบบใหม่และ ตรวจสอบความถูกต้องของข้อมูล

Image
Image
5. การทดสอบระบบ

ดำเนินการทดสอบระบบเพื่อตรวจสอบการทำงานของระบบว่าสามารถทำงานได้อย่างมีประสิทธิภาพและถูกต้องตามวิธีการทดสอบที่กำหนดไว้ รวมถึงการแก้ไขข้อผิดพลาดของระบบที่ตรวจพบ

6. การฝึกอบรม

ขั้นตอนนี้เป็นการดำเนินการฝึกอบรมวิธีใช้งานระบบให้กับผู้ใช้งานที่เกี่ยวข้องและการฝึกอบรมการดูแลและบํารุงรักษาระบบให้กับผู้ดูแลระบบ ประกอบไปด้วยภาคทฤษฎีและภาคปฏิบัติ

Image
Image
7. การนำระบบออกใช้งานจริง

ขั้นตอนนี้เป็นการดำเนินการนำระบบขึ้นใช้งานจริง หลังจากผ่านความเห็นชอบจากคณะกรรมการ และเจ้าหน้าที่ที่เกี่ยวข้องเรียบร้อยแล้ว

ผลงานที่ผ่านมาในการออกแบบเว็บไซต์
Web DESIGN PORTFOLIO

ตัวอย่างหน้าจอระบบต่าง ๆ

ตัวอย่างเครื่องมือในการวิเคราะห์และดูแล
งาน SEO (Search Engine Optimization)

ตัวอย่างเครื่องมือในการวิเคราะห์และดูแล
งาน SEO (Search Engine Optimization)

ตัวอย่างรายงานการตรวจสอบ Website

ระบบจัดแดชบอร์ดและรายงาน

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy

ตัวอย่างการพัฒนาระบบ E-Learning

ตัวอย่างระบบ Help Desk

สอบถามรายละเอียดเพิ่มเติม