S-31 · Site recreation · 2026-10-29
Tavrin Aerospace
Hanwha Aerospace website recreation
Recreation of an aerospace company website in 28 pages, including showroom, IR and ESG
How it was made
The original is the website of a large aerospace parts maker. Weapons were left out and replaced with fictional satellite buses and engine parts.
The root font size follows the screen width, so every rem value scales together. The grid has 14 columns with 5vw side margins.
There are only two backgrounds: space #00040e and a white stage. On the home page they alternate every 900px.
The mission photo widens from container width to full screen and becomes the background. Products are dragged across a 2D canvas.
The original 3D showroom became a wide photo you drag to look around. Product detail pages were replaced with a detail dialog.
The original virtual scroll was replaced with Lenis, so document height and anchors work. Typefaces are Albert Sans and Pretendard.
Key features
- Mega menu header · full-menu sitemap
- Widening mission photo · draggable product canvas
- Draggable showroom photo · product detail dialog
- Sticky history period bar · IR year filter · newsroom categories and search
Where and how to use it
Suits manufacturers with many product lines that also publish IR and ESG. About, products, investor relations and media fit into five page templates.
Industries
- Aerospace and defence manufacturing
- Listed company websites
- Industrial goods and parts makers
Reusable screens and features
- Mega menu and sitemap menu
- Draggable product display
- History period bar
- IR and notice tables with year filter
Points to check
The English version is the home page only. There are no news article or ESG sub-pages, and the careers video slot was removed.
After reading the document
The live site opens in a new window.
Go to site(opens in new window)