┌─────────────────────────────────────────────────────────┐
│ Name : Haekal Saputra │
│ Alias : xykalnotkel │
│ Company : XySpace │
│ Role : Creative Technologist / App Developer │
│ Focus : Application Development / Creative Web │
│ / Game Experiments │
│ Exploring : AI-assisted tools / Cloud workflows │
│ / Digital product design │
│ Stack : Flutter / Dart / Rust / TypeScript │
│ / Python / Cloudflare / Figma / Unity │
│ Base : Indonesia │
│ Email : haekalsaputra01h@gmail.com │
│ Mission : Turn useful ideas into clear, playful, │
│ and accessible products. │
└─────────────────────────────────────────────────────────┘
I'm Haekal Saputra — a creative technologist and app developer from Indonesia who builds at the intersection of function, visual identity, and playful interaction. I don't treat development and design as separate worlds; I direct them like scenes in a film.
I build XySpace as a cinematic technology universe — where applications, web experiences, game-inspired interfaces, AI workflows and cloud ideas live as interconnected scenes. Every product I ship has a reason to exist, a visual language of its own, and a tactile feel that makes you want to interact with it again.
What I actually do:
- Application Development — Flutter and Dart for cross-platform apps (Android, iOS, Windows, Web). Clean architecture, Riverpod state, zero-divider design systems.
- Creative Web — Responsive sites, portfolio experiences, visual identity systems, motion interfaces. Modern CSS, TypeScript, Cloudflare Workers.
- Game Experiments — Unity and Godot prototyping. Game-inspired UI that stays usable. Shader play, not shader soup.
- AI as Co-Director — AI accelerates my exploration. I decide what ships. Human judgment, non-negotiable.
- Cloud and Infra — Cloudflare Workers + Durable Objects, TURN/STUN, CI/CD GitHub Actions. Zero-cost stacks, zero VMs.
- Design Systems — Figma-driven tokens, restrained palettes (purple-black-metal), CustomPainter glyphs, cinematic motion.
Build with purpose. Experiment with curiosity. Ship with care.
DIRECTED BY HAEKAL / PRODUCED BY XYSPACE / CINEMATOGRAPHY: CODE & PIXELS
|
Turning ideas into practical application concepts, prototypes, and user-friendly digital experiences. The protagonist.
|
Responsive websites, portfolio experiences, visual systems, motion and modern interfaces. The world-building.
|
Game experiments, interactive visuals, AI tools, cloud exploration and unusual product ideas. The plot twist.
|
| Project | Description | Stack | |
|---|---|---|---|
| >> | XyDesk | Low-latency remote desktop for gaming and work — Quiet Surface design, zero-divider UI, WebRTC streaming, Cloudflare signaling | Flutter Rust WebRTC Cloudflare |
"Purple is not a color. It's a feeling. It's a universe."
- Directing the XySpace cinematic universe — identity and digital ecosystem, frame by frame.
- Learning by shipping — practical app and web experiments, not endless trailers.
- Game-inspired interaction that stays usable — cinema without motion sickness.
- AI as co-director — it accelerates, I decide.
- Zero-cost infrastructure — Cloudflare free tier, GitHub Actions CI/CD, no VMs, no credit card.
- Building a portfolio that feels useful, distinctive, and honest — no filler scenes.
| Principle | Meaning |
|---|---|
| Useful first | A visual idea should still solve a real problem. Pretty without purpose is decoration, not design. |
| Playful, not confusing | Interaction can feel fun while remaining understandable. Cinema without motion sickness. |
| Learn by building | Small working experiments teach more than endless planning. Ship to learn. |
| Human-directed AI | AI accelerates exploration; judgment and responsibility stay human. I decide. |
| Keep evolving | XySpace is a space for continuous iteration and discovery. Nothing is final until it's useful. |