Website design concept

Forgeworks

A manufacturing website concept combining original procedural 3D assemblies, material selection and a downloadable project brief.

My role

Design Direction & AI-Assisted Development

Explore the website

Development Method

  • AI-directed design
  • Local creative development

Technical Stack

  • Vue
  • Three.js
  • Vite

Project Category

  • Website concept
  • Scroll & interaction design

Overview

A fictional manufacturing brand developed through AI-directed design and local creative development. The homepage combines custom manufacturing content, original procedural 3D objects and iterative motion refinement. Scroll-linked assembly, stacked services and material selection turn an industrial subject into an approachable web experience.

How I Built It

  1. Direction

    Translated the reference into a fictional manufacturing brand, with its own copy, orange and steel palette, and lightweight geometry.

  2. Interaction

    Built a shared Three.js renderer, scroll-linked assemblies, parallax, material selection and a downloadable project brief.

  3. Refinement

    Refined spacing, mobile journal cards, hover states and motion smoothing through local browser review.

01

Forgeworks homepage concept

Forgeworks homepage concept