Projects in PurwokertoProjects in PurwokertoAFTERMATH, a Dark Fantasy Game Landing Page That Feels Like the Real Thing 🗡️ (Built using @Squarespace)
The concept: build a fictional video game landing page so cinematically convincing it could pass as an actual AAA title announcement. AFTERMATH is a dark fantasy action RPG where a fallen kingdom's last survivor faces what shouldn't still be breathing.
The challenge wasn't just aesthetic. It was about designing a site that feels like a product that exists, with the tension, atmosphere, and commercial weight of a real game launch.
🎮 Bringing the vision to life
AFTERMATH needed to function like a real game marketing site: a cinematic hero, a lore hook, gameplay feature showcases, multiple edition tiers, and a wishlist CTA, all within Squarespace's native tools. Every design decision was made in service of world-building, not just visual polish.
The blue rose became the site's visual thread, appearing in the key art, scattered across the story section, and animated on scroll to feel alive within the world.
🛠️ Built with Squarespace + Finish Layer
Block Animations : Text in the story section reveals line by line on scroll, building tension the way a game trailer would. Each line hits with its own weight before the next appears.
Block Transforms : The blue roses rotate from 365° to 0° as the user scrolls through the lore section. It's subtle, but it makes the roses feel like they're responding to the world, not just sitting on the page. Asymmetric positioning of the rose elements was also handled through Transforms to build the editorial, off-grid feel.
Image Effects (Grain) : Applied to the edition section background to add texture and cinematic grit, reinforcing the dark fantasy tone without relying on external assets.
Mobile Overrides : The desktop layout uses intentional image size variation for editorial impact. On mobile, overrides were applied to rebalance spacing and content flow so the experience holds up without the widescreen canvas.
🎨 Key design decisions
The typographic pairing, large serif display against sparse uppercase labels, was chosen to evoke game box art and epic fantasy without feeling generic. The color palette stays locked to deep navy and near-black with blue as the sole accent, keeping the atmosphere consistent across every section.
The edition cards (Collector's, Deluxe, Standard) use custom box art designed specifically for each tier, grounding the fictional product in something that feels commercially real.
Live site: https://aftermath.squarespace.com/
Password: hananda_squarespace In 2024, I built Krungthai Business ExpressTS, a backend API prototype/MVP for an Upwork client working around Krungthai Business workflows. The goal was to validate how an end-to-end business banking flow could be automated while the bank does not provide official open banking APIs.
My approach started with reverse engineering the mobile app flow to understand the real request/response behavior, session handling, authentication steps, and the app’s end-to-end encryption flow. This included analyzing how encrypted payloads were structured, how secure client-server communication was handled, and how the mobile client interacted with backend services during the transaction process.
From there, I designed an ExpressTS-based API layer that could reproduce the core E2E flow in a cleaner backend structure, making it easier to test, automate, and integrate with external systems. The prototype focused on validating the technical flow first before moving toward a more production-ready implementation.
The first approach used an OTP-based transaction flow, but I later updated the implementation toward a PIN-based flow. This made the transaction process faster and smoother for repeated usage, with the PIN flow becoming around 2–3x faster than the OTP flow because it removed the delay of waiting for OTP delivery and validation.
The GitHub repository was used as a prototype/demo version for the Upwork client, focused on validating the feasibility of automating Krungthai Business workflows.
Tech stack: Node.js, TypeScript, ExpressTS, Axios, Mongoose, MongoDB, dotenv, pnpm, ts-node, nodemon.
If you need someone who can build backend API prototypes, reverse engineer mobile/web flows, automate complex business processes, or create integration layers when official APIs are limited or unavailable, I can help turn the flow into a clean, testable, and scalable backend system.
This was an independent prototype project for client validation and research purposes, not an official Krungthai Bank product or partnership.
