### Hai! Saya Elvi Hana Nabila

# Mahasiswa Pendidikan Teknologi Informasi

Saya merupakan mahasiswa Pendidikan Teknologi Informasi yang memiliki minat besar dalam pengembangan web dan media pembelajaran digital. Saya fokus dalam membuat website yang interaktif, mudah digunakan, dan memiliki tampilan yang menarik untuk mendukung proses pembelajaran modern. Saat ini saya terus mengembangkan kemampuan di bidang pemrograman, desain UI/UX, serta teknologi pendidikan.

Unduh CV Hubungi Saya

## Tentang Saya

### Cerita Singkat

Halo! Saya Elvi Hana Nabila, mahasiswa Pendidikan Teknologi Informasi yang bersemangat menciptakan solusi digital untuk pendidikan. Saya fokus pada pengembangan web, desain UI/UX, dan media pembelajaran yang mudah dipahami oleh pengguna.

Saya percaya teknologi dapat membuat proses belajar menjadi lebih menarik, efektif, dan inklusif bagi semua kalangan. Dengan kombinasi kreativitas dan pemahaman pedagogi, saya terus mengembangkan hasil kerja yang berdampak positif.

Baca Selengkapnya!

## Tentang Saya Lebih Detail

Saya merupakan mahasiswa Pendidikan Teknologi Informasi yang memiliki minat, komitmen, dan dedikasi tinggi dalam bidang pengembangan teknologi, khususnya pada pembuatan website serta media pembelajaran berbasis digital. Saya meyakini bahwa pemanfaatan teknologi secara tepat dapat menjadi kunci dalam meningkatkan kualitas dan efektivitas pembelajaran di era modern.

Dalam proses pengembangan diri, saya aktif mempelajari dan mengasah keterampilan di bidang pemrograman web, meliputi HTML, CSS, dan JavaScript. Selain itu, saya juga memahami prinsip dasar desain antarmuka dan pengalaman pengguna (UI/UX) guna menciptakan tampilan yang tidak hanya menarik secara visual, tetapi juga intuitif dan mudah digunakan.

Saya memiliki ketertarikan khusus dalam mengembangkan media pembelajaran interaktif yang mampu meningkatkan keterlibatan dan pemahaman pengguna. Bagi saya, sebuah media pembelajaran yang baik tidak hanya menyampaikan informasi, tetapi juga mampu memberikan pengalaman belajar yang bermakna.

Di samping kemampuan teknis, saya juga memiliki kemampuan berpikir kritis, analitis, serta problem solving yang baik. Saya mampu bekerja secara mandiri maupun dalam tim, serta memiliki semangat belajar yang tinggi untuk terus beradaptasi dengan perkembangan teknologi yang dinamis.

Tujuan utama saya adalah menjadi seorang pendidik profesional yang mampu mengintegrasikan teknologi secara efektif dalam proses pembelajaran, sehingga tercipta pengalaman belajar yang inovatif, interaktif, dan menyenangkan bagi peserta didik.

Ke depannya, saya berkomitmen untuk terus mengembangkan kompetensi di bidang teknologi pendidikan serta berkontribusi dalam menciptakan solusi digital yang berdampak positif bagi dunia pendidikan.

## Kompetensi Saya

### Pengembangan Web

Membangun website yang responsif dan interaktif menggunakan teknologi web modern.

Selengkapnya

### Pengembangan Web

Saya berfokus pada pengembangan website modern yang tidak hanya responsif dan interaktif, tetapi juga dirancang dengan standar kualitas tinggi dalam hal performa, struktur, dan skalabilitas. Dengan memanfaatkan teknologi seperti HTML, CSS, dan JavaScript, saya membangun solusi web yang mampu berjalan optimal di berbagai perangkat dan kondisi pengguna.

Dalam setiap proyek, saya mengedepankan clean code, efisiensi, serta maintainability agar sistem yang dibangun mudah dikembangkan di masa depan. Selain aspek teknis, saya juga memperhatikan keseimbangan antara estetika visual dan fungsionalitas, sehingga menghasilkan website yang tidak hanya menarik secara tampilan, tetapi juga memberikan pengalaman pengguna yang seamless, intuitif, dan berorientasi pada kebutuhan pengguna.

Saya percaya bahwa sebuah website yang baik bukan hanya sekadar berfungsi, tetapi mampu memberikan nilai, identitas, serta pengalaman yang berkesan bagi setiap penggunanya.

### Desain UI/UX

Merancang antarmuka pengguna yang menarik dan ramah pengguna menggunakan Figma.

Selengkapnya

### Desain UI/UX

Saya merancang pengalaman digital dengan pendekatan strategis yang menggabungkan estetika visual dan pemahaman mendalam terhadap perilaku pengguna. Dalam proses desain UI/UX, saya mengutamakan prinsip user-centered design untuk memastikan setiap elemen yang dibuat memiliki tujuan yang jelas dan memberikan kemudahan bagi pengguna.

Proses kerja saya mencakup tahapan eksplorasi ide, pembuatan wireframe, hingga pengembangan prototype interaktif menggunakan tools seperti Figma. Saya juga memperhatikan detail seperti hierarchy visual, konsistensi desain, serta alur navigasi yang logis agar pengguna dapat berinteraksi dengan sistem secara natural dan efisien.

Tujuan utama saya adalah menciptakan desain yang tidak hanya terlihat menarik, tetapi juga mampu meningkatkan kualitas interaksi, memperkuat identitas produk, dan memberikan pengalaman pengguna yang optimal secara menyeluruh.

### Media Pembelajaran

Mengembangkan media pembelajaran digital inovatif untuk transformasi pendidikan.

Selengkapnya

### Media Pembelajaran

Saya mengembangkan media pembelajaran digital yang inovatif dengan mengintegrasikan teknologi, desain, dan prinsip pedagogi modern. Fokus utama saya adalah menciptakan pengalaman belajar yang tidak hanya informatif, tetapi juga interaktif, menarik, dan mampu meningkatkan keterlibatan pengguna secara aktif.

Dalam proses pengembangan, saya merancang konten yang terstruktur, mudah dipahami, serta disesuaikan dengan kebutuhan pengguna. Saya juga mengintegrasikan elemen interaktif untuk mendorong partisipasi, meningkatkan motivasi belajar, serta membantu pengguna dalam memahami konsep secara lebih mendalam.

Saya meyakini bahwa media pembelajaran yang efektif bukan hanya menyampaikan materi, tetapi juga mampu menciptakan pengalaman belajar yang bermakna, menyenangkan, dan berdampak jangka panjang bagi penggunanya.

## Keahlian Saya

### Keahlian Teknis

### HTML 72%

### Figma 90%

### JavaScript 80%

### CSS 62%

### Keahlian Profesional

90%

Kerja Tim

80%

Kreativitas

55%

Manajemen Proyek

70%

Komunikasi

## Proyek Terbaru

Praktikum Web

### Praktikum 6

Halaman fan page BlackPink dengan tampilan hero dan navigasi yang menarik, ditampilkan sebagai contoh proyek praktikum.

Live Demo Details

#### Tentang Proyek

Halaman praktikum 6 adalah fan page BlackPink dengan layout hero yang berani, navigasi menu, dan tampilan galeri member. Proyek ini menonjolkan desain warna pink dan hitam serta efek visual yang sesuai dengan tema fan page.

Web Application

### Catatan Notes App

Aplikasi web untuk membuat, menyimpan, dan mengelola catatan digital dengan antarmuka yang intuitif dan responsif.

Live Demo Details

#### Tentang Proyek

Catatan Notes App adalah aplikasi web sederhana namun powerful untuk menciptakan, menyimpan, dan mengelola catatan digital. Dilengkapi dengan fitur tambah catatan, edit, hapus, dan penyimpanan lokal, membuat aplikasi ini praktis untuk penggunaan sehari-hari.

Utility Tool

### QR Code Generator

Aplikasi untuk menghasilkan kode QR dari teks atau URL dengan mudah, lengkap dengan opsi download dan kustomisasi warna.

Live Demo Details

#### Tentang Proyek

QR Code Generator adalah aplikasi web yang memudahkan pengguna untuk membuat dan mengunduh kode QR. Dengan interface yang user-friendly dan fitur kustomisasi, pengguna dapat dengan cepat menghasilkan QR code untuk link, teks, atau informasi kontak mereka.

Weather App

### Aplikasi Cuaca

Aplikasi web untuk melihat informasi cuaca real-time dan ramalan cuaca harian berdasarkan lokasi pengguna.

Live Demo Details

#### Tentang Proyek

Aplikasi Cuaca adalah aplikasi web yang memberikan informasi cuaca terkini dan ramalan cuaca untuk beberapa hari ke depan. Menggunakan API cuaca untuk data akurat, aplikasi ini menampilkan suhu, kelembaban, kecepatan angin, dan kondisi cuaca dengan interface yang bersih dan responsif.

Game

### Snake Game

Permainan arkade klasik yang dikembangkan menggunakan HTML5 Canvas dan JavaScript, menghadirkan kembali pengalaman nostalgia dengan sentuhan modern yang responsif.

Live Demo Details

#### Tentang Proyek

Permainan Snake adalah aplikasi berbasis web yang menguji ketangkasan pengguna dalam mengendalikan ular untuk mengumpulkan poin. Menggunakan logika pemrograman JavaScript yang efisien, aplikasi ini mencakup sistem skor real-time, deteksi tabrakan yang presisi, dan tingkat kesulitan yang dinamis. Dibangun dengan antarmuka yang minimalis namun tetap memberikan pengalaman bermain yang mulus di berbagai perangkat.

AI Tool

### AI Image Generator

Aplikasi web untuk membuat gambar berbasis teks menggunakan teknologi AI dengan antarmuka yang mudah digunakan.

Live Demo Details

#### Tentang Proyek

AI Image Generator adalah tool berbasis web yang memungkinkan pengguna membuat gambar dari prompt teks. Proyek ini menampilkan fitur pembuatan gambar otomatis, preview hasil, dan opsi pengunduhan untuk setiap karya AI yang dibuat.

## Kontak Saya