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

ทุกวันนี้เราอยู่บนโลกออนไลน์กันเกือบเต็มตัวแล้วครับ ซึ่งโลกออนไลน์มันก็มีข้อดีในเรื่องของการมีข้อมูลให้เราค้นหาได้เยอะแยะ แต่อย่างไรก็ตามมันก็มีข้อจำกัดเรื่อง “ปริมาณข้อมูล” ที่มัน “มหาศาล” เยอะเสียจนทำเอาคนงงไปก็มี

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

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

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

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

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

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

ในฐานะที่ผมเองก็เป็นนักออกแบบและพัฒนาเว็บไซต์ ผมก็มีประสบการณ์มาเกี่ยวกับกระบวนการทำเว็บ ตั้งแต่ดีลงาน ออกแบบ เขียนโค้ด และนำเสนอเพื่อจบงาน แต่ละขั้นตอนก็มีเทคนิควิธีที่ต่างกันออกไป ในบทความนี้จะเป็นการแบ่งปันเกี่ยวกับขั้นตอน “ก่อน” การออกแบบเว็บไซต์ครับ