การออกแบบเว็บไซต์และการพัฒนา WordPress สำหรับแพลตฟอร์มโมดูลาร์รวมของการตลาดดิจิทัลและข้อมูลลูกค้า

View in another language:
การออกแบบเว็บไซต์เอเจนซี่การตลาดใหม่

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

Team
1 ผู้อำนวยการ UX/UI และผู้จัดการโครงการ
1 นักออกแบบกราฟิก
1 นักออกแบบเว็บไซต์
นักพัฒนาฟรอนต์เอนด์ 1 คน
นักพัฒนา Worpress 1 คน
Methodology
เวิร์คช็อป UX/UI
ระเบียบวิธีน้ำตก
Tools
นกกระจอก
การทำงานเป็นทีม
อะโดบีเอ็กซ์ดี
โปรแกรม Adobe Illustrator
อะโดบี โฟโต้ชอป
Technologies
WordPress, SASS, CSS, PHP, Bootstrap, mySQL
Timeframe
2 เดือน

ความท้าทาย

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

ในส่วนของอินเทอร์เฟซผู้ใช้ เว็บไซต์ที่ล้าสมัยนั้นไม่สามารถดึงดูดผู้ชมได้ด้วยภาพเนื่องจากไม่มีเอกลักษณ์ของแบรนด์

scal-e img1

โซลูชั่น

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

ประการที่สองในส่วนของ UI เรามุ่งเน้นที่จะนำเสนอลักษณะของแบรนด์และสะท้อนถึงเอกลักษณ์เฉพาะของแบรนด์ด้วยการเลือกใช้แบบอักษร รูปแบบสี รูปภาพและกราฟิกที่ดีที่สุดซึ่งสามารถแสดงถึงแบรนด์นั้นๆ เองได้

  • ธีมสี
    เราใช้สีสำหรับองค์ประกอบการออกแบบทั้งหมดตามสี CI เพื่อเน้นเนื้อหาที่โดดเด่น เราใช้การไล่เฉดสีระหว่างสีฟ้าอ่อนและสีม่วงเพื่อเน้นให้โดดเด่น ในทางกลับกัน สำหรับเนื้อหาซึ่งเป็นรอง เราใช้สีอื่นๆ ของแบรนด์ เช่น สีชมพู สีเหลือง และสีส้ม ส่งผลให้เว็บไซต์ดูมีชีวิตชีวาและน่าดึงดูดมากขึ้น
  • ละลายเทรนด์บนเว็บไซต์
    เราเสนอเทรนด์การออกแบบใหม่ “Glassmorphism” ให้กับลูกค้าของเรา เทรนด์นี้มีลักษณะเด่นคือพื้นหลังแบบกึ่งโปร่งใส และการใช้เอฟเฟกต์นี้กับพื้นหลังแบบไล่เฉดสีสามารถสร้างความกลมกลืนได้ดีที่สุด พร้อมทั้งทำให้เว็บไซต์ดูสะอาด ทันสมัย และโดดเด่น
scal-e img2

บทสรุปโครงการ

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

 

 

scal-e img3

สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!

ติดต่อเรา
สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!