การค้า · จัดหาและจัดซื้อสินค้า
TraviLife (Thailand)
เว็บไซต์องค์กรของบริษัทเทรดดิ้งและจัดหาสินค้าในกรุงเทพฯ ที่เชื่อมผู้ซื้อกับผู้ผลิตไทย
- อุตสาหกรรม
- การค้า · จัดหาและจัดซื้อสินค้า
- บริการ
- รับทำเว็บไซต์
- เว็บไซต์
- เข้าชมเว็บไซต์จริง
01
โจทย์ที่ต้องแก้
TraviLife (Thailand) เป็นบริษัทเทรดดิ้งและจัดหาสินค้าในกรุงเทพฯ ที่เชื่อมผู้ซื้อจากต่างประเทศ ทั้งผู้จัดจำหน่าย ร้านอาหาร โรงแรม และธุรกิจบริการอาหาร เข้ากับผู้ผลิต ฟาร์ม และซัพพลายเออร์ในไทย
ขอบเขตงานของบริษัทค่อนข้างกว้าง มีบริการหกสาย ตั้งแต่จัดหาสินค้าไปจนถึงประสานงานขนส่ง และมีสินค้าหกหมวด ตั้งแต่อุปกรณ์การเกษตร อาหารทะเล ไปจนถึงผลิตภัณฑ์สปา บริษัทจึงต้องการเว็บไซต์องค์กรที่เล่าเรื่องทั้งหมดนี้ให้ทั้งผู้ซื้อต่างชาติและพาร์ตเนอร์ชาวไทยเข้าใจง่าย ไล่ดูสินค้าได้เร็ว และเปลี่ยนความสนใจให้กลายเป็นการติดต่อสอบถามจริง โดยต้องใช้งานได้ดีเท่ากันทั้งภาษาอังกฤษและภาษาไทย
02
สิ่งที่เราสร้าง
เราสร้างเว็บไซต์องค์กรสองภาษาด้วย Next.js และ Tailwind CSS และ generate ทุกหน้าเป็น static ไว้ล่วงหน้า เว็บจึงโหลดเร็วและโฮสต์ได้ง่าย
- ภาษาอังกฤษและไทย — แยกเส้นทาง /en/ และ /th/ มีปุ่มสลับภาษา ลิงก์ hreflang เชื่อมหน้าทั้งสองภาษา title และ meta description แยกตามภาษา และใช้ฟอนต์ IBM Plex Sans Thai ให้ตัวอักษรไทยอ่านสบายตา
- บริการ — หน้าเฉพาะสำหรับบริการทั้งหกสาย ได้แก่ จัดหาสินค้า จัดซื้อ OEM และ Private Label จับคู่ซัพพลายเออร์ ประสานงานนำเข้าและส่งออก และประสานงานโลจิสติกส์
- แคตตาล็อกสินค้า — สินค้าหกหมวด รวมกว่ายี่สิบกลุ่มสินค้า ตั้งแต่ขุยมะพร้าว ซอสปรุงรส ไปจนถึงทูน่าครีบเหลืองและของใช้ในโรงแรม ผู้เข้าชมกรองตามหมวดได้ และแต่ละหมวดมีลิงก์ของตัวเองที่ส่งต่อได้ทันที
- เรื่องราวของบริษัท — หน้าเกี่ยวกับเราพร้อมส่วน "ทำไมต้องเรา" ที่อธิบายว่า TraviLife ทำงานร่วมกับผู้ซื้ออย่างไร
- ช่องทางติดต่อ — ปุ่มชวนติดต่อที่วางไว้ทั่วเว็บพาไปยังหน้าติดต่อเรา ซึ่งมีแบบฟอร์มสอบถามและลิงก์ตรงไปยัง LINE และ WhatsApp ผู้ซื้อจึงคุยกับทีมงานผ่านช่องทางที่ตัวเองถนัดได้เลย
03
ผลลัพธ์
เราส่งมอบเว็บไซต์สองภาษาครบทุกหน้า ทั้งหน้าแรก เกี่ยวกับเรา บริการ สินค้า และติดต่อเรา ที่นำเสนอ TraviLife ในฐานะพาร์ตเนอร์ด้านการจัดหาสินค้าที่ครบจบในที่เดียว ไม่ใช่แค่รายการหมวดสินค้า
ทุกหน้าเป็น HTML แบบ static ที่ generate ไว้ล่วงหน้า จึงโหลดเร็วและโฮสต์ง่าย แต่ละภาษามี title และคำอธิบายของตัวเองสำหรับเสิร์ชเอนจิน ส่วนตัวกรองหมวดสินค้าก็ช่วยให้ทีมขายส่งลิงก์ตรงไปยังกลุ่มสินค้าที่ผู้ซื้อสนใจได้ทันที
04
เทคโนโลยี
- Next.js (App Router)
- React
- Tailwind CSS
- Static generation
- IBM Plex Sans Thai
- Railway
มีโปรเจกต์แบบนี้อยู่ในใจไหม?
เล่าให้เราฟังว่าคุณกำลังจะสร้างอะไร เราจะตอบกลับภายใน 1–2 วันทำการ พร้อมขั้นตอนถัดไปและประมาณการเบื้องต้น