SanFang
- Client
- San Fang Chemical Industry Co., Ltd.
- Sector
- Manufacturing · Synthetic leather & film
- Services
- Development · CMS
- Platform
- Next.js · Umbraco

SanFang has been making synthetic leather in Kaohsiung since 1973, and now supplies global brands from factories across Asia. Its website has to speak to designers sourcing materials, to shareholders, and to people looking for their next job — in English and in Chinese.
A company listed on the Taiwan Stock Exchange carries more than a product range. The brief was a corporate site that leads with materials — synthetic leather, film, hot melt and composites — while giving investors, ESG stakeholders and job seekers a clear route to what they need, all managed by SanFang’s own team.


A Next.js front end on headless Umbraco, fed by its Content Delivery API, with every page published in English and Traditional Chinese and a single enquiry form that follows visitors across the site.
Each product range has its own page: the bases, types and constructions on offer, the industries and surfaces they suit, and a route into SanFang’s digital catalogue. The homepage pairs a hero video with the company’s global footprint — factories, offices and R&D centres — and the certifications buyers look for.
The Investors page brings together a live share price, pulled straight from the Taiwan Stock Exchange’s open data, monthly consolidated revenue with year-on-year change, quarterly reports and shareholder meetings. Careers lists open roles with filters for department, location and job type, and Sustainability gathers ESG reports and governance documents for download.
Enquiries open from any page and ask for the product of interest and the intended application — footwear, sporting equipment, automotive and more — so each request reaches the right team with the detail it needs. Submissions are delivered by email through Brevo.
One site, several audiences.
- 01
Product range pages
Synthetic Leather, Film, Hot Melt and Composites — each with its own constructions, applications and catalogue links.
- 02
Investor relations
A live share price from the Taiwan Stock Exchange, alongside monthly revenue, quarterly reports and shareholder meetings.
- 03
English and Chinese
Every page in two languages, with a language switcher in the header.
- 04
Targeted enquiries
A site-wide contact form that captures product interest and intended application before the first reply.

Headless and bilingual.
Umbraco’s Content Delivery API feeds a Next.js front end on Vercel. The share price comes live from the Taiwan Stock Exchange, and enquiries are sent through Brevo.
- 01Next.js
- 02Umbraco
- 03Content Delivery API
- 04TWSE open data
- 05Brevo
- 06Vercel
- Product ranges with their own page
- 4
- Languages — English and Traditional Chinese
- 2
- Countries with SanFang factories
- 4