WORKS

Detail

Web Design

Miss Thai Group

Design & Coding : Natatum Khumhom (Solo Project)

งานนี้เริ่มทำในช่วงที่ COVID-19 กำลังระบาดใหม่ๆ ช่วงต้นปี
เป็นงานเว็บเพจหน้าเดียวแบบ Side Scrolling จุดประสงค์เพื่อแสดงเนื้อหาข้อมูลของบริษัท
สามารถสลับภาษาไทย - อังกฤษได้ (ใช้ Host ของที่ต่างประเทศเพื่อเน้นให้ชาวต่างชาติเข้าชมมากกว่าคนไทย) โครงสร้างเว็บเขียนขึ้นใหม่ด้วย HTML + Bootstrap

Client

Missthaigroup company


Type of Work

ออกแบบ UI/UX
Front-End Development
One page scroll down


Date

February 2020


Website

www.missthaigroupth.com


ที่เมนูมีฟังค์ชั่น Side Scrolling เมื่อคลิกแล้วจะเคลื่อนที่ไปยังหัวข้อที่ปักสมอเอาไว้ (คำศัพท์สมัยก่อนใช้ว่า Anchor แต่ปัจจุบันอาจจะเรียกว่า Hook หรือจริงๆก็คงแค่ Side Scroll นี่แหละ) การเคลื่อนที่ของจุดหนึ่งไปยังอีกจุดหนึ่ง ใช้ jQuery ในการทำ เพื่อความ Smooth ถ้าหากไม่ใส่ Animation ส่วนนี้ไว้ การเคลื่อนที่จะกลายเป็นการวาร์ปกระโดด(จอเปลี่ยนทันที) ทำให้ User อาจจะเกิดความสับสน หรือปวดตา หรือเกิดอาการทางหน้าจอที่คาดไม่ถึง ฯลฯ ก็เลยต้องทำ Animation Smooth ไว้ด้วย ซึ่งก็กลายเป็นมาตรฐานเว็บทั่วไปที่ทำกันแบบนี้หมดแล้ว

อีกส่วนหนึ่งที่จะไม่กล่าวไม่ได้คือ ผมได้เขียนโค้ดเพื่อรองรับการเข้าชมผ่านทางมือถือ (Responsive Design) โดยมีการปรับ Content เล็กน้อย เช่นการตัดเนื้อหาบางอย่างที่มีการแสดงผลไม่เหมาะสมบนมือถือออก (ไม่สวย รูปขนาดไม่พอดี) เพราะมีความคิดว่าการเข้าชมทางมือถือ ควรจะต้องกระทัดรัด อ่านง่ายในเวลาอันสั้น ส่วนถ้าหากอยากอ่านแบบจริงจัง User น่าจะต้องเปิดในคอมพิวเตอร์เสียมากกว่า ดังนั้นก็เลยตัดทอนบางอย่างทิ้ง ด้วยแนวคิดที่คนสมัยใหม่นั้นจะทำอะไรรวดเร็ว ฉับไว

RELATED WORKS

Web Design

Golden Triangle Group

Official Website
CMS Wordpress
www.gtg.co.th

Web Design

Tuning Club

E-commerce Website
CMS (Wordpress)
www.tuningclub.co

Web Design

Thaiindy Shop

Photoshoot
E-commerce Website
CMS (Wordpress)