PROTOFOLIO-PIQ 2025 2026 LOADING 000% MEMUAT ASET… M. SYAFIIQ IKBAR W. — BENGKULU
PORTFOLIO EDISI 2026 — HANDCRAFTED IN BENGKULU — SATU FILE, LIMA BAHASA
SELAMAT MALAM — PORTFOLIO EDISI 2026

M. SYAFIIQ IKBAR W.

WEB DEVELOPER — BENGKULU, INDONESIA

Saya membangun website dari Bengkulu dengan prinsip sederhana: fast, clean, functional — cepat dimuat, rapi dibaca, nyaman digunakan. Lima bahasa pemrograman menemani setiap prosesnya: JavaScript, Python, HTML, CSS, dan Java.

Siluet M. Syafiiq menghadap laut di pantai Bengkulu

FIG.00 — PANTAI, BENGKULU

EST. 2025 — BENGKULU, INDONESIA 5 BAHASA / 2 WEBSITE AKTIF / 1 DEVELOPER / 1 NOMOR WA EDISI 2026 — NO TEMPLATE
WEB DEVELOPEREDISI 2026BENGKULU, ID OPEN FOR PROJECTFAST · CLEAN · FUNCTIONAL
SEC.01 — TENTANG SAYAPROTOFOLIO-PIQ ’26

Nama saya Syafiiq — web developer asal Bengkulu yang membangun website dengan standar sederhana: cepat, rapi, fungsional.

Berawal dari rasa penasaran memodifikasi HTML di waktu luang, kini berkembang menjadi keahlian yang saya asah setiap hari.

Bagi saya, menulis kode ibarat berkomunikasi: selama instruksi yang diberikan tepat, browser selalu mengerti. Simple as that.

Layar tablet menampilkan aplikasi kamera

FIG.01 — SCREEN & CAMERA, HARI BIASA

Siluet di tepi pantai saat langit remang

FIG.02 — WHERE IDEAS START

00Bahasa dikuasai
00Website live & aktif
00Kota asal: Bengkulu
Rasa ingin tahu
SEC.02 — CARA KERJA / WORKFLOWPROTOFOLIO-PIQ ’26

PRINSIP YANG SAYA PEGANG

/ 01

Rancang dulu, koding kemudian

Setiap proyek dimulai dari perancangan sebelum eksekusi. Kerangka yang salah akan membuat semua komponen di atasnya ikut salah.

/ 02

Ship fast, polish long

Prototipe diselesaikan di hari yang sama. Waktu paling banyak dihabiskan untuk penyempurnaan detail — bagian yang paling menentukan kualitas akhir.

/ 03

UX di atas segalanya

Website yang baik tidak memerlukan manual. Jika pengunjung masih ragu harus mengklik apa, artinya pengerjaan belum selesai.

SEC.03 — KARYA / SELECTED WORKS

DUA WEBSITE YANG
SAYA BANGUN

Bukan mockup, bukan latihan — keduanya live dan dapat langsung dikunjungi. Tangkapan layar di bawah adalah hasil kerja yang sesungguhnya.

BUKA WEBSITE ↗ PROYEK 01 — STREAMING FILM & SERIAL

UNFILM

Platform streaming film dan serial yang saya rancang serta bangun dari nol — mulai dari katalog trending, halaman detail lengkap dengan rating dan sinopsis, hingga pengalaman menontonnya. 100% gratis, tanpa iklan. Dibuat untuk penonton yang tidak suka menunggu: buka, pilih, tonton.

unfilm.pages.dev
Tangkapan layar website UNFILM: halaman detail serial Silo yang sedang trending SCREENSHOT ASLI — HALAMAN DETAIL SERIAL
BUILT WITH → HTML · CSS · JAVASCRIPT unfilm.pages.dev
UNFILM.PAGES.DEV100% FREE — NO ADS
PROYEK 02 — UNMUSIC
BUKA WEBSITE ↗ PROYEK 02 — MUSIK

UNMUSIC

Platform musik untuk mendengarkan dan menjelajahi lagu — rekomendasi yang relevan dengan selera, pemutar yang sederhana, dan antarmuka yang nyaman digunakan kapan pun. UI-nya saya sempurnakan hingga pengguna lupa bahwa mereka sedang membuka browser.

unmusic.pages.dev
Tangkapan layar website UNMUSIC: rekomendasi lagu dan pemutar musik SCREENSHOT ASLI — REKOMENDASI & PEMUTAR
BUILT WITH → HTML · CSS · JAVASCRIPT unmusic.pages.dev
UNMUSIC.PAGES.DEVMUSIC & PLAYER
JAVASCRIPTPYTHONHTML CSSJAVA
SEC.04 — STACK / PERSENJATAAN

LIMA BAHASA,
SATU DEVELOPER

Lima bahasa yang saya gunakan setiap hari, masing-masing dengan peran dan karakternya sendiri. Satu kalimat yang sama — ditulis lima cara.

BAHASA 01/05 — TERAKTIFM. SYAFIIQ IKBAR W.
01

JAVASCRIPT

Mesin di balik setiap interaksi web. Melalui JavaScript, halaman yang semula hanya bisa dilihat menjadi bisa diklik, digeser, dan merespons. Seluruh animasi pada halaman ini pun dikerjakan olehnya. Bahasa yang menuntut ketelitian tinggi — namun memberikan hasil paling memuaskan.

→ DOM / EVENTS / ANIMASI / FETCH API / ASYNC
> console.log("halo dari Bengkulu")
000%
BAHASA 02/05 — PALING RAPIM. SYAFIIQ IKBAR W.
02

PYTHON

Bahasa pertama yang saya pelajari secara serius. Sintaksnya rapi dan tidak berbelit, sehingga fokus dapat sepenuhnya dialihkan ke logika — bukan ke membaca kode itu sendiri. Saya menggunakan Python untuk pengolahan data, otomasi, dan berbagai eksperimen di terminal.

→ OTOMASI / DATA / LOGIKA / SCRIPT
> print("halo dari Bengkulu")
000%
BAHASA 03/05 — FONDASIM. SYAFIIQ IKBAR W.
03

HTML

Kerangka dari setiap website yang saya bangun. Terlihat sederhana, namun struktur yang rapi adalah penentu website tetap berdiri atau ambruk. Bagi saya, HTML semantik adalah fondasi — apa pun kondisi CSS-nya, selama kerangkanya benar, website akan tetap solid.

→ SEMANTIC / STRUKTUR / AKSESIBILITAS
<h1>halo dari Bengkulu</h1>
000%
BAHASA 04/05 — FAVORITM. SYAFIIQ IKBAR W.
04

CSS

Bahasa yang paling sering saya eksplorasi. CSS mengubah kerangka kaku menjadi sesuatu yang nyaman dilihat dan digunakan. Warna, gerakan, tata letak, hingga halaman ini tetap terbaca rapi di perangkat mobile — semuanya hasil kerja CSS di balik layar.

→ LAYOUT / ANIMASI / RESPONSIVE / FLEX & GRID
h1 { color: #e2371f; }
000%
BAHASA 05/05 — PELATIH DISIPLINM. SYAFIIQ IKBAR W.
05

JAVA

Berat, strict, dan menuntut — justru dari situlah kedisiplinan menulis kode terbentuk. Dari Java saya memahami konsep OOP secara utuh: class, object, dan pewarisan. Bekal ini terus terpakai hingga kini, di semua bahasa lainnya.

→ OOP / CLASS / POLYMORPHISM / DISIPLIN
System.out.println("halo dari Bengkulu");
000%
Siluet menghadap laut di pantai Bengkulu

FIG.08 — PANTAI, BENGKULU. TEMPAT SAYA BERPIKIR PALING BANYAK.

SEC.05 — CARA SAYA BERPIKIRPROTOFOLIO-PIQ ’26

BENGKULU MENGAJARKAN SATU HAL

Tidak semua pekerjaan harus dikerjakan dengan terburu-buru. Ombak di sini datang perlahan, tetapi tidak pernah berhenti. Saya membangun website dengan cara yang sama — pelan, konsisten, dan tidak berhenti sebelum selesai. Dua website di atas lahir dari cara berpikir itu. Slow is smooth, smooth is fast.

WA — 0858 0997 0356 SOURCE CODE PROTECTED TERTARIK DENGAN PROSES PEMBUATANNYA? HUBUNGI SAYA →