Year : 2021
Client : TTN

Project Overview

TTN Nonwoven Solution Co., Ltd. is a leading manufacturer and supplier of nonwoven fabrics, catering to a wide range of industries with high-quality, versatile products.

Project Description : TTNS Nonwoven

tttnsnonwoven.com  หรือ บริษัท TTN Thailand

แนวคิดการออกแบบและพัฒนาเว็บไซต์

เราเร่ิมแนวคิดการออกแบบเว็บไซต์จากการตรวจสอบเว็บไซต์ปัจจุบัน และนำมาออกแบบในรูปแบบแบบใหม่ สำหรับธุรกิจ  เพื่อให้สามารถตอบโจทย์ลูกค้า ได้แบบท้ง B2C และ B2B โดยแบ่งออกเป็น 2 ระบบ คือ แบบ Website for Information และเชื่อมโยงระบบ E-Commerce และติดตั้งระบบชำระเงินผ่านบัตรเครดิต , PromptPay และการโอนเงิน พร้อมทั้งเชื่อมระบบการซื้อขายผ่าน Facebook Shop แบบ Catalog Sync ซึ่งสะดวกเมื่อมีการอัพเดทสินค้า ผ่านเว็บไซต์จะแสดงบน Facebook Shop ทันที และรวมทั้งการซื้อโฆษณาก็จะแสดงผล สินค้าที่แสดงบนเว็บไซต์ทันทีแบบ ReMarketing โดยไม่ต้องมีการไปเพิ่มด้วยตัวเอง

โครงสร้างของระบบเว็บไซต์

โครงสร้างการออกแบบเว็บไซต์ มี 4 แผนผัง คือ ด้านการออกแบบ, ระบบการสั่งซื้อและชำระเงิน , การเชื่อมต่อ Social Media , ผู้ใช้งาน

  • ด้านการออกแบบ โดยมีการออกแบบเว็บไซต์เน้นแบบ FullWidth Design หรือแบบเต็มหน้าช้ายขวา ในแต่ละหน้าของเว็บไซต์ ที่เน้นเรื่องการให้ข้อมูลทั้งบริษัท การบริการ และสินค้าในบริษัท เพื่อเชื่อมระบบ E-Commerce 
  • ด้านระบบการสั่งซื้อ และชำระเงิน : มีการสร้างระบบ สั่งซื้อสินค้า โดยสามารถสร้างรูปแบบให้สินค้าได้ ทั้งสี และขนาด รวมถึงการระบบการคำนวนค่าจัดส่งในแต่ละพื้นที่และขนาด สำหรับค่าส่ง และเชื่อมระบบการชำระเงิน ทั้งการโอนเงิน และ ระบบบัตรเครดิต และรวมทั้งการเข้าสู่ระบบด้วย Facebook ที่เพิ่มความสะดวกมากยิ่งขึ้น โดยสามารถ กดสั่งซื้อ › กรอกคูปอง › ใส่ที่อยู่ ที่จัดส่ง เลือกการชำระเงิน › ชำระเงิน ที่สะดวกมากยิ่งขึ้น
  • การเชื่อมต่อ Social Media : ระบบการเชื่อมต่อ Social โดยเป็นการเชื่อมต่อผ่าน API ด้วย Facebook Developer เพื่อเชื่อมระบบ Login สำหรับการเข้าใช้งานเว็บไซต์ ซึ่งสามารถกดสมัครสมัคร ด้วย Email และ Facebook ได้อย่างสะดวกผ่านหน้าเว็บไซต์และปลอดภัยด้วยระบบ SSL
  • ด้านผู้ใช้งาน ผู้ใช้งานสามารถจัดการเว็บไซต์ด้วยตัวเองผ่านระบบ Drag and Drop ในเว็บไซต์ รวมทั้งการตรวจสอบสถานะชำระเงิน หรือการแจ้งโอนเงินได้ผ่าน LINE ที่จะมีการแจ้งเตือนทุกครั้งเมื่อมีการสั่งซื้อ

 

 

Work Processes

1. Discovery Phase

Planning and Research

  • Goals and Objectives: Understand TTNS Nonwoven’s goals for the website, such as showcasing their nonwoven fabric products, enabling online sales, providing product information, and catering to both B2B and B2C customers.
  • Target Audience: Identify the target audiences, including businesses in industries like automotive, construction, footwear, and individual consumers interested in TTNS Nonwoven’s products.
  • Competitor Analysis: Analyze competitor websites in the nonwoven fabric industry to identify best practices and areas for differentiation.
  • Platform and Technologies: Decide on the appropriate platform (e.g., WordPress, Magento, or a custom solution) and technologies (e.g., HTML5, CSS3, JavaScript, PHP) for the website and e-commerce system.

2. Design and Layout

UI/UX Design

  • Wireframes: Create wireframes to outline the structure and layout of the website, including product catalogs, category pages, shopping cart, and checkout process.
  • Mockups: Develop high-fidelity mockups to visualize the design, incorporating TTNS Nonwoven’s branding elements such as logos, color schemes, and typography.
  • Prototypes: Build interactive prototypes to demonstrate the functionality and user flow of the website and e-commerce system.

Visual Design

  • Product Showcase: Implement visually appealing product displays, including high-quality images, videos, and interactive features like 360-degree views or augmented reality (AR) experiences.
  • Responsive Design: Ensure the website and e-commerce system are fully responsive, providing an optimal viewing and shopping experience across all devices, including desktops, tablets, and smartphones.

3. Content Creation

Product Catalogs

  • Detailed Descriptions: Provide comprehensive descriptions of TTNS Nonwoven’s products, including technical specifications, features, and applications.
  • Product Categorization: Organize products into logical categories and subcategories based on product types, industries, or other relevant criteria.
  • Media Integration: Include high-resolution images, videos, and other media assets to showcase the products effectively.

Additional Content

  • About Section: Create an informative section about TTNS Nonwoven, its history, manufacturing processes, and unique selling points.
  • Industry Applications: Highlight the various industries and applications where TTNS Nonwoven’s products are used, such as automotive, construction, footwear, and filtration.
  • Resources: Add a resources section with technical datasheets, case studies, and industry-specific information to educate customers.

4. E-Commerce Development

Shopping Cart and Checkout

  • Cart Functionality: Implement a user-friendly shopping cart system, allowing customers to add, remove, or update quantities of products.
  • Secure Checkout: Integrate a secure checkout process with payment gateways like PayPal, Stripe, or other popular options.
  • Order Management: Develop an order management system for TTNS Nonwoven to track and process customer orders efficiently.

Customer Accounts

  • User Registration: Allow customers to create accounts, save their information, and track their order history.
  • B2B Functionality: Implement features specific to B2B customers, such as bulk ordering, custom pricing, and quote requests.

Inventory Management

  • Real-time Inventory Tracking: Integrate the e-commerce system with TTNS Nonwoven’s inventory management system to ensure accurate stock levels and availability.
  • Low Stock Notifications: Set up notifications for TTNS Nonwoven’s staff when product stock levels are running low.

5. Testing and Optimization

Quality Assurance

  • Functionality Testing: Test all features and functionalities of the website and e-commerce system to ensure they work as expected.
  • Compatibility Testing: Ensure the website and e-commerce system are compatible with different browsers and devices.
  • Performance Testing: Optimize the website and e-commerce system for speed and performance to provide a seamless user experience.

SEO Optimization

  • Keyword Research: Conduct keyword research to identify relevant terms and phrases related to nonwoven fabrics and TTNS Nonwoven’s products.
  • On-Page SEO: Optimize title tags, meta descriptions, header tags, and content for search engines.
  • Technical SEO: Ensure the website has a clean URL structure, fast load times, and is mobile-friendly.

6. Launch and Maintenance

Deployment

  • Go Live: Deploy the website and e-commerce system to a live server and conduct a final round of testing to ensure everything works as expected.
  • Training: Provide training to TTNS Nonwoven’s staff on how to manage and update the website and e-commerce system.

Ongoing Support

  • Regular Updates: Keep the website and e-commerce system updated with fresh content, new product listings, and feature enhancements.
  • Security Monitoring: Regularly monitor the website and e-commerce system for security vulnerabilities and apply necessary updates and patches.
  • User Feedback: Collect and analyze user feedback to make continuous improvements to the website and e-commerce system.

Service Types and Technology of TTNS Nonwoven

Business Type TTNS Nonwoven