Z logoDan / Portfolio
← All projects

Project 01 · Frontend

Nusantara Mineral — Corporate Website

A premium corporate landing page for a fictional Indonesian mining and energy company, built to read like a real industrial/energy site — editorial layout, annual-report pacing, and a full set of investor and governance sections.

Role

Frontend Developer

Discipline

Frontend Development

Period · Team

Sep 2026 · Solo project

Hero section — fullscreen banner with the company's mission statement.

Hero section — fullscreen banner with the company's mission statement.

01 / 03

Project story

Overview & contribution

Nusantara Mineral is a single-page corporate site built as a case study in large-scale corporate web design: an editorial two-column About section, interactive Operations cards, an asymmetric Sustainability layout, numbered Governance pillars in an annual-report style, a minimal Investors resource list, a Careers banner, a News grid, and a closing CTA — all assembled from typed static data files so content can be edited without touching layout code. Built and shipped stage by stage, with a dedicated Git commit per section.

My Contribution

End-to-end ownership

  1. 0112 fully custom sections: Navbar, Hero, About, Operations, Sustainability, Governance, Investors, Careers, News, CTA, Footer
  2. 02Scroll-triggered reveal animations throughout with Framer Motion, respecting prefers-reduced-motion
  3. 03Sticky navbar that transitions from transparent (over the hero) to solid on scroll, with a full-screen mobile menu
  4. 04Custom design tokens — charcoal/stone/moss/ochre palette, Fraunces + IBM Plex Sans type system
  5. 05Fully responsive, semantic HTML, keyboard-accessible navigation

Technology

Core tools used to deliver this project

Next.jsTypeScriptTailwind CSSFramer Motion
← Previous projectPersonal PortfolioNext project →Payroll Management System