5 เทคนิคออกแบบ Landing Page ให้เป็น Love at First Sight

5 เทคนิคออกแบบ Landing Page ให้เป็น Love at First Sight

หลังจากเราผ่านโจทย์มหาโหดในการ ออกแบบเว็ปอย่างไรให้น่าเชื่อถือ มาแล้วนะคะ โจทย์ที่หินพอๆ กันก็คือออกแบบ Landing Page อย่างไรให้โดนใจ “Landing Page” คือ หน้าแรกที่จะปรากฏหลังจากคลิกโฆษณามาจากแคมเปญ Social Media ต่างๆ หรือไม่ก็จากแคมเปญ Paid Search (พวก Google AdWords, Yahoo!..
5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

เมื่อไม่นานมานี้เราได้รับโจทย์การออกแบบ “เว็บไซต์ขายประกันรถยนต์ออนไลน์” มา ตอนแรกเมื่อทีมได้ยินก็ปวดหัวกันไปตาม ๆ กัน เพราะแค่ได้ยินว่า “ประกัน” คนก็เบนหน้าหนีแล้ว หลายคนมีภาพนายหน้าขายประกันสุด Hard Sell พูดอะไรก็บอกไม่หมด ไม่มีความน่าเชื่อถือ ซึ่งต้องยอมรับเลยค่ะ ว่าโจทย์นี้ท้าทายทีมงานมาก ๆ

แจกเว็บรวมโค้ดสีของแบรนด์ทั่วโลก พร้อมเซฟใส่ Photoshop & CSS !!

แจกเว็บรวมโค้ดสีของแบรนด์ทั่วโลก พร้อมเซฟใส่ Photoshop & CSS !!

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

คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด

คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด

หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น (Twitter) Bootstrap แน่นอนครับ ซึ่งแอดมินเองก็เป็นหนึ่งในผู้ใช้ Bootstrap ที่ใช้มาตั้งแต่ยุคโบราณ (Bootstrap 2 นู่น)

[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้

[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้

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

ทีม Bootstrap 4 ประกาศเดินหน้าเต็มที่ !! เลิกพัฒนา Bootstrap 3 แล้ว

ทีม Bootstrap 4 ประกาศเดินหน้าเต็มที่ !! เลิกพัฒนา Bootstrap 3 แล้ว

หลังจาก Bootstrap 4 Alpha ปล่อยออกมานานมากและไม่เสร็จสักที หัวเรือใหญ่ของโปรเจคที่ทำมาตั้งแต่เริ่มต้น คุณ Mark Otto (ผู้สร้าง Bootstrap ตั้งแต่เวอร์ชั่นแรก) ก็เลยออกมาประกาศว่า…

Latest Articles

Heatmap Analytics : วิธีออกแบบเว็บไซต์ด้วยข้อมูล & Case Study เว็บดีไซน์

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


Bounce Rate คืออะไร ? พบกับ 7 เคล็ดลับการลด Bounce Rate

เคยสงสัยมั้ยว่า Bounce Rate ของเว็บไซต์เราคืออะไร ? ทำไมต้องปรับปรุงเว็บไซต์เพื่อให้ Bounce Rate ลดลงด้วย บทความนี้จะไขข้อสงสัยต่าง ๆ ทั้งหมดที่คุณเคยมี


คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด

หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น (Twitter) Bootstrap แน่นอนครับ ซึ่งแอดมินเองก็เป็นหนึ่งในผู้ใช้ Bootstrap ที่ใช้มาตั้งแต่ยุคโบราณ (Bootstrap 2 นู่น)



5 เทคนิคออกแบบ Landing Page ให้เป็น Love at First Sight

หลังจากเราผ่านโจทย์มหาโหดในการ ออกแบบเว็ปอย่างไรให้น่าเชื่อถือ มาแล้วนะคะ โจทย์ที่หินพอๆ กันก็คือออกแบบ Landing Page อย่างไรให้โดนใจ “Landing Page” คือ หน้าแรกที่จะปรากฏหลังจากคลิกโฆษณามาจากแคมเปญ Social Media ต่างๆ หรือไม่ก็จากแคมเปญ Paid Search (พวก Google AdWords, Yahoo!..

ห้ามป่วย! ห้ามพัก! รวมเครื่องมือเด็ด ๆ สำหรับ Freelance !!

พอดีมีโอกาสได้ไปพูดในงาน “Freelance ยังไง??” ร่วมกับพี่โบว์ Freelance UI/UX Designer ที่ Pah Space มาครับ ว่าด้วยเรื่องของ “เครื่องมือช่วยชีวิต” ที่ใช้จริงในการทำงานฟรีแลนซ์ เนื่องจากมีหลาย ๆ ท่านที่ไม่สะดวกไปงานก็สอบถามมาว่าพูดเรื่องอะไรไปบ้าง วันนี้เลยจะมาแนะนำ Tool ต่าง..

[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้

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