Mohammad Hafiz Naufal
Menggabungkan rekayasa kode, estetika desain, dan logika untuk membangun pengalaman digital yang bermakna.
Mahasiswa Teknik Informatika Universitas Muhammadiyah Cirebon, Ketua Umum UKM Computer Education, dan praktisi kreatif di bidang pengembangan web modern, UI/UX, serta komunikasi visual multimedia.
Mohammad Hafiz Naufal
Teknik Informatika & Graphic Designer
ORIENTASI & PERSPEKTIF
Mahasiswa Teknik Informatika di Universitas Muhammadiyah Cirebon yang mengutamakan perpaduan keahlian desain grafis, perancangan antarmuka pengguna (UI/UX), dan pengembangan web yang responsif.
Tiga Spektrum Kemampuan Utama
Menggabungkan keahlian desain visual dan percetakan, fondasi pengembangan web responsif, serta kepemimpinan komunitas teknologi.
Desain Grafis & Desain UI/UX
Perancangan identitas visual, materi promosi cetak massal, katalog produk, serta antarmuka digital Figma yang memadukan estetika kuat dengan kemudahan pakai.
Pengembangan Web (Fondasi)
Membangun tampilan web responsif dan rapi, menghubungkan hasil rancangan desain menjadi website interaktif yang ringan dan mudah diakses.
Alur Kerja AI & Kepemimpinan
Pemanfaatan alat kecerdasan buatan (Google Gemini) untuk efisiensi kerja, dipadukan dengan pengalaman memimpin organisasi mahasiswa dan duta promosi kampus.
Menghubungkan Desain Visual, Kebutuhan Pengguna & Implementasi Web
Memandang teknologi sebagai sarana kreatif untuk memecahkan masalah nyata dan menghadirkan pengalaman visual yang bermakna bagi pengguna.
Saya berfokus pada titik temu antara kepekaan desain visual dan implementasi web: memahami bagaimana identitas visual dikonsepkan, bagaimana antarmuka dinavigasi oleh pengguna, serta bagaimana tampilan tersebut diwujudkan menjadi website fungsional yang responsif.
Di Universitas Muhammadiyah Cirebon, saya menempuh studi Teknik Informatika untuk memperkaya fondasi logika komputasi. Di luar perkuliahan, saya aktif menghasilkan karya desain promosi, katalog produk UMKM, desain UI/UX, serta memimpin UKM Computer Education.
DESIGN
Memetakan kebutuhan visual, menyusun hierarki tipografi, dan merancang antarmuka yang elegan.
THINKING
Menganalisis kenyamanan pengguna, merencanakan alur informasi, dan menyelaraskan tata letak.
IMPLEMENTATION
Mewujudkan rancangan desain ke dalam kode web responsif yang ringan dan mudah diakses.
Karya Rekayasa & Desain Terpilih
Eksplorasi mendalam perancangan produk digital, platform web berperforma tinggi, dan sistem antarmuka terstandar.
BURNIVA — Monitoring & Deteksi Dini Risiko Burnout Mahasiswa
Platform web terintegrasi deteksi dini risiko burnout mahasiswa berbasis data harian, dikembangkan pada Capstone Coding Camp 2026 by DBS Foundation.
Proyek Capstone Tim CC26-PSU199 dalam program Coding Camp 2026 powered by DBS Foundation dengan tema Healthy Lives & Well-being. Berperan ganda sebagai Project Manager / Team Lead sekaligus Full Stack Developer dengan fokus utama pada Backend Development dan UI/UX Design.
UI/UX Website Resmi PMB Universitas Muhammadiyah Cirebon
Perancangan antarmuka dan pengalaman pengguna portal resmi PMB UMC yang terstruktur, informatif, dan diimplementasikan langsung untuk ribuan calon mahasiswa.
SAMIRASA — Website UMKM & Etalase Produk Desa Susukan Lebak
Media digital resmi UMKM Samirasa untuk memperluas pemasaran produk desa dengan navigasi responsif dan integrasi pemesanan WhatsApp langsung.
Pendekatan Pengembangan & Implementasi Web
Berfokus pada bagaimana konsep desain visual dapat diwujudkan menjadi tampilan website fungsional yang nyaman dan mudah diakses oleh pengguna.
Penerapan Desain ke Web (Figma to Web)
Menerjemahkan rancangan antarmuka visual dan prototipe dari Figma menjadi halaman web yang rapi, presisi, dan menjaga keindahan estetika aslinya.
Responsif & Nyaman di Layar Ponsel
Menata struktur tata letak agar proporsional dan mudah dibaca di berbagai resolusi layar, terutama pada perangkat smartphone calon pengguna.
Struktur Kode Teratur & Ringan
Menulis elemen HTML semantik, styling CSS yang rapi, serta skrip yang efisien agar website memuat cepat tanpa hambatan performa.
Wireframing, prototipe interaktif, dan penataan komponen
Struktur semantik dan penataan gaya visual responsif
Skrip logika interaksi pengguna dan manipulasi DOM
Utilitas tata letak modern dan konsistensi token warna
Pembangunan website berbasis komponen modular
Pencatatan riwayat kode dan kolaborasi proyek tim
Eksplorasi Desain, Antarmuka & Media Kreatif
Koleksi karya desain grafis, identitas jenama, media percetakan komersial, prototipe antarmuka UI/UX, dan e-katalog flipbook interaktif.
Katalog Produk UMKM Samirasa (Flipbook Interaktif)
Perancangan katalog promosi produk UMKM Desa Susukan Lebak dalam konsep editorial gold elegan. Dilengkapi e-katalog flipbook interaktif yang dapat di-slide dan dibalik halamannya secara langsung.
Brosur Resmi Penerimaan Mahasiswa Baru PMB UMC 2026
Materi promosi cetak resmi PMB UMC 2026 yang diproduksi dan dicetak lebih dari 20.000 eksemplar dengan penataan hierarki tipografi kampus dan tata letak modular.
Flyer & Poster Promosi PMB UMC
Desain materi visual promosi digital dan cetak untuk publikasi jalur penerimaan mahasiswa baru UMC dengan penataan informasi jalur seleksi dan beasiswa.
Desain Kaos Sablon Distro — Gress Collection
Karya desain grafis kaos distro komersial untuk Gress Collection lengkap dengan penyiapan file separasi warna film sablon manual dan otomatis.
Eksplorasi Vektor Seni Ornamen Batik Mega Mendung
Digitalisasi dan eksplorasi ornamen Batik Mega Mendung khas Cirebon dengan penataan kurva vektor presisi dan gradasi warna berlapis.
Desain Sampul Buku & Tata Letak Editorial
Perancangan sampul buku dengan komposisi tipografi terstruktur, pemilihan palet warna ekspresif, dan hierarki visual yang kuat.
Desain Antarmuka & Prototipe Web PMB UMC di Figma
Perancangan arsitektur antarmuka portal PMB UMC yang resmi diterapkan pada pmb.umc.ac.id, mencakup jalur pendaftaran, beasiswa, dan prodi.
Identitas Jenama & Mockup Visual Mandar Kopi
Pengembangan identitas visual logo dan mockup kemasan untuk kedai kopi Mandar Kopi dengan sentuhan nuansa hangat dan estetik.
Desain Logo & Identitas Kuliner Mie Yamin
Perancangan logo kuliner Mie Yamin dengan ilustrasi khas yang menarik selera dan aplikatif untuk kemasan maupun papan nama kedai.
Desain Spanduk & Banner Publikasi Format Besar
Tata letak visual spanduk dan backdrop panggung cetak skala besar untuk kebutuhan publikasi kegiatan kampus dan promosi.
Koleksi Karya Desain Busana Distro Sablon 02
Koleksi desain sablon busana kasual distro dengan elemen tipografi streetwear modern dan vektor rapi.
Desain Logo Komunitas Teknologi DevHive
Identitas visual logo komunitas pegiat teknologi dan coding DevHive dengan simbol sarang lebah geometris modern.
Desain Identitas Logo Kuliner Sempol Kawanan
Pengembangan logo identitas usaha kuliner Sempol Kawanan yang ramah, bersih, dan mudah diingat oleh konsumen.
Eksplorasi Seni Ornamen Vektor Batik Kawung
Penyusunan motif klasik Batik Kawung dengan presisi simetri vektor dan adaptasi visual modern.
Pengalaman Profesional & Kontribusi Komunitas
Kronologi peran aktif dalam pengembangan perangkat lunak, kepemimpinan inisiatif teknologi mahasiswa, dan proyek kreatif mandiri.
Ketua Umum
Unit Kegiatan Mahasiswa Computer Education (UMC)
- Memimpin dan mengoordinasikan seluruh agenda kegiatan organisasi serta memastikan pelaksanaan program kerja berjalan dengan terarah dan terukur.
- Mengembangkan kurikulum program edukasi dan peningkatan keterampilan anggota di bidang teknologi informasi, pemrograman dasar, dan literasi komputer.
- Mengoordinasikan tim kerja, mengambil keputusan strategis organisasi, serta membangun kemitraan dan kolaborasi guna mencapai visi UKM.
Duta PMB — Divisi Desain Grafis
Universitas Muhammadiyah Cirebon
- Merancang materi visual, aset branding, dan konten promosi interaktif untuk mendukung publikasi penerimaan mahasiswa baru (PMB).
- Mendukung strategi penyampaian informasi kampus secara konsisten melalui media digital yang informatif, estetis, dan komunikatif.
- Bertindak sebagai perwakilan citra institusi dalam berbagai kegiatan promosi dan sosialisasi program akademik kampus.
Full Stack Web Developer – UI/UX Designer
Coding Camp by DBS Foundation
- Terpilih mengikuti program pengembangan kompetensi teknologi intensif yang mencakup pemrograman full stack web dan rekayasa perangkat lunak.
- Mempelajari dan menerapkan arsitektur web modern serta merancang antarmuka pengguna (UI/UX) dengan fokus pada fungsionalitas dan pengalaman pengguna.
- Mengembangkan proyek website BURNIVA sebagai solusi capstone project komprehensif dari keterampilan yang dipelajari.
Fondasi Keilmuan & Studi Komputasi
Pendidikan formal dalam bidang ilmu komputer dan rekayasa perangkat lunak sebagai dasar pemahaman teknis yang kokoh.
Universitas Muhammadiyah Cirebon
Sarjana Komputer (S.Kom) — Program Sarjana — Fakultas Teknik, Teknik Informatika
Menempuh studi akademik sarjana Teknik Informatika dengan penerimaan beasiswa universitas. Mengembangkan keahlian perancangan desain UI/UX, fondasi pengembangan web, dan kepemimpinan organisasi teknologi kampus.
SMK Negeri 1 Kedawung, Cirebon
Sekolah Menengah Kejuruan (SMK) — Jurusan Multimedia
Mendalami dasar-dasar kejuruan multimedia, fotografi, videografi, tata artistik, penyuntingan grafis digital, dan komunikasi visual.
Sertifikasi & Penghargaan Terverifikasi
Pengakuan kompetensi teknis, keberhasilan dalam kompetisi inovasi, serta kontribusi aktif dalam kepemimpinan komunitas.
Muda Canva Certified 2025
Multimedia Service Provider
Junior Graphic Designer
%20(2023).webp&w=3840&q=75)
Full Stack Web Developer & UI/UX Designer
Google Student Ambassador 2025
MikroTik Certified Network Associate (MTCNA)
Top 36 Google Student Ambassador & Gemini Rising Star Pin
Terpilih sebagai salah satu dari 700 peserta dari lebih dari 12.000+ pendaftar di seluruh Indonesia, serta berhasil menembus Top 36 Google Student Ambassadors se-Indonesia dan dianugerahi pin penghargaan prestisius Gemini Rising Star.
Terpilih Coding Camp by DBS Foundation
Lolos seleksi kompetitif program pengembangan talenta teknologi Coding Camp by DBS Foundation pada peminatan Full Stack Web Developer & UI/UX Designer, menghasilkan produk capstone website BURNIVA.
Penerima Beasiswa Kuliah Universitas Muhammadiyah Cirebon
Dianugerahi beasiswa pendidikan tinggi di Program Studi S-1 Teknik Informatika, Fakultas Teknik UMC atas dedikasi dan rekam jejak akademik serta keaktifan pengembangan diri.
Duta PMB UMC 3 Tahun Berturut-turut
Dipercaya memegang amanah sebagai Duta Penerimaan Mahasiswa Baru (PMB) Universitas Muhammadiyah Cirebon selama tiga tahun berturut-turut untuk memimpin strategi promosi dan desain media publikasi kampus.
Playground Eksperimen & Riset Kreatif
Ruang eksplorasi bebas untuk menguji coba rekayasa interaksi mikro, animasi web modern, dan komputasi grafis tanpa batasan proyek konvensional.
Kanvas Interaktif & Partikel Reaktif Kursor
Eksplorasi perilaku fisika partikel dan render kanvas 2D yang merespons gerak kursor pengguna secara real-time.
Mikro-Interaksi GSAP & Fisika Pegas
Penerapan kurva easing kustom, linimasa animasi berbasis scroll, serta efek magnetik pada tombol interaktif.
Tipografi Kinetik & Studi Skala Modular
Eksperimen skala tipe dinamis dan penataan tata letak poster terinspirasi gaya tipografi Swiss modern.
Perangkat Desain & Instrumen Kerja
Rangkuman perangkat lunak desain grafis, alat perancangan UI/UX, fondasi bahasa web, dan instrumen produktivitas harian.
- CorelDRAWVektor & Sablon Cetak
- Adobe PhotoshopEditor Grafis & Raster
- CanvaMedia Promosi Digital
- Tipografi CetakTata Letak Layout
- Branding VisualIdentitas Jenama
- FigmaDesain UI & Prototipe
- WireframingKerangka Tampilan
- User FlowAlur Navigasi
- Design SystemKomponen & Token
- Mobile UITata Letak Responsif
- HTML5Struktur Semantik
- CSS3Gaya & Fleksibilitas
- JavaScriptSkrip Interaktif Dasar
- Tailwind CSSFramework Styling
- Next.js / ReactEksplorasi Web Modern
- PythonFondasi Akademik
- VS CodeEditor Kode
- Git & GitHubRepositori & Versi Dasar
- VercelHosting Web Otomatis
- Google Gemini AIAsisten Alur Kerja & Riset
- Heyzine FlipbookPublikasi Katalog Digital
Memiliki Ide yang Ingin Diwujudkan Bersama?
Terbuka untuk peluang proyek pengembangan web modern, perancangan antarmuka pengguna (UI/UX), maupun sesi berbagi wawasan seputar teknologi.
Kanal Komunikasi & Pesan Langsung
Silakan hubungi saya melalui email resmi, jejaring profesional, atau kirimkan pesan langsung melalui formulir di bawah ini.
Kirim Pesan Singkat
Tuliskan informasi Anda dan pesan akan diproses secara langsung.