Skip to content
kreativ.digital
Start a projecthello@kreativdigital.net
← Back to workCase 04 / 06Visit site ↗

SanFang

Client
San Fang Chemical Industry Co., Ltd.
Sector
Manufacturing · Synthetic leather & film
Services
Development · CMS
Platform
Next.js · Umbraco
SanFang homepage on desktop and mobile
01 — The brief

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.

SanFang website on mobile
SanFang product and investor pages, full length
02 — What we built

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.

03Highlights

One site, several audiences.

  1. 01

    Product range pages

    Synthetic Leather, Film, Hot Melt and Composites — each with its own constructions, applications and catalogue links.

  2. 02

    Investor relations

    A live share price from the Taiwan Stock Exchange, alongside monthly revenue, quarterly reports and shareholder meetings.

  3. 03

    English and Chinese

    Every page in two languages, with a language switcher in the header.

  4. 04

    Targeted enquiries

    A site-wide contact form that captures product interest and intended application before the first reply.

SanFang brand: logo, colour palette and typefaces
04Stack

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
05 — By the numbers
Product ranges with their own page
4
Languages — English and Traditional Chinese
2
Countries with SanFang factories
4
Related service →Web Development