← ผลงานทั้งหมด← All work

เปลี่ยนข้อมูลยางหลายเกรด ให้เป็นเว็บไซต์ส่งออกที่เลือกสินค้าได้ง่ายTurning a multi-grade rubber catalogue into a clear export website

พัฒนาเว็บไซต์บริษัท T.O.P. Inter Rubber ให้ผู้ซื้อสำรวจเกรดยาง อ่านรายละเอียดสินค้า และเข้าถึงช่องทางขอใบเสนอราคาได้ในเส้นทางเดียวA corporate website for T.O.P. Inter Rubber that connects product discovery, grade specifications, and quote enquiries.

เว็บไซต์บริษัทและผู้ส่งออกCorporate & export websiteแคตตาล็อกและหน้ารายละเอียดสินค้าProduct catalogue & detail pagesเส้นทางติดต่อขอใบเสนอราคาQuote enquiry journey
KLUAYTECHSELECTED WORK / 01
irubber.vercel.app↗
iRubber — desktop website
iRubber — mobile website
Corporate websiteDESKTOP + MOBILE ✳
เปิดเว็บไซต์จริง ↗Visit the website ↗

01 / THE BRIEF

เราได้รับโจทย์แบบไหนWhat the website needed to do

โจทย์คือการนำเสนอสินค้ายางธรรมชาติหลายประเภทให้ผู้ซื้อเข้าใจได้ง่าย เว็บไซต์ต้องสื่อความเป็นบริษัทส่งออก พร้อมให้ข้อมูลที่ใช้พิจารณาสินค้าได้มากกว่าภาพอย่างเดียวThe brief was to make a range of natural rubber products easy to explore, while presenting the exporter and the information buyers need beyond product photographs.

02 / OUR APPROACH

เราเปลี่ยนโจทย์ให้เป็นเว็บไซต์อย่างไรHow we shaped the experience

เราแยกสินค้าเป็นหมวดและเกรด ให้ผู้ใช้เริ่มจากแคตตาล็อก แล้วเข้าไปอ่านข้อมูลเฉพาะสินค้า ก่อนเลือกติดต่อขอใบเสนอราคา แทนการรวมรายละเอียดทั้งหมดไว้บนหน้าแรกWe organised products by category and grade, connecting the catalogue to dedicated product pages and quote enquiries instead of putting every detail on the homepage.

  • เว็บไซต์บริษัทและผู้ส่งออกCorporate & export website
  • แคตตาล็อกและหน้ารายละเอียดสินค้าProduct catalogue & detail pages
  • เส้นทางติดต่อขอใบเสนอราคาQuote enquiry journey

03 / IN ACTION

ภาพจริงจากฟีเจอร์ที่เราทำThe experience, screen by screen

01

แคตตาล็อกที่เลือกตามประเภทสินค้าได้A catalogue organised by product type

แบ่ง Sheet Rubber, Block Rubber และ Latex พร้อมลิงก์เข้าสู่รายละเอียดแต่ละเกรด ช่วยให้ผู้ซื้อเริ่มจากสินค้าที่ตรงกับความต้องการSheet rubber, block rubber, and latex filters lead to individual grade pages, helping buyers start with the relevant product range.

iRubber — แคตตาล็อกที่เลือกตามประเภทสินค้าได้
iRubber / 01ดูฟีเจอร์บนเว็บจริง ↗Explore the live page ↗
02

หน้าสินค้าที่ให้ข้อมูลก่อนขอราคาProduct details before the quote enquiry

นำเสนอรูปสินค้า ข้อมูลเกรด การบรรจุ และการใช้งาน พร้อมปุ่มขอใบเสนอราคาในหน้าสินค้าProduct photography, grade information, packaging, and applications sit alongside a quote enquiry action.

iRubber — หน้าสินค้าที่ให้ข้อมูลก่อนขอราคา
iRubber / 02ดูฟีเจอร์บนเว็บจริง ↗Explore the live page ↗

04 / THE OUTCOME

สิ่งที่เว็บไซต์ทำให้ผู้ใช้ได้What visitors can now do

เว็บไซต์เชื่อมข้อมูลบริษัท แคตตาล็อก และรายละเอียดสินค้าไว้ด้วยกัน ผู้ซื้อจึงสำรวจสินค้าและไปต่อยังช่องทางติดต่อได้โดยไม่ต้องค้นข้อมูลจากหลายจุดThe website brings the company, catalogue, and specifications together so buyers can explore products and continue to an enquiry from the same journey.

เปิดเว็บไซต์จริง ↗Visit the website ↗

YOUR NEXT PROJECT

มีโจทย์คล้ายกัน ให้เราช่วยทำHave a similar challenge? Let’s build it.

คุยกับ KluayTech เรื่องเว็บไซต์ ซอฟต์แวร์ หรือระบบ Automation สำหรับธุรกิจของคุณTalk to KluayTech about a website, software, or automation for your business.

ปรึกษาโปรเจกต์ฟรี ↗Discuss your project for free ↗
อ่าน Case Study ถัดไป ↗Read the next case study ↗

Comfy Corner

KLUAYTECHSELECTED WORK / 02
www.comfycornerhotel.com↗
Comfy Corner — desktop website
Comfy Corner — mobile website
Hotel websiteDESKTOP + MOBILE ✳