2026
LILAMA 10 — Corporate Website for a National EPC Contractor

LILAMA 10 — Corporate Website for a National EPC Contractor

Check it out

LILAMA 10 is a member of the Vietnam Machinery Installation Corporation, founded in 1983 on the Hoa Binh hydropower site and listed on HOSE as L10. It fabricates super-size steel structures and acts as EPC contractor for hydropower, thermal power, refinery, cement and metallurgy plants in six countries. The redesign turns a document-heavy corporate site into one that reads like the company itself: homepage, four fields of work, capability pages (finance, equipment, people, certificates), a project archive by sector, investor relations, news, media library and contact.

Role:
Art direction, UI design & front-end development (33 pages, Figma prototype)
Client:
LILAMA 10 JSC
  • Next.js 16
  • React 19
  • GSAP 3
  • Lenis
  • Be Vietnam Pro
  • JetBrains Mono
  • TypeScript
  • Figma

01 — A homepage that carries the weight of steel

A deep navy field with a red accent, Be Vietnam Pro headlines in outlined and solid weights, and JetBrains Mono for the small technical labels. The hero puts the headline numbers next to a photo from the fabrication floor: years of experience, flagship projects and tonnes of steel per year. Lenis and GSAP drive the scroll from the brand statement through fields of work, the EPC process, flagship projects, certificates and news.

LILAMA 10 homepage full view

Four decades drawn as one river

Company history is an SVG timeline instead of a bullet list: each band is one name the company has carried since 1983, and the union and party milestones sit on the same stream. Dates come from the about page and union news so every point can be traced.

Company history timeline
History timeline

02 — Fields of work, told through the work

Fabrication, installation, technical services and office leasing each get a page. The fabrication page lists what leaves the Hai Duong and Phu Ly plants — penstocks, gates, boilers, tanks, hydrogen electrolysis modules — with the welding and structural standards (ISO 3834-2, EN 1090 EXC3, ASME S and U) shown as stamps rather than footnotes.

Steel fabrication field page

Installation and technical services

The installation page leads with the equipment fleet, including the 250-tonne crawler crane, and the service page covers maintenance, overhaul, NDT and O&M for plants already running.

Installation field page
Technical services page

03 — A capability profile you can flip through

The capability profile is usually a PDF download. Here it is an eight-page flipbook on the site: cover, introduction, financial capacity with the HOSE listing and reporting cycle, equipment fleet by category, people, certificates, projects and contact. Every spread can be jumped to from the tab bar below.

Flipbook capability profile
Capability profile

Certificates as proof, not a list

ISO 9001, 14001, 45001, ISO 3834-2, EN 1090 and ASME stamps are laid out as a wall of certificates with scope and validity, the first thing a project owner's QA team looks for.

Certificates page

04 — Media library and a contact page that routes

Photos and videos from sites like Son La, Lai Chau and Nghi Son are grouped by project in the library. The contact page does more than list a hotline: six request routes (fabrication quote, installation, technical services, office leasing, investor relations, recruitment) send each reader to the right department, with all seven branches and plants mapped.

Media library page
Contact page with request routes