UI & Implementation
Triph เป็นแอปพลิเคชันสำหรับเลือกซื้อทัวร์ในจังหวัดภูเก็ต ได้เลือกมาพัฒนา 1–2 หน้าหลักของแอปพลิเคชัน ได้แก่ หน้าหลัก และหน้ารายละเอียดของแต่ละทัวร์ (มากกว่านี้เดี๋ยวไม่ทัน…)
Home~ 🏠
เป็นหน้าหลักของแอปพลิเคชัน จะแสดงทัวร์แบ่งเป็นหมวดหมู่ไว้ และสามารถค้นหาทัวร์ตามสถานที่ที่ต้องการได้ด้วย ถ้ายังไม่ search ที่ไหนเลย ก็จะแสดงตามหน้าจอทางด้านซ้าย ส่วนด้านขวาจะเป็นในกรณีที่ search ตามสถานที่แล้ว
Category ทั้งหมด มีตามนี้เลย
- Recently viewd : จะแสดงทัวร์ที่เพิ่งเข้าไปดูรายละเอียดเมื่อเร็วๆนี้ ส่วนนี้ถ้าเพิ่งใช้งานแอปครั้งแรก จะไม่แสดงนะ
- Recommends : ทัวร์ที่แนะนำ เรียงตาม Rating
- Top destinations : สถานที่ทีี่นิยม
- Promotions : ทัวร์ที่มีโปรโมชั่นอยู่ในขณะนี้
- Good for rainy days : ทัวร์ไปที่ๆเที่ยวได้ถึงฝนจะตก
- Upcomming holidays : ทัวร์ที่อยู่ในช่วงวันหยุดที่ใกล้ถึง
- Half day : ทัวร์ครึ่งวัน
- Full day : ทัวร์เต็มวัน
- 2 Days : ทัวร์ 2 วัน 1 คืน
- 3 Days : ทัวร์ 3 วัน 2 คืน
ที่แสดงทัวร์ตามประเภทให้ด้วย ก็เผื่อผู้ใช้ยังไม่แน่ใจว่าอยากไปเที่ยวที่ไหนไง น่าจะทำให้ผู้ใช้รู้สึก at ease มากขึ้น
How to do it?
ในส่วนของทัวร์ที่แสดงในแต่ละ Category จะเป็นลักษณะคล้าย Slideshow สามารถสไลด์ไปมาเพื่อดูทัวร์อันถัดไปได้ และถ้าคลิกเข้าไปที่ more ก็จะโชว์ลิสต์ของทัวร์ทั้งหมดตาม Category แต่เราจะไม่ทำส่วนนั้น :)
Category นี้ปกติก็จะแสดงตาม Tag ของทัวร์ ยกเว้นทัวร์ประเภท Recommends ที่ใช้การ Sort ตาม Rating ในการเลือกมาแสดงด้วย และประเภท Upcomming holidays ที่จะดูว่าวันที่ในตอนที่ใช้แอปเนี่ย มันใกล้กับวันหยุดไหนที่สุด แล้วเลือกมาแสดงเฉพาะทัวร์ที่อยู่ในช่วงวันหยุดนั้น
การ Search จะเป็นการ Search ตาม Tag ของทัวร์นั้นๆที่กำหนดไว้ใน Database จะเป็นการ Filter จากรายการทัวร์ทั้งหมดอย่างมาก 2 ชั้น เช่น จากในรูปทางขวา ส่วน Recommends ก็จะเป็นทัวร์ที่มี Rating สูงของสถานที่นั้นๆ
Trip detail 🏖️
เป็นหน้าสำหรับแสดงรายละเอียดที่จำเป็น ก็พวกชื่อ ราคา ของบริษัทไหน วันที่ สิ่งอำนวยความสะดวกที่ทัวร์จัดให้ ง่ายๆก็อะไรที่เราจะอยากรู้เวลาซื้อทัวร์นั่นล่ะ
How to do it?
ในหน้านี้จะเน้นที่การจัดวาง Layout หน้าตาให้อ่านได้ง่าย เป็นส่วนที่แสดงข้อมูลเท่านั้น เลยไม่น่าจะมี Logic อะไรเป็นพิเศษ แต่จัด Layout ให้ดีก็ยากเหมือนกันนะ! 😂
จบแล้วว ทำแอปเสร็จเมื่อไหร่ เดี๋ยวจะมาเขียนบล็อกต่อ~