Back to ProjectsNovachain

00
100
Live Site

Project Overview

A matched-stack reconstruction of a blockchain ecosystem site: Next.js static export, Tailwind, a hand-written WebGL fluid simulation behind the hero, an SVG intro sequence, a bridge and portal flow, and a directory of forty-six ecosystem apps generated from a frozen content snapshot. Every interaction was measured against the original at three viewport widths before the brand surface was replaced with a fictional one.
View Showcase
  • PROJECT_TYPEBlockchain Ecosystem Site
  • ENTRY_YEAR2026
  • TARGET_PLATFORMWeb
  • PRIMARY_ROLEFront-end Reconstruction
DEPLOYED_TECHNOLOGIES
next JsreacttypeScript
tailwindwebGL
next JsreacttypeScripttailwindwebGL
COLOR_PALETTE

A matched-stack reconstruction of a blockchain ecosystem site: Next.js static export, Tailwind, a hand-written WebGL fluid simulation behind the hero, an SVG intro sequence, a bridge and portal flow, and a directory of forty-six ecosystem apps generated from a frozen content snapshot. Every interaction was measured against the original at three viewport widths before the brand surface was replaced with a fictional one.

[ PAGE_INDEX ]
  • 01 // The Rebuild
  • 02 // Interface Gallery
  • 03 // Technical Execution

Measured, not eyeballed

The rebuild was gated pixel-for-pixel against a frozen capture of the original at 390, 768 and 1440 px, with a hover-state manifest and behaviour contracts run against the live origin. The WebGL hero was compared at the uniform level, not just as a screenshot.

Content as data

The app directory, categories and hero slots come from a JSON snapshot rather than a CMS, so the whole site builds to plain files. The fictional identity — name, wordmark, app tiles, backgrounds — was substituted mechanically and proven absent with an inverse copy audit.
Novachain responsive viewNovachain responsive viewNovachain responsive view
  • Real Estate Site
  • Front-end Reconstruction

Meridian Residence

Thirty routes of boutique residences: preloader, page transitions, parallax, apartment filters and a lightbox — vanilla, no build step.

Meridian Residence preview

A matched-stack reconstruction of a blockchain ecosystem site: Next.js static export, Tailwind, a hand-written WebGL fluid simulation behind the hero, an SVG intro sequence, a bridge and portal flow, and a directory of forty-six ecosystem apps generated from a frozen content snapshot. Every interaction was measured against the original at three viewport widths before the brand surface was replaced with a fictional one.

Project
Novachain
Type
Blockchain Ecosystem Site
Role
Front-end Reconstruction

Wanna Say Hello?

hello@erkamdemirci.comWhatsApp · +90 539 877 9339
Get a quotePrivacy & data protection