UX/UI Practice
ฝึกออกแบบหน้าเว็บและสื่อการตลาดของผลิตภัณฑ์ SaaS ไทยDesign practice on the web pages and marketing material of Thai SaaS products.
ฝึกด้วยตัวเองSelf-directed · 2025
- ช่วงเวลาPeriod
- 2025
- บทบาทRole
- ออกแบบ UIUI design
- สถานะStatus
- กำลังพัฒนาIn progress
- เทคโนโลยีที่ใช้Stack
- Figma
ภาพรวมOverview
ชุดงานฝึกออกแบบ โดยหยิบผลิตภัณฑ์ SaaS ของไทยอย่าง Venio CRM และ empeo มาเป็นโจทย์ แล้วลองออกแบบหน้าเว็บและสื่อการตลาดขึ้นมาเองA set of design exercises taking Thai SaaS products such as Venio CRM and empeo as the brief, then designing the pages and marketing material myself.
สิ่งที่สำคัญWhat mattered
Hierarchy before decoration
เริ่มจากวางลำดับของหัวเรื่อง คำอธิบาย และปุ่ม ก่อนจะเลือกสีหรือภาพประกอบ หน้าที่ออกมาจึงอ่านรู้เรื่องตั้งแต่ยังไม่ได้ใส่กราฟิกHeading, body and button order came first, before any colour or illustration, so the page reads properly even with no graphics on it.
One message per block
แต่ละบล็อกบนหน้ามีใจความเดียว เช่น บล็อกฟีเจอร์ บล็อกรีวิว บล็อกราคา คนอ่านจึงไม่ต้องสลับบริบทกลางย่อหน้าEach block on the page carries one message — features, reviews, pricing — so the reader never has to switch context mid-paragraph.
Designing in Thai
ข้อความส่วนใหญ่เป็นภาษาไทย ซึ่งกินพื้นที่และตัดบรรทัดต่างจากภาษาอังกฤษ การเลือกฟอนต์และระยะบรรทัดจึงต้องทดสอบกับข้อความจริงเสมอ ไม่ใช่กับข้อความตัวอย่างMost of the copy is Thai, which takes different space and breaks lines differently from English, so font and line height always have to be tested against real copy rather than filler.