BILAL | Creative Developer

Bilal Sanayu MajidInformatics Engineering, PENS Surabaya

Hello! I'm Bilal, an Informatics Engineering student at EPIS (PENS) in Surabaya. Crafting immersive web experiences with modern technologies like Three.js and React.

See my worksContact me

Archive: plates
Surabaya: --:--:--WIB
Position: 7.2756°S · 112.7937°E

NEXT.JS • THREE.JS • GSAP • 18 PROJECTS IN THE ARCHIVE • PENS SURABAYA •NEXT.JS • THREE.JS • GSAP • 18 PROJECTS IN THE ARCHIVE • PENS SURABAYA •NEXT.JS • THREE.JS • GSAP • 18 PROJECTS IN THE ARCHIVE • PENS SURABAYA •NEXT.JS • THREE.JS • GSAP • 18 PROJECTS IN THE ARCHIVE • PENS SURABAYA •

ABOUT

SYSTEMS BAY · THREE PLATES

What I Build

Three disciplines, one operator. Pick a plate to open it up: every tool on it is drawn where it works, and the archive says how often it has shipped.

HELM · The interface6 tools

Point at a mark on the plate, or at a tool in the list.

FLIGHT PLAN · FOUR STAGES

How I Work

The same four stages on every project. Here is what happens at each one, how long it takes, and what you get to hold at the end of it.

BAY 01 / 04
We agree on what we are building and why — before a single line of code exists.
Duration
0–0 weeks
Share of job
0%
You getBrief + sitemap
BAY 02 / 04
Rough layouts first, then the real look: colour, type, spacing, motion.
Duration
0–0 weeks
Share of job
0%
You getClickable design
BAY 03 / 04
Clean, fast code. Tested on a mid-range phone, not just on my laptop.
Duration
0–0 weeks
Share of job
0%
You getStaging site
BAY 04 / 04
Ship it, watch the numbers, and fix whatever real traffic turns up.
Duration
0–0 days
Share of job
0%
You getLive + monitored

Stage 01 of 4: Discover, 1–2 weeks.

SECTOR 01 · OBSERVATION DECK

CREATIVE
PLAYGROUND

Origin: 07.2756°S · 112.7937°E
Vessel: BILAL // CREATIVE DEV
Payload: WEBGL · MOTION · SYSTEMS
Signal: TRANSMITTING

PROJECTS

observatory plate archive// DRAG THE RAIL, USE ← → OR CLICK A PLATE// SWIPE THE RAIL • TAP THE PLATE TO OPEN IT

COSMIC DATABASE / INDEX [18]

PLATE 01 / 18

Herbal Mart

A scalable e-commerce platform featuring dynamic cart management and real-time product filtering, built to optimize user engagement.

HTML5
CSS3
JavaScript
Netlify

Case study

Herbal Mart: A scalable e-commerce platform featuring dynamic cart management and real-time product filtering, built to optimize user engagement.
Bunny Jump Lite: A fun interactive game where a bunny is controlled via keyboard inputs.
Hunting Alien: Action-packed shooter game developed using the Phaser JavaScript framework.
Math Fighter: Educational web game solving math operations with touch controls.
Snake Game: Classic Snake arcade game implementation. Eat food, grow, and avoid walls.
Mini Portfolio: A concise showcase of personal skills and early projects.
Memory Game: Navigate characters, match memories, select using spacebar.
Ghost Buster: Avoid ghost attacks using arrows and survive longer.
MindPoint: Mindpoint: rotate and drag the perspective to align fragments and solve puzzles.
Guru Bahasa: A responsive educational platform designed to streamline student consultation via WhatsApp integration and interactive gallery modules.
Aether Dreamscape: Rotate the world, align platforms, and guide the orb to light.
Infinite Loop: A canvas-based interactive visual narrative with physics-driven particles.
Lorem V. Portfolio: A creative developer portfolio with custom cursor and smooth scroll animations.
NOIR Photography: High-end photography portfolio featuring horizontal scrolling and GSAP.
Creative Programmer: Cinematic portfolio with Three.js WebGL background and custom interactions.
Digital Craftsman: Immersive creative portfolio with WebGL particles and cinematic reveals.
Experimental Directory: Physics-based Canvas particle text system with CRT glitch effects.
LUMIERA Visual Poetry: Ultra-cinematic photography portfolio with multi-layered SVG parallax.