[01]RINGKASAN // LATAR BELAKANG

Latar Belakang & Perspektif Kreatif

Mahasiswa Teknik Informatika, desainer grafis, dan kreator digital yang mendalami titik temu antara kepekaan desain visual, perancangan antarmuka UI/UX, serta pengembangan web.

Mohammad Hafiz Naufal
MHN.ID

Mohammad Hafiz Naufal

Graphic Designer · Web Developer · Multimedia Enthusiast

Cirebon, Jawa Barat, IndonesiaUniversitas Muhammadiyah Cirebon
FILOSOFI // 01

Titik Temu Antara Desain Visual, Rekayasa Web & Komunitas.

Saya adalah seorang praktisi kreatif dan teknologi yang berfokus pada desain grafis, perancangan antarmuka pengguna (UI/UX), dan pengembangan aplikasi web. Alih-alih memandang rekayasa perangkat lunak dan desain grafis sebagai dua dunia yang terpisah, saya menggabungkan keduanya untuk menghasilkan karya digital yang fungsional sekaligus estetis.

Sebagai mahasiswa Teknik Informatika di Universitas Muhammadiyah Cirebon dan penerima beasiswa akademik, saya aktif menjabat sebagai Ketua Umum UKM Computer Education serta dipercaya sebagai Duta PMB UMC selama 3 tahun berturut-turut. Pengalaman kepemimpinan ini melatih kemampuan komunikasi, manajemen proyek, dan kolaborasi tim nyata.

Rekam jejak saya diperkaya dengan terpilihnya saya ke dalam jajaran Top 36 Google Student Ambassador 2025 se-Indonesia dengan penghargaan Gemini Rising Star Pin, mengikuti program bergengsi Coding Camp by DBS Foundation (Full Stack Web Developer & UI/UX), serta pengalaman industri di Gress Collection dan EMY Studio dalam produksi materi percetakan, sablon, dan desain promosi.

[02]PILAR UTAMA

Tujuh Pilar yang Saling Melengkapi

Fondasi seimbang yang menyatukan desain visual, perancangan UI/UX, pengembangan web, dan kepemimpinan.

01 //

Desain Grafis

Perancangan identitas visual, tata letak media promosi, katalog produk, dan materi percetakan komersial.

02 //

Desain UI/UX

Riset alur pengguna, wireframing, prototipe Figma, dan tata letak antarmuka yang ramah pengguna.

03 //

Pengembangan Web

Membangun tampilan web responsif, rapi, dan mudah diakses, memadukan estetika desain dengan kode web.

04 //

Logika Pemrograman

Pemahaman logika komputasi, alur algoritma dasar, dan pemecahan masalah dalam perkuliahan Informatika.

05 //

Multimedia

Produksi konten visual terpadu, editing grafis, tata artistik, dan dokumentasi kreatif.

06 //

Eksplorasi Teknologi

Pemanfaatan alat AI (Google Gemini) untuk efisiensi alur kerja dan eksplorasi media digital baru.

07 //

Komunitas & Kepemimpinan

Ketua Umum UKM Computer Education, Duta Kampus UMC, dan penggerak kolaborasi tim.

[03]PENDIDIKAN FORMAL

Riwayat Akademik & Studi

Fondasi keilmuan dalam ilmu komputer, rekayasa perangkat lunak, dan teknologi digital.

Universitas Muhammadiyah Cirebon

Sarjana Komputer (S.Kom) — Program Sarjana — Fakultas Teknik, Teknik Informatika

2023 — Sekarang

Menempuh studi akademik sarjana Teknik Informatika dengan penerimaan beasiswa universitas. Mengembangkan keahlian perancangan desain UI/UX, fondasi pengembangan web, dan kepemimpinan organisasi teknologi kampus.

MATA KULIAH RELEVAN //

Pemrograman & Pengembangan WebStruktur Data & AlgoritmaInteraksi Manusia & Komputer (UI/UX)Rekayasa Perangkat LunakSistem Basis Data

SMK Negeri 1 Kedawung, Cirebon

Sekolah Menengah Kejuruan (SMK) — Jurusan Multimedia

2020 — 2023

Mendalami dasar-dasar kejuruan multimedia, fotografi, videografi, tata artistik, penyuntingan grafis digital, dan komunikasi visual.

MATA KULIAH RELEVAN //

Desain Grafis PercetakanFotografi & VideografiTeknik Audio & Pengolahan CitraAnimasi & Multimedia Interaktif
[04]MATRIKS KOMPETENSI

Keahlian Kreatif & Teknis

Indeks terstruktur mencakup desain grafis, perancangan antarmuka UI/UX, fondasi pengembangan web, serta kepemimpinan kolaboratif.

Desain Grafis & Percetakan

Perancangan identitas visual, tata letak media promosi, katalog produk, dan materi percetakan fisik komersial.

CorelDRAWMahir
Adobe PhotoshopMahir
CanvaMahir
Identitas Visual & BrandingMahir
Tata Letak Brosur & CetakMahir
Desain Katalog & KemasanMahir
Separasi & File Siap SablonMahir

Desain UI/UX

Perancangan antarmuka aplikasi dan web berbasis kebutuhan pengguna, wireframing, dan prototipe interaktif.

FigmaMahir
Wireframing & PrototypingMahir
User Flow & Information ArchitectureMahir
Desain Antarmuka Mobile & WebMahir
Desain Sistem & Komponen FigmaTerbiasa
Pengujian Tampilan (Usability)Terbiasa

Pengembangan Web (Fondasi)

Membangun tampilan website responsif yang rapi dan mudah diakses, memadukan desain visual dengan kode web.

HTML5 / Semantik WebTerbiasa
CSS3 & Tata Letak ResponsifTerbiasa
JavaScript DasarDasar
Tailwind CSSDasar
React DasarEksplorasi
Next.jsEksplorasi
Vercel DeploymentTerbiasa

Pemrograman & Logika Komputasi

Fondasi keilmuan Informatika untuk pemecahan masalah logika, struktur data dasar, dan alur algoritma.

Logika Pemrograman & AlgoritmaDasar
Pemrograman Berorientasi Objek (OOP)Dasar
Python DasarDasar
Git & GitHub DasarDasar
Integrasi API SederhanaEksplorasi

Multimedia & Karya Kreatif

Pengolahan aset visual, dokumentasi fotografi, tata artistik panggung, dan media publikasi audio visual.

Tata Artistik & DokumentasiMahir
Fotografi & Kurasi VisualTerbiasa
Penyuntingan Video RinganTerbiasa
Adobe Premiere Pro DasarDasar

Kepemimpinan & Komunikasi

Pengalaman nyata dalam memimpin organisasi kampus, koordinasi tim proyek, serta komunikasi publik.

Kepemimpinan Tim & KoordinasiMahir
Komunikasi Publik & PresentasiMahir
Manajemen Organisasi & EventMahir
Duta Promosi Kampus (PMB)Mahir
Pemanfaatan AI untuk Alur KerjaTerbiasa