THE WEB
This is an editorial-first portfolio that bridges luxury architectural print monographs with bleeding-edge spatial web experiences. Designed for Aksan Zulkarnain (Software Engineering / TRPL undergraduate at Politeknik IDN Bogor, originating from Semarang), this project deconstructs fundamental software principles, clean web architectures, and high-concurrency systems into an immersive narrative odyssey.
Klik untuk ukuran penuh
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
Chapter 01: Prologue (Spatial Hero Theatre)
- 120 FPS Spring Parallax: Hardware-accelerated multi-layer depth engine translating the center portrait, flanking editorial profile dossier, and ambient architectural watermark independently.
- Kinetic Marquee Ribbon: High-velocity typographic ribbon floating directly over foreground visual planes.
- Precision Responsive Fit: Seamless edge-to-edge desktop viewport (100dvh) scaling down into fluid, touch-friendly mobile stacking.
Bagian 2
Chapter 02: Selected Works (3D Frieze Exhibition Reel)
- Cover-Flow Cover Engine: Infinite-feel 3D card carousel driven by window scroll progress, utilizing pure CSS 3D transforms (translate3d, rotateY, scale) with card culling for 0ms frame drops.
- Architectural Dossier Modal: Full-screen case study inspection displaying engineering context: Overview, Engineering Challenge, Architectural Solution, Quantifiable Impact, and Live Deployment / GitHub links.
Bagian 3
Chapter 03: Capabilities & Archive (Vasari 3D Shelf)
- Physical Hardcover Book Carousel: Interactive 3D books featuring leather-bound spines, gold foil leaf framing, and dynamic angle lighting inspired by Renaissance atelier monographs.
- 3 Dynamic Shelf Modes:
- Master Tomes: Curated summaries of disciplines and credential vaults.
Bagian 4
Chapter 03: Capabilities & Archive (Vasari 3D Shelf)
- Physical Hardcover Book Carousel: Interactive 3D books featuring leather-bound spines, gold foil leaf framing, and dynamic angle lighting inspired by Renaissance atelier monographs.
- 3 Dynamic Shelf Modes:
- Technical Skills: Deep breakdown across HTML, CSS, JavaScript, PHP, Laravel, Livewire, React, MySQL, Supabase, and GitHub.
Bagian 5
Chapter 03: Capabilities & Archive (Vasari 3D Shelf)
- Physical Hardcover Book Carousel: Interactive 3D books featuring leather-bound spines, gold foil leaf framing, and dynamic angle lighting inspired by Renaissance atelier monographs.
- 3 Dynamic Shelf Modes:
- Verified Credentials: Accreditations with verification IDs, issuing authorities, and cryptographic badge preview modals.
Bagian 6
Chapter 04: Journey & Route (Overworld Map Odyssey)
- Cartographic SVG Winding Spine: Neo-brutalist continuous trail tracing career landmarks from foundational software engineering at Politeknik IDN Bogor to warehouse logistics systems at Astra Semarang.
- GPS Telemetry Nodes: Real-time waypoint telemetry beacons that pulse and snap as the user scrolls.
- Official Printable CV Dossier: In-modal curriculum vitae with print-to-PDF formatting support.
Bagian 7
Chapter 05: Contact Terminal (Direct Collaboration)
- Inquiry Composition Terminal: Structured collaboration brief form with live validation and field error boundaries.
- Mailto Dispatch Pipeline: Generates pre-filled mail transmission dispatches with one-click clipboard copying and confetti celebrations.
- Verified Branded Socials: Genuine SVG network channels for GitHub, LinkedIn, and Instagram.
