Halo, selamat datang

Hasbi Rabbani

Mahasiswa Informatika | Web Development | UI Design

“Saya membangun website dengan alur yang jelas, tampilan elegan, dan pengalaman pengguna yang mudah dipahami oleh siapa saja.”

Lihat Portfolio Hubungi Saya

Tentang Saya

🎓 Mahasiswa Informatika

💻 Fokus Web & UI/UX

🧠 Berpikir Sistematis

Saya terbiasa mengerjakan proyek akademik berbasis sistem informasi dan desain antarmuka dengan pendekatan terstruktur dan berorientasi pada pengguna. Fokus saya adalah menciptakan solusi digital yang tidak hanya berfungsi, tetapi juga nyaman digunakan (usability).

Portfolio Project

Sistem Informasi Perpustakaan

Web App

Website untuk mengelola data buku, anggota, dan peminjaman dengan alur sistem yang jelas dan efisien.

PHPMySQLBootstrap

Website E-Commerce Sederhana

Front-End

Menampilkan katalog produk, detail barang, dan simulasi proses transaksi dengan antarmuka responsif.

HTMLCSSJS

Aplikasi Perhitungan Umur

Java Desktop

Aplikasi desktop GUI untuk menghitung umur pengguna secara presisi berdasarkan input tanggal lahir.

JavaSwingNetBeans

WHAT I DO

Kompetensi & Skills

Saya membangun solusi digital berbasis web dan desktop dengan pendekatan terstruktur, efisien, dan berorientasi pada User Experience serta Scalability.

HTML & CSS

Advanced

Membangun struktur web yang semantic, responsif, dan scalable dengan standar modern.

Semantic HTML5 & Accessibility
Modern Layout (Flexbox & Grid)
CSS Animation & Transitions
Responsive Design System

Tools: VS Code, DevTools, Sass

JavaScript

Intermediate

Membangun interaksi dinamis dan manipulasi DOM dengan pendekatan modular dan efisien.

DOM Manipulation & Events
Async/Await & Fetch API
ES6+ Modern Syntax
State Management Basic

Tools: Node.js, npm, Webpack

Java Development

Intermediate

Pengembangan aplikasi desktop berbasis GUI yang kuat dengan pendekatan Object-Oriented.

Object-Oriented Programming (OOP)
MVC Architecture Pattern
JavaFX / Swing GUI
Database Integration (JDBC)

Tools: IntelliJ IDEA, Maven, MySQL

UI/UX Design

Fundamental

Merancang alur pengalaman pengguna yang intuitif sebelum tahap implementasi kode.

User Flow & Wireframing
High-Fidelity Prototyping
Information Architecture
Visual Hierarchy

Tools: Figma, Whimsical

Workflow

Problem Analysis

Mendalami kebutuhan bisnis & user pain points sebelum menulis baris kode pertama.

System Design

Merancang arsitektur database, API structure, dan UI wireframe yang scalable.

Development

Implementasi Clean Code, Component-based architecture, dan optimasi performa.

Testing & Improve

Unit testing, debugging, dan iterasi fitur berdasarkan feedback pengguna.

DEVELOPMENT

Git / GitHub

Postman

Linux Env

Tailwind CSS

Node.js

DESIGN & COLLAB

Figma

Notion

Trello

0 Projects Completed

0 Years Experience

0 Tech Stack Used

GET IN TOUCH

Let’s Work Together

Saya terbuka untuk peluang kolaborasi baru, freelance project, atau sekadar diskusi teknis. Sampaikan detail kebutuhan Anda, dan saya akan membalas secepatnya.