Back to Works
HP2025-07-15About 2.5 weeks

Steel Casting Manufacturer Corporate Website

New corporate website for a steel casting manufacturer spun off from its parent company. A simple, information-focused BtoB site with 28 pages.

Next.jsSSGTailwind CSSMDX
Steel Casting Manufacturer Corporate Website

Note: This case study has been modified for portfolio purposes. Company names, images, and figures are fictional and differ from the actual project.

Project Overview

We built an independent corporate website for a newly established steel casting manufacturer, spun off from the manufacturing division of its parent company. The site centers on company information, technology details, product specifications, and recruitment — a straightforward BtoB information site designed to establish credibility and provide essential details to prospective customers.

Client Requirements

  • Simple corporate site composed of company info, technology, products, and recruitment
  • Purely informational — no elaborate graphics or interactive features needed
  • Fully independent from the parent company's existing website
  • Approximately 20–30 pages

Approach

We prioritized "trust" and "technical expertise" — essential qualities for a BtoB manufacturer. The design uses a restrained palette of deep navy and maroon, with minimal decoration and information-dense layouts. Product specifications are organized in standardized tables so engineers can quickly find what they need.

Deliverables

Page Structure (28 pages total)

  • Top page (company overview, product categories, news)
  • Company info (greeting, profile, history, access, group)
  • Technology & manufacturing (process, equipment, limits, quality, certifications, materials)
  • Products (overview, energy, industrial, infrastructure, steel, recuperators)
  • Sustainability (environmental policy, quality policy)
  • Sales network
  • Recruitment (message, requirements, benefits)
  • News
  • Contact
  • Privacy policy
  • Sitemap

Key Features

  • Fully responsive (desktop / tablet / mobile)
  • Contact form with product-category routing
  • MDX-based news management
  • Breadcrumb navigation
  • In-page anchor navigation

Technical Highlights

  • Next.js SSG: Static generation for blazing-fast page loads with zero server costs
  • MDX content management: Non-engineers can update news posts independently
  • Unified table components: Consistent presentation of product specs, company data, and equipment details
  • SEO optimization: Proper meta tags and structured data for BtoB manufacturing search visibility
  • Accessibility: Semantic HTML with adequate contrast ratios throughout

Timeline

About 2.5 weeks (typical agencies would need 10–14 weeks)