Available for projects
UI/UX · Web Dev · Yogyakarta, 2026

HARDI.

UI/UX Designer & Web Developer — I close the gap between design and code. One person who speaks both languages fluently.

UI/UX Design
Web Development
Front-End
Full-Stack
Dashboard Design
3+
Years
20+
Projects
100%
Satisfaction
View Work → Get In Touch
About

Design with intent.
Code with care.

Saya mahasiswa Informatika yang menggabungkan UI/UX Design dan Web Development — dua disiplin yang biasanya dipisahkan, tapi paling powerful ketika ada satu orang yang paham keduanya.

Perjalanan saya dimulai dari satu pertanyaan: mengapa produk digital terasa berat untuk digunakan? Pertanyaan itu menjadi obsesi yang membawa saya mendalami keduanya — bukan hanya membuat tampilan yang indah, tapi memastikan setiap keputusan desain bisa diimplementasikan dan berdampak nyata pada bisnis.

Sekarang
UI/UX Freelancer
Menerima project freelance di bidang UI/UX Design dan Web Development. Membantu bisnis dan startup tampil profesional secara digital — dari desain hingga implementasi kode.
Sedang Berjalan
Fashion Recommendation System
Sedang membangun platform rekomendasi fashion berbasis collaborative filtering — menggabungkan keahlian UI/UX dan full-stack development dalam satu produk nyata.
Prestasi
🥉 Juara 3 — UI/UX Design, SeFest
Meraih juara ketiga kompetisi UI/UX Design di SeFest yang diselenggarakan oleh Telkom University Surabaya. Pengalaman ini membuktikan bahwa desain yang saya buat mampu bersaing di tingkat nasional.
Saat Ini
Mahasiswa Informatika
Menempuh studi Informatika sambil terus mengasah kemampuan di dunia nyata — menggabungkan teori akademik dengan praktik desain dan pengembangan produk digital.
01
Research First
Setiap keputusan berakar dari pemahaman mendalam tentang pengguna dan bisnis nyata.
02
Design to Code
Tidak ada yang hilang di antara desain dan implementasi — saya mengerjakan keduanya.
03
Result-Driven
Fokus pada metrik nyata: konversi, retention, dan kepuasan pengguna yang terukur.
04
Iterative
Diperbaiki terus melalui feedback loop ketat dan pengujian dengan pengguna nyata.
Services

What I deliver

Dari konsep awal hingga produk jadi — setiap layanan dirancang untuk memberikan dampak nyata bagi bisnis Anda.

01
UI/UX Design
Desain antarmuka yang intuitif dan estetis, berbasis riset pengguna mendalam. Dari wireframe hingga high-fidelity prototype yang siap diimplementasikan.
User Research Wireframing Prototyping Usability Test
→
02
Website Design
Desain website yang membangun kepercayaan brand dan mengkonversi pengunjung menjadi pelanggan. Responsive untuk semua perangkat, optimized untuk konversi.
Landing Page Company Profile Responsive Brand Identity
→
03
Front-End Development
Mengubah desain menjadi kode yang bersih, cepat, dan interaktif. Pixel-perfect dengan perhatian penuh pada performa dan aksesibilitas.
HTML/CSS/JS Bootstrap Performance Accessibility
→
04
Full Website Development
Pengembangan website lengkap dari database hingga antarmuka. Solusi full-stack yang skalabel untuk bisnis yang serius bertumbuh secara digital.
PHP MySQL REST API Custom CMS
→
05
Dashboard Design
Dashboard data yang powerful sekaligus mudah dipahami. Visualisasi data kompleks menjadi insights actionable untuk pengambil keputusan bisnis.
Data Viz Analytics Admin Panel Reporting
→
Selected Work

Projects that prove it

Mh
UI/UX
Mental Health App
Aplikasi mobile untuk mendukung kesehatan mental melalui mood tracking, journaling, dan akses ke sumber daya profesional.
Problem
Pengguna kesulitan memantau dan mengelola kondisi mental secara mandiri
Solution
Mood tracker harian + jurnal + koneksi ke konselor
Process
Research → Wireframe → Prototype → Test
Tools
Figma, FigJam
UI empatik · Alur tenang yang tidak overwhelming untuk pengguna
View Case Study →
Cr
UI/UX
City Problem Reporting
Platform pelaporan masalah kota berbasis mobile — memudahkan warga melaporkan kerusakan infrastruktur ke dinas terkait.
Problem
Tidak ada kanal pelaporan yang mudah dan transparan bagi warga
Solution
Laporan berbasis lokasi + status tracking real-time
Process
User Interview → User Flow → Prototype
Tools
Figma, FigJam
Alur pelaporan 3 langkah · Antarmuka intuitif untuk semua kalangan
View Case Study →
Fr
Dev
Fashion Recommendation
Sistem rekomendasi fashion berbasis preferensi pengguna menggunakan algoritma collaborative filtering.
Problem
Pengguna kewalahan memilih outfit yang sesuai selera
Solution
Personalized feed berdasarkan riwayat & preferensi
Stack
PHP, MySQL, Bootstrap, JavaScript
Process
Algorithm → ERD → UI → Testing
Rekomendasi personal · Pengalaman belanja lebih relevan
View Project →
Wi
Dev
Website Iklim
Website informasi iklim yang menyajikan data lingkungan secara visual dan mudah dipahami masyarakat umum.
Problem
Data iklim sulit diakses dan tidak ramah untuk masyarakat awam
Solution
Visualisasi data iklim yang bersih dan informatif
Stack
PHP, MySQL, JavaScript, Bootstrap
Process
Data mapping → UI Design → Dev → Launch
Data iklim yang aksesibel · Responsif di semua perangkat
View Project →
Pk
Dev
Pendaftaran Kampus
Sistem pendaftaran mahasiswa baru berbasis web dengan manajemen berkas digital, jadwal ujian, dan dashboard admin.
Problem
Proses pendaftaran manual lambat dan rawan kesalahan data
Solution
Sistem digital end-to-end dengan dashboard admin real-time
Stack
PHP, MySQL, Bootstrap, JavaScript
Process
Requirements → ERD → Dev → UAT
Pendaftaran lebih cepat · Data calon mahasiswa terpusat
View Project →
Expertise

Skills & tools

Design
Figma Expert
Prototyping Expert
Wireframing Expert
Design System Advanced
User Research Advanced
User Flow Advanced
Usability TestingAdvanced
UX Writing Proficient
Development
HTML & CSS Expert
JavaScript Advanced
PHP Advanced
MySQL Advanced
Bootstrap Advanced
REST API Proficient
Git & GitHub Proficient
SEO Proficient
UI/UX Design Portfolio
Lihat hasil kerja desain saya secara langsung
Case Study — Mental Health App
figma.com/proto/mental-health-app
↗
Case Study — City Problem Reporting
figma.com/proto/city-problem-reporting
↗
GitHub
github.com/yaizmi
↗
Tools
Figma FigJam VS Code GitHub Notion Hotjar Google Analytics Maze Miro Trello
Process

How I work,
every time

1
Discover
Riset mendalam — pengguna, bisnis, kompetitor. Memahami pain points nyata sebelum satu piksel digambar.
2
Define
Mendefinisikan masalah inti berdasarkan data. Menetapkan success metrics yang jelas dan terukur.
3
Ideate
Eksplorasi solusi tanpa batas. Brainstorming, sketching, lalu prioritisasi ide yang paling berdampak.
4
Prototype
Prototype interaktif di Figma. Validasi dengan pengguna nyata sebelum satu baris kode ditulis.
5
Develop
Implementasi menjadi kode produksi yang bersih, cepat, dan maintainable — dari desain yang sama.
Client Reviews

Words from those
I've worked with

Setiap review ditulis langsung oleh klien — tidak ada yang direkayasa.

Pernah bekerja sama dengan saya?

Review jujur Anda sangat berarti bagi calon klien berikutnya.

Contact

Let's build something
that matters

Ceritakan project Anda. Saya akan merespons dalam 24 jam.

Email yaizmidinihardi1@gmail.com →
LinkedIn linkedin.com/in/yaizmi-dinihardi1 →
GitHub github.com/yaizmi →
Figma figma.com/@izmihardi →
Available for new projects
Saat ini menerima project freelance baru — UI/UX Design dan Web Development.
Ready to make your
business look undeniably good?
Start a Project