Exploring AI for Work & Creativity

Product Engineering
Leader & AI Practitioner

Empowering teams and creatives through AI

10+ years building products and engineering teams. Currently focused on two dimensions of AI innovation — transforming how engineering teams operate at scale, and unlocking AI's creative potential in multimedia production.

Explore My Work LinkedIn
10+ Years Experience
50+ Engineers Led
5 Books Published
3K+ Followers
About Me

Building at the intersection of
AI & Engineering

I'm an engineering leader with over a decade of experience spanning product design, frontend architecture, and AI integration. My journey began as a multimedia designer and developer — giving me a rare blend of creative sensibility and technical depth.

Today, I channel that background into two areas: revolutionizing how engineering teams operate through AI-driven workflows, and exploring how AI unlocks new creative possibilities in multimedia production.

🌐 gapra.dev
What others say
"He has a unique ability to balance speed and quality. What's remarkable is that even as a senior leader, he still has a strong builder mindset — never losing focus on execution and outcomes."
BH
Burhanudin Hakim
Colleague at Mekari
Current Focus

Two dimensions of AI innovation

My work with AI spans both the professional and creative realms — each informing and enriching the other.

⚡
Work Focus

AI for Team Productivity

Transforming how engineering teams work by embedding AI into every stage of the software development lifecycle — from planning and coding to review and deployment. Building the infrastructure for human-AI collaboration at scale.

Model Context Protocol (MCP) AI Agents AI Skills SDLC Automation LLM Integration Developer Experience Codebase Optimization for LLMs
🎨
Personal Research

AI for Multimedia Production

Exploring the frontier where AI meets creative production — building workflows for AI-generated advertising content, synthetic imagery, and video generation at scale. Researching how generative AI reshapes the creative industry.

AI Image Generation AI Video Ad Creative Automation Generative Design Creative AI Workflows Visual Storytelling with AI
Career

Professional Journey

From individual contributor to engineering leader — a decade of building, scaling, and innovating.

Mekari
Engineering Manager
Jan 2022 – Present
  • Continued as VP Engineering of Qontak under Mekari following the acquisition — managed the technical synchronization post-acquisition, ensuring smooth product integration and alignment of engineering cultures
  • Spearheaded AI & SDLC transformation initiatives across the engineering org
  • Designed custom AI Agents and AI Skills for automated task execution
  • Built Model Context Protocol (MCP) systems enabling seamless developer-AI collaboration
  • Restructured repositories and codebases for LLM optimization
  • Evolved architecture from monolithic systems to modular, secure components
Qontak
VP of Engineering (Product & Frontend)
May 2021 – Feb 2022
  • Directed technical vision and product roadmap for the engineering organization
  • Led cross-functional engineering teams toward measurable business outcomes
  • Architected scalable frontend solutions that contributed to the Mekari acquisition
Qontak
Head of Design & Front-End Engineering
Aug 2018 – May 2021
  • Built and led both the product design and frontend engineering departments
  • Implemented UI/UX best practices using Vue, Vuex, Nuxt, and SCSS
  • Drove product roadmap strategy in close collaboration with stakeholders
Qontak
Lead Software Engineer & Product Manager
Sep 2017 – Aug 2018
  • Held a dual role as Lead Software Engineer and Product Manager — simultaneously owning technical execution and product direction
  • As Lead Engineer: led the frontend team, set technical standards, and drove code quality through architecture decisions and reviews
  • As Product Manager: defined product requirements, prioritized the roadmap, and coordinated delivery across design and engineering
  • Owned the full product pipeline — from UI/UX concept and visual design through to frontend implementation
  • Translated product requirements into wireframes, visual designs, and polished interactive interfaces
Qontak
Senior Front-End Engineer
Sep 2015 – Sep 2017
  • Owned the full design-to-implementation pipeline — from creating UI/UX designs to building the final frontend
  • Designed product interfaces using wireframing, prototyping, and visual design tools before handing off to implementation
  • Led frontend development of core product features, ensuring high performance and cross-browser compatibility
  • Established frontend architecture standards, component patterns, and coding conventions across the team
  • Mentored junior engineers on best practices in HTML, CSS, and JavaScript
  • Contributed to technical decision-making and code reviews to maintain quality and consistency
SoftwareSeni
Web Designer & Front-End Developer
Oct 2013 – Sep 2015
  • Created visual designs and implemented interactive UI using HTML/HTML5, CSS/SASS, and JavaScript
  • Built and customized WordPress themes and CodeIgniter (PHP framework) templates
  • Design tooling with Adobe Photoshop
Angetan.com
Web Designer & Developer
Feb 2013 – Oct 2013
  • Specialized in web design, front-end development, and multimedia design
  • Design using Adobe Photoshop, CorelDRAW, and Adobe Flash
  • Development with HTML/HTML5, CSS3, jQuery, and PHP
Gapra Art
UI/UX Designer & Front-End Developer
Oct 2012 – Aug 2019
  • Ran a freelance creative studio in parallel — handling UI/UX design and frontend development projects
Envato / Themeforest
Premium Theme Author
Sep 2010 – Aug 2013
  • Designed and commercialized premium web templates on the global Envato marketplace
Gapranimator
Multimedia Designer & Front-End Developer
Dec 2010 – Oct 2012
  • Freelance multimedia design and front-end development projects
IST AKPRIND
Multimedia Instructor
Jun 2009 – Jan 2013
  • Taught Flash animation and web programming to university students
Olta Grafika
Graphic Designer
Sep 2009 – Jan 2010
  • Advertising & printing design
Expertise

Skills & Capabilities

A unique combination of technical depth, creative background, and leadership experience.

🤖

AI & Automation

Designing and implementing AI systems that augment human productivity across teams and creative workflows.

Model Context Protocol AI Agents AI Skills LLM Integration SDLC Automation Prompt Engineering Generative AI
🏗️

Product & Architecture

Building scalable SaaS platforms and evolving systems from monolithic to modern, maintainable architectures.

SaaS Architecture System Design Microservices Product Strategy Modular Systems Security (CORS / CSP) API Design
👥

Team & Leadership

Scaled engineering teams from 4 to 50+ people, building cultures of ownership, quality, and execution.

Engineering Management Team Scaling Cross-functional Leadership Technical Roadmap Hiring & Mentoring OKRs & Delivery
⚙️

Frontend Engineering

Deep expertise in modern frontend ecosystems, with a designer's eye for UX and an engineer's focus on performance.

Vue.js / Nuxt.js JavaScript / TypeScript SCSS / CSS UI/UX Design Component Architecture Performance Optimization
Books

Published Works

Five technical books published by Andi Publisher, covering design tools, animation, and 3D production.

2014
Belajar Trik Tersembunyi CorelDRAW X6
ISBN: 978-979-29-4108-1
📚 Andi Publisher
2011
Kreasi Animasi Interaktif ActionScript 3 Flash CS5
ISBN: 978-979-29-2509-8
📚 Andi Publisher
2011
Teknik Instan Menguasai Kreasi Desain CorelDRAW X5
ISBN: 978-979-29-2410-7
📚 Andi Publisher
2010
3D Studio Max 2010 – Dasar dan Aplikasi
ISBN: 978-979-29-1606-5
📚 Andi Publisher
2010
Mastering CorelDRAW X4
ISBN: 978-979-29-1283-8
📚 Andi Publisher