D/P Say hello
DION PRATAMA SYAHPUTRA INDONESIA · WEB · AI

CreativeDeveloper

Dion Pratama Syahputra

Gue suka bikin sesuatu dari ide yang awalnya cuma di kepala.

Tapi beberapa ide justru datang dari tempat yang nggak gue duga — lantai produksi.

View selected work Who I am
RPL → MANUFACTURING → WEB → BUILDINGSCROLL TO EXPLORE
02 / Selected work

Beberapa project yang
gue pengen tunjukin.

Tiga project, masing-masing berangkat dari kebutuhan yang beda.

01

TEAMCUT.

REAL CLIENT · BARBERSHOP

Pengalaman booking dan antrean barbershop yang dirancang mobile-first.

THE APPROACH

Dari lihat antrean, pilih cabang dan hairstylist, sampai mengirim booking lewat admin TEAMCUT.

THE BUILD

UI/UX · Frontend · Database · Deployment

Visit TEAMcut
TEAMcut mobile home screen with branch and queue information
01 / HOME
TEAMcut mobile branch and hairstylist selection
02 / BRANCH + STYLIST
TEAMcut mobile services screen
03 / SERVICES
TEAMcut mobile booking form
04 / BOOKING
UI/UX · FRONTEND · DATABASE · DEPLOYMENTMOBILE ONLY
02

Dua Saudara.

BUSINESS WEBSITE · FURNITURE

Dua Saudara furniture website home page
01 / BERANDA

Website bisnis furnitur untuk lihat produk, buka katalog, lalu konsultasi langsung dengan workshop.

Rotan sintetis · HPL · Custom furniture

Visit Dua Saudara
Dua Saudara product page
02 / PRODUCTS
Dua Saudara product catalog
03 / CATALOG
Dua Saudara furniture detail page
04 / DETAIL
WEB DESIGN · FRONTEND · CONTENT STRUCTURE · DEPLOYMENTMALANG—BALI
03

Bagong Lapar.

REAL PROJECT · OUTDOOR

Bagong Lapar outdoor equipment rental website on desktop
DESKTOP / HOME

Website penyewaan perlengkapan outdoor buat rencana naik, camping, dan jalan-jalan.

Visual direction · Web design · Frontend · Deployment

Bagong Lapar outdoor rental home page on mobile
MOBILE / HOME
Bagong Lapar popular outdoor gear on desktop
DESKTOP / POPULAR GEAR
VISUAL DIRECTION · WEB DESIGN · FRONTEND · DEPLOYMENTDESKTOP + MOBILE
03 / Archive

Yang pernah gue coba bikin.

07 PROJECTS · ARCHIVE

04 / Who I am

Sedikit tentang jalan
yang gue tempuh sampai sekarang.

Dari belajar software, kerja di lantai produksi, sampai tetap bikin project web.

01RPL

Mulainya dari belajar bikin software.

Gue sekolah Rekayasa Perangkat Lunak di SMKN 8 Malang. Sebelum lulus, gue juga sempat magang Software Development & AI di UBIG.

SMKN 8 MALANG · 2021—2023 · UBIG, FEB—MEI 2023
02MANUFACTURING

Habis itu, gue kerja di lantai produksi.

Di PT Denso Manufacturing Indonesia, gue belajar soal alur material, proses di line, ketepatan, dan konsistensi.

PT DENSO MANUFACTURING INDONESIA · JUL 2024—SEKARANG
03WEB

Di luar kerja, gue tetap bikin website.

Sekarang yang gue tampilkan di sini: TEAMcut, Dua Saudara, dan Bagong Lapar.

TEAMcut · DUA SAUDARA · BAGONG LAPAR
04BUILDING

Biasanya gue mulai dari ide yang kepikiran.

Gue cari bentuk yang bisa dicoba, terus lihat sejauh mana ide itu bisa jalan.

PERSONAL PROJECTS
SELECTED CREDENTIALS
AI FundamentalsIBM SkillsBuild · 2026 AI LiteracyIBM SkillsBuild · 2026 Data FundamentalsIBM SkillsBuild · 2026 Java FoundationsOracle Academy · 2024 Database FoundationsOracle Academy · 2024 Software Development & AI InternshipUBIG · Malang
05 / How I build

Cara gue biasanya ngerjain sesuatu.

  1. 01

    FIND THE WHY

    Kenapa ini perlu dibikin?

  2. 02

    SHAPE THE EXPERIENCE

    Bikin alurnya kebayang dulu.

  3. 03

    BUILD THE SYSTEM

    Sambungin tampilan dengan bagian yang bikin semuanya jalan.

  4. 04

    MAKE IT FEEL RIGHT

    Coba dipakai, rapihin yang terasa janggal.

  5. 05

    SHIP IT

    Kalau siap, deploy.

06 / Now

Yang lagi gue bangun dan pelajari.

Hal-hal yang sekarang masih sering gue kerjain dan utak-atik.

BUILDING

Project web seperti TEAMcut, Dua Saudara, dan Bagong Lapar.

LEARNING

Software development, AI, dan data lewat praktik langsung.

EXPLORING

Automation dan cara pakai AI sebagai alat bantu waktu bikin sesuatu.

LOOKING FOR

Ide berikutnya yang bikin gue penasaran cukup lama untuk mulai dicoba.

07 / Contact

Punya ide?
Ceritain aja.

Email Dion

Gue baca lewat email.