XUNPAN · Lab

Complex products, turned into websites you can operate.

We invented three export manufacturers and built each a complete website: a brand, a story, and a selector or configurator that really works — with results you can reset and repeat.

Concept demonstration / Not a real client project概念演示 / 非真实客户案例

  • All are concept demonstrations, not real client projects.
  • Brands, specifications, prices, capacities and data are fictional and for demonstration only.
  • Demo “requests” and “RFQs” are generated in your browser only — no email is ever sent.

A / 03 · Porcelain tableware · OEM / ODM export (fictional brand)

Kilnlight 窑光

Lets overseas buyers see shapes, glazes and customization limits before ordering — and build their own sample set.

Concept demonstration / Not a real client project概念演示 / 非真实客户案例

What it shows

  • Real-time, rotatable porcelain rendering
  • Shape × glaze × finish × rim combinations
  • Limits like “gold rim: not microwave-safe” stated upfront

Full scenario

  1. 1Pick a shape
  2. 2Pick a glaze
  3. 3Rotate to inspect
  4. 4Add to sample set
  5. 5Create demo request
  6. 6Reset

Built with Custom Canvas 3D renderer, no WebGL needed

Enter experience · Kilnlight 窑光

B / 03 · Fasteners · standard and made-to-drawing (fictional brand)

Pitchline 精距

Turns hundreds of specifications into a selector that draws itself: pick parameters and the drawing, dimensions and RFQ update together.

Concept demonstration / Not a real client project概念演示 / 非真实客户案例

What it shows

  • Engineering drawing generated live from parameters
  • Material / finish compatibility rules
  • Multi-line RFQ with print view

Full scenario

  1. 1Pick a type
  2. 2Size and length
  3. 3Material and finish
  4. 4Check the drawing
  5. 5Add to RFQ
  6. 6Create demo RFQ

Built with Parametric SVG drawings

Enter experience · Pitchline 精距

C / 03 · Fabric mill · shirting, workwear, outdoor and home (fictional brand)

Tidewoven 潮织

Lets buyers see every fabric’s weave and colour online, filter, build a swatch card, then decide which physical swatches to request.

Concept demonstration / Not a real client project概念演示 / 非真实客户案例

What it shows

  • Procedurally generated weave textures
  • Filter by use, composition and weight
  • Yarn-level magnified detail

Full scenario

  1. 1Filter fabrics
  2. 2Magnify the weave
  3. 3Pick a colourway
  4. 4Add to swatch card
  5. 5Create demo request
  6. 6Reset

Built with Procedural Canvas weave textures

Enter experience · Tidewoven 潮织

Want a website like this for your own products?

For a real project, contact XUNPAN through our official contact details.

Contact XUNPAN

沪ICP备2026060530号-1