Proyek

Home/Proyek
Yang Pernah Dibuat

Proyek Saya

Beberapa proyek kecil yang pernah saya kerjakan untuk melatih kemampuan.

GameStore R.N.A6 - Website Toko Game Digital
GameStore R.N.A6 — Website Toko Game Digital

Sebuah website marketplace/toko distribusi game digital bernama GameCore yang saya kerjakan bersama tim (Kelompok 6). Website ini dirancang menyerupai platform distribusi game seperti Steam, dengan tujuan memberi pengalaman berbelanja game digital yang simpel dan modern.

Di halaman utama terdapat hero banner besar bertema retro-gaming dengan tajuk "Perluas Game Digital Anda" beserta ajakan untuk menjelajahi katalog game yang tersedia. Pengguna juga bisa memakai fitur pencarian judul, pengembang, atau genre lewat search bar di bagian atas.

Fitur navigasi sidebar mencakup menu Store, Wishlist, Keranjang, Library, dan History, sehingga alur penggunaannya dibuat mirip platform e-commerce game sungguhan — mulai dari menjelajah, menyimpan ke wishlist, sampai riwayat pembelian.

Saya juga membuat sistem filter dan sortir pada bagian katalog, seperti pengaturan batas harga (min–max), pengurutan berdasarkan game terbaru, serta opsi checkbox untuk menampilkan "Hanya Game Gratis". Di bawahnya ada bagian rekomendasi game yang menampilkan koleksi judul-judul klasik seperti Pong, Pac-Man, dan Donkey Kong sebagai contoh katalog produk.

Proyek ini melatih saya dalam membangun tata letak dashboard yang kompleks, sistem filter interaktif, serta struktur navigasi berbasis sidebar menggunakan HTML, CSS, dan sedikit JavaScript untuk interaktivitasnya.

Perpustakaan Online - Website Perpustakaan Digital
Perpustakaan Online — Website Perpustakaan Digital

Website bertajuk Perpustakaan Digital yang saya bangun untuk mensimulasikan layanan baca buku daring, lengkap dengan sistem navigasi dan tampilan katalog buku yang rapi dan enak dipandang.

Bagian hero-nya menampilkan ajakan untuk mulai membaca lewat dua tombol utama, yaitu "Mulai Baca Sekarang" dan "Lihat Profil Anda", sehingga pengguna diarahkan langsung ke aksi utama begitu membuka halaman. Navbar di bagian atas berisi menu Home, VIP, Buku Lainnya, Pembuat Web Ini, dan tombol Login untuk akses akun.

Fitur utamanya ada di bagian "📖 Buku Populer", yaitu galeri kartu buku yang menampilkan sampul, judul, dan nama penulis dari berbagai karya sastra klasik seperti Moby Dick (Herman Melville), Frankenstein (Mary Shelley), Alice in Wonderland (Lewis Carroll), The Picture of Dorian Gray (Oscar Wilde), hingga Little Women (Louisa May Alcott).

Setiap judul buku dan nama penulis dibuat sebagai link agar nantinya bisa diarahkan ke halaman detail masing-masing buku, sehingga struktur website ini dirancang agar mudah dikembangkan menjadi sistem katalog buku yang lebih lengkap ke depannya.

Lewat proyek ini saya belajar menyusun layout galeri kartu (grid/flex) yang konsisten, styling navbar dengan tema warna biru-kuning yang khas, serta cara menampilkan konten berulang (buku-buku) dengan struktur HTML yang rapi dan mudah dipelihara.

Simulasi Pemadaman Api - Unity Particle System
Simulasi Pemadaman Api — Unity (Particle System)

Sebuah simulasi 3D interaktif yang saya buat menggunakan Unity Engine, mensimulasikan proses pemadaman api menggunakan efek partikel (Particle System). Tujuannya adalah membuat visualisasi yang realistis tentang bagaimana api menyala dan bagaimana proses pemadamannya berlangsung, sehingga bisa dipakai sebagai media pembelajaran interaktif seputar simulasi kebakaran dan penanganannya.

Api dibuat dengan memanfaatkan komponen Particle System bawaan Unity, dengan pengaturan detail seperti kecepatan emisi partikel, warna gradasi (dari kuning terang di bagian dalam ke oranye-merah di bagian luar), ukuran, arah gerak ke atas, serta efek pergerakan acak agar nyala api terlihat hidup dan tidak monoton — mirip perilaku api sungguhan yang selalu bergerak dinamis.

Untuk proses pemadamannya, saya membuat particle system kedua berupa semburan air/foam dari arah tertentu (menyerupai nozzle alat pemadam), lengkap dengan partikel percikan air kecil dan efek uap/asap tipis yang muncul di titik pertemuan antara air dan api sebagai reaksi visual saat api mulai padam.

Saya juga menerapkan sedikit logika scripting (C#) untuk mengatur interaksi — misalnya intensitas atau ukuran api berkurang secara bertahap ketika terkena semburan air dalam durasi tertentu, sehingga simulasi terasa lebih interaktif dibanding sekadar animasi partikel statis.

Proyek ini melatih pemahaman saya soal Particle System secara mendalam (emission, shape, color over lifetime, velocity over lifetime), dasar-dasar visual effect (VFX) di dalam game engine, serta bagaimana menghubungkan efek visual dengan logika gameplay sederhana menggunakan C# di Unity.

Prototype Figma Perpustakaan Digital Online
Prototype UI/UX — Perpustakaan Digital Online (Figma)

Sebuah rancangan prototype aplikasi/website Perpustakaan Digital Online yang saya desain menggunakan Figma, sebagai proses awal sebelum masuk ke tahap coding. Fokus utama proyek ini adalah merancang alur pengalaman pengguna (UX) yang intuitif serta tampilan antarmuka (UI) yang bersih dan mudah dinavigasi.

Saya merancang beberapa layar utama secara berurutan, mulai dari halaman Home/Beranda yang menampilkan daftar buku dalam bentuk grid card, halaman Detail Buku yang menampilkan sampul, judul, deskripsi singkat, serta tombol aksi seperti "Pinjam" atau "Baca Sekarang", hingga halaman Profil/Login pengguna untuk mengelola akun dan riwayat peminjaman buku.

Selain mendesain tiap layar, saya juga menyusun prototype flow di Figma — yaitu menghubungkan antar frame dengan interaksi klik (misalnya dari kartu buku di Home menuju halaman Detail Buku, lalu ke halaman Login), sehingga hasil desain bisa langsung dicoba dan terasa seperti aplikasi sungguhan meski belum ada satu baris kode pun yang ditulis.

Dalam proses desainnya saya juga memperhatikan konsistensi komponen (warna, jarak antar elemen, ukuran tombol, tipografi) agar tampilannya terasa seragam di setiap halaman, serta menerapkan dasar-dasar desain sistem sederhana seperti reusable component untuk kartu buku dan tombol.

Proyek ini melatih kemampuan saya dalam merancang user flow, wireframing, hingga membuat prototype interaktif di Figma — sebuah keterampilan penting sebelum masuk ke tahap implementasi front-end sesungguhnya.

Map Gunung - Roblox Studio
Map Gunung — Roblox Studio

Sebuah map bertema pegunungan yang saya buat menggunakan Roblox Studio, memanfaatkan tools terrain bawaan Roblox untuk membentuk lanskap pegunungan yang luas lengkap dengan variasi ketinggian, lembah, dan area datar sebagai tempat pijakan pemain.

Proses pembuatannya dimulai dari sculpting terrain menggunakan tools Grow, Erode, Smooth, dan Paint di Roblox Studio untuk membentuk kontur gunung secara bertahap — mulai dari dataran rendah di bagian bawah, lereng yang menanjak, hingga puncak gunung yang lebih curam dan sempit di bagian atas.

Saya juga menerapkan berbagai material terrain yang berbeda sesuai ketinggian, seperti rumput dan tanah di area bawah, batu (rock) di bagian lereng tengah, serta salju (snow) di bagian puncak, untuk memberi kesan realistis bahwa semakin tinggi lokasinya, kondisi lingkungannya semakin ekstrem — mirip pegunungan asli.

Selain terrain utama, saya menambahkan elemen pendukung seperti pepohonan pinus yang tersebar di beberapa titik lereng, pengaturan pencahayaan dan atmosfer (skybox, fog ringan) agar suasana pegunungan terasa lebih hidup, serta beberapa jalur/ledge yang bisa dipakai pemain untuk mendaki dari bawah menuju puncak.

Map ini saya rancang dengan potensi dikembangkan lebih lanjut menjadi game bertema climbing/adventure, di mana pemain perlu mencari jalur terbaik untuk mendaki hingga ke puncak gunung. Proyek ini melatih kemampuan saya dalam level design, terrain sculpting, serta pengaturan environment di Roblox Studio.