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

เป็นที่สำหรับการค้นหาสารสนเทศที่เกี่ยวข้อง เพื่อใช้ในการสร้างความรู้และการทำภารกิจการเรียนรู้

เป็นที่รวบรวมเครื่องมือที่ใช้สนับสนุนในการสร้างความรู้ เช่น เครื่องมือค้นหา รวบรวม หรือติดต่อสื่อสาร เป็นต้น

เป็นที่สำหรับแลกเปลี่ยนความรู้หรือความคิดเห็น กับเพื่อน ครู อาจารย์ หรือผู้เชี่ยวชาญ เพื่อให้เกิดมุมมองที่หลากหลาย

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

ใช้สำหรับสร้างความรู้ เมื่อผู้เรียนไม่สามารถปฏิบัติภารกิจได้ หรืออยากเรียนรู้เพิ่มเติม

เป็นที่สำหรับโค้ชให้คำแนะนำผู้เรียนในการสร้างความรู้และการคิดสร้างสรรค์
