Tersedia untuk Posisi Front-End Developer & Proyek Digital

Membangun Antarmuka Web Modern yang Cepat, Responsif, & Berorientasi Pengguna.

Halo, saya Abiyyu Shiddiq As'ad (KaptenBiu). Front-End Developer & UI/UX Specialist lulusan S1 Sistem Informasi (IPK 3.64) dan D3 Manajemen Informatika (IPK 3.54) bersertifikasi resmi BNSP. Berfokus pada perancangan antarmuka web modern berbasis React.js, Tailwind CSS, dan JavaScript modern dengan standar mobile-first, didukung pemahaman sistem informasi dan pengelolaan server Linux VPS.

S1 Sistem Informasi & D3 MI Junior Web Developer BNSP Padang Panjang, Sumatera Barat
Lihat Proyek Unggulan Unduh CV ATS (.pdf) Portofolio PDF
padangpanjang.netlify.app Creative Tech Exploration
Padang Panjang Interactive 3D

Padang Panjang Interactive

Eksplorasi Web Interaktif & Storytelling Budaya

Buka Web
Profil Abiyyu Shiddiq As'ad
Latar Belakang & Nilai Tambah

Memadukan Logika Sistem Informasi, Antarmuka Modern, & Desain Responsif.

Menempuh pendidikan vokasi di Politeknik Negeri Medan (D3, IPK 3.54) dan menyelesaikannya di Universitas Metamedia (S1, IPK 3.64) memberi saya pemahaman komprehensif mengenai rekayasa perangkat lunak. Tugas akhir saya mengenai sistem pembelajaran berbasis web bahkan terpilih menjadi referensi penelitian lanjutan oleh Wakil Direktur I POLMED.

Pengalaman nyata saat magang di Bappeda Kota Padang Panjang (2025) dan Dinas Kominfo Kota Padang Panjang (2023) melatih disiplin kerja birokrasi, presisi pengolahan data, dan komunikasi publik. Didukung keahlian mengelola server Linux VPS selama 2 tahun dan sertifikasi resmi Junior Web Developer BNSP, saya siap berkontribusi pada pengembangan aplikasi skala modern.

3.64
IPK S1 Sistem Informasi
3.54
IPK D3 Manajemen Informatika
BNSP
Junior Web Developer
Keahlian & Toolkit

4 Pilar Kompetensi Teknis

Tech stack teruji yang siap langsung dieksekusi untuk kebutuhan rekayasa web, visual interaktif, dan sistem bisnis.

Front-End Core

Arsitektur komponen React, manipulasi data reaktif, event delegation, dan standar mobile-first.

React.js Fundamental JavaScript ES6+ Tailwind CSS v4 HTML5 & Semantic CSS Mobile-First UI

UI/UX & Web Design

Perancangan antarmuka di Figma, Genesis Design System, wireframing, dan konsistensi visual.

Figma (UI/UX) Genesis Design System Wireframing Design Hierarchy Micro-Interactions

Back-End & DB Dasar

Pengembangan alur MVC, manajemen basis data relasional MySQL, dan integrasi REST API asynchronous.

PHP & Laravel Dasar MySQL Database REST API & AJAX Blade Templating CRUD Architecture

DevOps & Server Admin

Pengalaman 2 tahun mengelola server Linux VPS, terminal command line, otomasi Vite, dan Git/GitHub.

Linux VPS Admin Terminal CLI Git & GitHub Vite Build Tool Netlify Deployment
Hasil Rekayasa & Karya Nyata

Galeri Portofolio Proyek

Eksplorasi proyek nyata dari 3D WebGL, sistem enterprise full-stack, SaaS dashboard, hingga solusi UMKM.

Padang Panjang Interactive 3D
Creative Exploration Live on Netlify
Eksplorasi Web Interaktif & AI Tooling

Padang Panjang Interactive

Eksplorasi prototipe profil kota interaktif berbasis Three.js balok 3D snap-rotation, WebGL procedural mist, dan Saluang audio engine.

Three.js React 18 TypeScript GSAP Howler.js
Live Demo Source Code
SYNTH-01 Tactile Instrument
Creative Exploration Live on Netlify
Scrollytelling & Audio UI Lab

SYNTH-01: Kinetic Instrument

Eksplorasi antarmuka hardware synthesizer dengan dekonstruksi exploded chassis, pinned deck, dan lab Web Audio API interaktif.

React 19 Tailwind v4 GSAP ScrollTrigger Web Audio API
Live Demo Source Code
Bengkel Management System
Full-Stack Enterprise Laravel 10
Service Advisor & Work Order

Bengkel Management System

Pendaftaran Form SA, tiket Work Order dengan penambahan suku cadang/jasa via AJAX realtime, dan auto-invoice.

Laravel PHP 8.2 MySQL AJAX / REST API Blade
PT Menara Agung Case Source Code & Docs
Workspace Dashboard
SaaS Dashboard Live on Netlify
Task Management & Design System

Workspace Task Dashboard

Arsitektur komponen React, persistensi localStorage, live derived metrics, dan Genesis Design System.

React 18 Tailwind v4 Semantic LocalStorage Vite
Live Demo Source Code
KatalogKu E-Catalog
E-Commerce UMKM Live on Netlify
Interactive Catalog & Cart

KatalogKu Universal E-Catalog

Pencarian produk realtime, filter kategori, cart drawer dengan persistensi data, dan checkout WA otomatis.

JavaScript ES6+ Tailwind CSS LocalStorage WhatsApp API
Live Demo Source Code
Studio Biu Landing Page
Digital Agency Live on Netlify
High-Converting Landing Page

Studio Biu Agency Landing Page

Antarmuka agensi digital dark modern, responsive navbar drawer, dynamic pricing toggle, dan accordion.

Vite Tailwind CSS v4 Vanilla JS (DOM)
Live Demo Source Code
E-Katalog Toko Tani
UMKM Digital

E-Katalog Toko Tani Gunung Bungsu

Sistem katalog produk pertanian online untuk mempermudah inventaris dan pemesanan pelanggan lokal.

Lihat Detail Proyek
Company Profile SMA Group
Company Profile

SMA Group - Corporate Website

Website profil korporat dengan layout modern, visualisasi peta sebaran, dan presentasi profil rantai distribusi.

Lihat Detail Proyek
Infografis Diskominfo
Instansi Pemerintah

Infografis Data Kependudukan Pemko

Penyajian data demografi resmi menjadi grafis visual yang mudah dicerna oleh masyarakat umum.

Lihat Detail Proyek
Summerbeans Reels
Social Content

Social Branding - Summerbeans Coffee

Produksi konten visual media sosial bertema retro untuk mengangkat identitas kedai kopi lokal.

Lihat Detail Proyek
FB Monika Blog
Blog Platform

F.B. Monika - Parenting Blog Platform

Platform blog edukasi kesehatan & parenting dengan tata letak konten bersih dan pembacaan ramah mata.

Lihat Detail Proyek
Diskominfo News
Media Publikasi

Materi Publikasi Pemko Padang Panjang

Format feed berita aktual untuk mendukung transparansi kinerja ASN dan program prioritas pemerintah kota.

Lihat Detail Proyek
Mari Mulai Bekerja Sama

Siap Bergabung & Berkontribusi untuk Tim Anda

Sedang membuka kesempatan kerja remote / on-site untuk posisi Front-End Developer, Web Designer, atau kerja sama proyek digital bisnis Anda.

WhatsApp Resmi
0822-8822-5830
Respon Cepat
Email Korespondensi
abiyyudedev@gmail.com
Kirim Penawaran

Dokumen Riwayat Hidup & Rekam Jejak

Unduh dokumen resmi yang siap diteruskan ke recruiter atau pimpinan tim Anda:

Unduh CV ATS (.pdf) Unduh Portofolio (.pdf)