Wynncode

Wynncode

0%
WEN
Mohammad Danur WendaCREATIVE ID
MOHAMMAD DANUR WENDA IT Educator & Creative Technologist EDUKASI · DIGITAL CONTENT · VIBE CODING · VISUAL

Halo, saya Danur

Portofolio.Teknologi & Visual.

Pengajar KomputerCreative TechnologyDigital ContentVibe CodingFotografiDesain Visual
2+Tahun mengajar & berkarya
SDPengajaran komputer Primary
AIEksperimen produk berbantuan AI
VIBE CODINGWEB APPSGAME DEVELOPMENTAI CREATIVE

01 · Produk & pengalaman digital

Gagasan yang saya kembangkan
menjadi karya interaktif.

Karya berikut menunjukkan cara saya mengolah gagasan menjadi pengalaman digital yang dapat dicoba. Setiap proyek memadukan perencanaan, desain antarmuka, pemanfaatan AI, integrasi API, serta proses pengujian dan penyempurnaan.

Di balik setiap karya

Dari gagasan hingga pengalaman yang dapat digunakan.

Setiap studi kasus merangkum pengguna, kontribusi, proses, keputusan penting, hasil, dan pembelajaran yang membentuk proyek.

01 · PERSONAL FINANCE

My Money

Pencatatan keuangan yang terasa ringan untuk digunakan setiap hari.

Konteks

Dirancang untuk pengguna yang ingin memahami pemasukan dan pengeluaran tanpa tampilan yang rumit. Saya menyusun konsep, alur, antarmuka, dan pengujiannya.

Perancangan

Dibangun sebagai web app dengan penyimpanan browser, hosting Netlify, dan alur kerja berbantuan AI. Prosesnya dimulai dari pemetaan transaksi sampai pengujian input.

Keputusan utama

Tantangan terbesarnya adalah merangkum data dengan cepat. Solusinya berupa input sederhana, kategori yang jelas, dan ringkasan arus uang.

Hasil & pembelajaran

Prototipe aktif yang memperkuat pemahaman saya tentang struktur data, validasi, dan penyajian informasi.

02 · INTERACTIVE 3D

Danur: Ghostlands

Dunia 3D bertema misteri yang menggabungkan eksplorasi dan rintangan.

Konteks

Ditujukan untuk pemain kasual yang menikmati eksplorasi atmosferik. Saya mengembangkan konsep, arah pengalaman, susunan area, dan pengujian.

Perancangan

Pengalaman 3D berbasis web dikembangkan secara bertahap dari ide dunia permainan menuju area yang benar-benar dapat dijelajahi.

Keputusan utama

Keseimbangan antara suasana, permainan, dan performa menjadi fokus. Elemen inti diprioritaskan agar pengalaman tetap menarik dan ringan.

Hasil & pembelajaran

Game aktif yang memperluas pengalaman saya dalam desain interaksi, ritme permainan, pengujian, dan pengelolaan ruang lingkup.

03 · LEARNING EXPERIENCE

MyTazkia AI

Pengalaman belajar Al-Qur'an dengan akses ayat yang terstruktur.

Konteks

Dikembangkan untuk pelajar yang membutuhkan akses ayat dan dukungan belajar yang lebih terarah. Saya merancang konsep, alur, integrasi, dan pengalaman pengguna.

Perancangan

Web app menghubungkan antarmuka dengan API Al-Qur'an publik, lalu menyusun data menjadi pengalaman yang rapi dan responsif.

Keputusan utama

Ketelitian konten menjadi prioritas. Sumber data dan antarmuka dipisahkan dengan jelas serta dilengkapi atribusi layanan.

Hasil & pembelajaran

Produk digital aktif yang memperkuat perhatian saya pada akurasi, integrasi API, dan desain dalam konteks pendidikan.

04 · CONVERSATIONAL AI

ChatDNR

Antarmuka percakapan yang menempatkan interaksi AI sebagai pengalaman utama.

Konteks

Dibuat untuk pengguna yang membutuhkan akses percakapan AI melalui tampilan sederhana. Saya menyusun konsep, prompt, UI, dan pengujian respons.

Perancangan

Antarmuka web menghubungkan layanan AI pihak ketiga dengan alur percakapan, status proses, dan penanganan respons.

Keputusan utama

Pengguna harus selalu memahami apa yang sedang terjadi. Karena itu, status loading, pesan kesalahan, dan umpan balik dibuat lebih jelas.

Hasil & pembelajaran

Pengalaman interaktif yang memperdalam pemahaman saya tentang desain percakapan, reliabilitas API, dan error handling.

05 · EDUCATION AI

AI Answer Corrector

Alur kerja AI untuk membantu pengajar meninjau jawaban secara lebih terstruktur.

Konteks

Berangkat dari pekerjaan koreksi yang repetitif. Saya mengidentifikasi kebutuhan, merancang instruksi AI, menguji keluaran, dan menyempurnakan alur.

Perancangan

Google Gemini dipadukan dengan struktur prompt yang konsisten untuk membantu pengelompokan jawaban dan penyusunan umpan balik awal.

Keputusan utama

Keputusan akhir tetap berada pada pengajar. Sistem dirancang sebagai lapisan bantuan dengan proses verifikasi manusia.

Hasil & pembelajaran

Demo alur kerja yang menunjukkan potensi efisiensi sekaligus memperkuat perhatian pada kualitas keluaran dan privasi siswa.

06 · CREATOR UTILITIES

WenTools

Satu dashboard yang menyatukan berbagai kebutuhan pemrosesan konten.

Konteks

Dibuat untuk kreator yang membutuhkan akses cepat ke beberapa alat. Saya merancang konsep dashboard, kategori fitur, integrasi, dan pengujian.

Perancangan

HTML, Tailwind CSS, JavaScript, dan Nexray API dipadukan untuk menghubungkan 19 utilitas dalam satu antarmuka.

Keputusan utama

Ketergantungan layanan eksternal ditangani melalui timeout, pesan kesalahan, atribusi sumber, dan panduan penggunaan.

Hasil & pembelajaran

Dashboard aktif yang memperluas pengalaman saya dalam integrasi API, dokumentasi, desain sistem, dan penggunaan teknologi secara bertanggung jawab.

07 · DIGITAL CATALOGUE

MintApps

Katalog digital dengan jalur penelusuran yang ringkas dan mudah dipahami.

Konteks

Dikembangkan untuk pengguna yang ingin menemukan layanan dan produk digital secara efisien. Saya menyusun konsep, struktur katalog, UI, dan pengujian.

Perancangan

Web app responsif dibangun dengan susunan kategori, kartu informasi, dan jalur tindakan yang konsisten pada berbagai ukuran layar.

Keputusan utama

Prioritas konten menjadi pusat desain. Informasi dipadatkan tanpa menghilangkan konteks dan tombol tindakan dibuat mudah ditemukan.

Hasil & pembelajaran

Katalog aktif yang memperkuat kemampuan saya dalam hierarki visual, komponen responsif, dan kejelasan CTA.

02 · Riwayat pembelajaran

Belajar yang saya lanjutkan
melalui praktik.

Sertifikat menunjukkan topik yang pernah saya pelajari. Bukti kemampuan utama tetap saya tunjukkan melalui pengalaman kerja, proses, dan hasil karya.

03 · Cara saya bekerja

Gagasan manusia.
AI membantu prosesnya.

Saya memakai AI sebagai alat bantu untuk eksplorasi, coding, automasi, pengujian, dan penyempurnaan visual. Hasil akhirnya tetap berangkat dari kebutuhan manusia.

01

Pahami

Mengurai kebutuhan dan menentukan hasil yang masuk akal.

02

Bangun

Mengembangkan produk melalui proses coding dan alur kerja AI.

03

Sempurnakan

Menguji pengalaman, tampilan, serta performa lintas perangkat.

04 · Wynncode Services

Punya kebutuhan kreatif?
Temukan layanan yang tepat.

Layanan untuk kebutuhan personal, sekolah, komunitas, dan UMKM, mulai dari website, prototipe digital, desain konten, hingga dokumentasi foto dan klip video.

01

Website Sederhana

Landing page, portofolio, sekolah, bimbel, dan UMKM.

Mulai Rp750.000
02

Prototipe & Automasi

Validasi ide, integrasi API sederhana, dan bot nonresmi untuk eksperimen.

Mulai Rp600.000
03

Desain Konten

Feed Instagram 4:5, poster digital, story, dan paket visual sekolah/UMKM.

Mulai Rp50.000/desain
04

Fotografi & Video Clips

Dokumentasi kegiatan, acara sekolah, pertandingan, komunitas, dan perjalanan.

Mulai Rp200.000/jam

05 · Mari berkolaborasi

Punya ide?
Kita bangun.

Ceritakan kebutuhanmu melalui WhatsApp. Saya akan bantu memilih jalur pengerjaan yang paling efisien.