Web
2026

MNG Steel

Trilingual website, brand mark and a private DBM financing dossier for a Mongolian grinding-ball plant.

MNG Steel hero

Client

MNG Steel LLC

Industry

Industrial Manufacturing / Mining Supply

Timeline

Sep 2026

Year

2026

Services

Logo Design · Visual Identity · UI/UX Design · Frontend Development · Backend Development · Authentication · SEO · Deployment and DevOps · Content · Copywriting

01 / The Challenge

Understanding the problem

MNG Steel, a Mongolian steel grinding-ball plant operating since 2017, is preparing a plant-expansion loan with the Development Bank of Mongolia to meet the grinding-media specifications of Oyu Tolgoi and Erdenet. The company had a secured domain but no public presence, no brand mark and no consolidated view of how the bank lends: product terms, hard gates such as the minimum request and the financing cap, and the 65-document application checklist behind them. The work had to serve Mongolian financiers, domestic mine buyers and Chinese-speaking suppliers at once, in under two weeks, before the founder had confirmed most figures.

The DBM Financing Dossier on a desktop monitor in a finance office beside a binder of application forms

02 / The Approach

How we tackled it

We started with evidence rather than layout. A research pass reverse-engineered the bank's website API, downloaded 52 public documents, read the audited statements for 2018 to 2025 and the 2025 draft law, and recorded every field with a source, date and confidence code. That library became the spine of a private dossier. For the site we chose a Python static generator that builds 24 pages in three languages from shared content dictionaries, so terminology can be corrected in one place. Every unconfirmed figure went into an assumptions register, the site stayed unindexed, and all photography was generated to a written brief until real plant photography exists.

The English MNG Steel site on a phone held on the plant floor beside quenched grinding balls
The products page on a tablet on a metallurgy lab bench with a sectioned ball and a hardness tester

03 / The Solution

What we built

Three connected pieces. A brand mark, a forged ball held between two chamfered forging dies, generated parametrically as SVG, PNG and favicon in on-light, on-dark and mono variants, ember orange on graphite. A trilingual static site at mngsteel.mn with home, products, quality, supply record, expansion, about, careers and contact pages, grouped navigation, product spec tabs, a seven-step process stepper, count-up figures, an embedded plant map, a quote form that prefills mill and ball size, and hreflang and canonical tags. And the DBM Financing Dossier, a bilingual single-file web app with 14 sections, Markdown rendering, a passphrase-gated serverless API and Upstash Redis holding an application profile that mirrors the bank's own form, with versioned snapshots.

Tech Stack

HTML / CSS / JavaScriptPython static generatorPillowVercelVercel Functions (Node 24)Upstash Redismarked 12Google FontsArtlist
MNG Steel showcase

04 / The Outcome

Results & impact

MNG Steel now has an identity and a site that presents it as an established supplier in Mongolian, English and Chinese, live on its own domain and ready to index once the founder clears the assumptions register. The dossier gives the founder and advisers one place to check the bank's requirements, track the 65 application documents and draft the loan application against the bank's own form structure. Whether the site has produced enquiries, and how the application progressed, is not recorded in the project files.

3

Languages

24

Static Pages

52

Bank Documents Indexed

14

Dossier Sections