Windows XP Direka Ulang sebagai Portofolio
(mitchivin.com)- Desainer grafis Mitch Ivin merekreasikan situs portofolionya dengan gaya Windows XP
- JavaScript harus diaktifkan agar semua efek visual dan fungsi bisa dinikmati
- Seluruh situs meniru dengan setia nuansa desktop Windows XP beserta interaksinya
- Pengunjung dapat bebas menjelajahi antarmuka pengguna login serta menu Start, taskbar, dan lainnya
- Pengalaman portofolio itu sendiri menonjolkan kemampuan uniknya dalam desain antarmuka
Mitch Ivin — Pengantar Situs Web Portofolio
- Mitch Ivin adalah seorang desainer grafis yang mewujudkan situs web portofolionya secara mendetail layaknya lingkungan desktop sistem operasi Windows XP
- Di layar pertama, pengunjung dapat melihat elemen visual yang mengingatkan pada pengalaman penggunaan aslinya, seperti gambar wallpaper Windows XP (Bliss) dan animasi boot loading
- Untuk login, pengguna mengklik ‘Mitch Ivin’, lalu setelah proses itu mereka dapat menjelajahi situs seolah-olah sedang memakai desktop sungguhan
- Di berbagai bagian UI terdapat taskbar, menu Start, ikon profil pengguna, tombol restart dan log off, yang semuanya merefleksikan suasana dan UX OS aslinya dengan setia
- Situs ini adalah portofolio kreatif yang menunjukkan kemampuan desain dan pengembangan frontend lewat ‘pengalaman’ itu sendiri, sekaligus contoh interaksi web yang menyenangkan
Fitur dan Karakteristik Utama
- Seluruh pengalaman memerlukan JavaScript
- Menggunakan layar penuh dengan tombol F11 membuat pengalaman terasa lebih dekat dengan desktop asli
- Tersedia tombol pintasan menuju profil eksternal dan karya seperti LinkedIn, GitHub, Instagram
- Di perangkat seluler, diterapkan animasi ramah pengguna seperti jendela panduan yang meminta pengguna memutar perangkat ke mode potret
- Setiap ikon, tombol, dan animasi dirancang secara bertujuan, tetap sederhana, dan menyampaikan nuansa orisinal ‘Windows XP’ apa adanya
Susunan Antarmuka
Layar Desktop dan Login
- Layar awal menampilkan gambar latar Windows XP dan animasi boot
- Mengklik ikon pengguna ‘Mitch Ivin’ akan memulai prosedur login
- Setelah login berhasil, antarmuka seperti taskbar dan tombol Start akan aktif
Taskbar dan Menu Start
- Ditampilkan taskbar yang sangat mirip dengan Windows XP asli
- Terdapat tombol visual seperti Restart dan Log Off
- Saat tiap tombol diklik, interaksinya dibuat menyerupai OS sungguhan
Ringkasan
- Situs portofolio Windows XP milik Mitch Ivin menghadirkan perkenalan diri yang berbeda lewat UI/UX yang khas
- Pengunjung tidak hanya melihat daftar proyek, tetapi mengalami portofolio yang bisa dijelajahi langsung
- Ini merupakan contoh perancangan antarmuka dan branding yang layak dijadikan referensi oleh desainer digital dan pengembang frontend
3 komentar
Komentar Hacker News
Sejujurnya saya cukup suka proyek ini, menurut saya eksekusinya sangat keren
Tapi karena dia memperkenalkan dirinya sebagai 'desainer grafis' sambil membuat ulang Windows XP nyaris apa adanya, jadi agak sulit langsung menilai seberapa kuat kemampuan desain orisinalnya sendiri
Kalau melihat proyek lain di bawah ikon IE, warna pribadinya terasa sedikit lebih jelas, tetapi karena beberapa visual tampak seperti dibuat dengan AI, ekspektasi saya jadi menurun
UX-nya juga agak aneh; misalnya, kontrol history di dalam portofolio ini bekerja seperti carousel. Saat menekan tombol kembali/sebelumnya, saya mengira akan kembali ke menu proyek, tapi ternyata tidak
Kalau dia melamar ke saya dengan portofolio seperti ini, saya tetap akan memberinya kesempatan wawancara. Jelas terlihat dia mencurahkan banyak usaha dan menghasilkan kualitas yang tinggi, dan itu mengesankan
Tapi bagian-bagian yang disebutkan di atas, terutama kurang terlihatnya pendekatan yang berpusat pada pengguna, membuat saya khawatir dan pasti ingin saya tanyakan saat wawancara
Sekadar menambahkan, desain seperti ini juga bisa saya buat. Pada dasarnya ini sama saja dengan mengimplementasikan mockup yang diberikan UX designer, dan saya sudah sering melakukan pekerjaan semacam itu
Saya khawatir ini terdengar mengecewakan, tetapi bagaimanapun juga ini karya yang sangat keren dan saya menyukainya, dan di banyak tempat ini pasti cukup ampuh sebagai portofolio untuk ‘lolos tahap pertama’. Hanya saja semoga dia ingat bahwa langkah berikutnyalah yang benar-benar menunjukkan kemampuan aslinya
Saya ingin bertanya apakah Anda benar-benar yakin saat mengatakan bahwa Anda juga bisa membuat desain ini, padahal Anda mengaku tidak terlalu punya sense desain
Saya sudah melihat banyak antarmuka tiruan XP, tapi selalu ada elemen yang terasa janggal
Meskipun MitchIvin mungkin bukan salinan yang sepenuhnya identik dengan XP, pengalaman memakainya sendiri terasa cukup nyaman
Saya punya kekhawatiran yang mirip
Sebagai proyek biasa ini menarik, tetapi kalau tujuannya meniru XP, sudah ada banyak contoh yang lebih akurat
Sebagai portofolio, saya justru merasa efek negatifnya akan lebih besar. Dalam desain masa kini, jauh lebih penting menunjukkan upaya yang orisinal
Desain grafis sering dinilai hanya dari kemahiran memakai software, atau dianggap sekadar kemampuan menggambar sesuatu yang keren, padahal sebenarnya ini adalah komunikasi: merancang pesan secara visual dengan mempertimbangkan batasan, audiens, emosi, dan sebagainya
Tidak ada jalan pintas; pelajari desain yang sudah ada, lalu latih bagaimana Anda ingin menunjukkan sesuatu lewat warna, layout, tipografi, dan gambar
Cobalah juga menggambar sendiri, dan sebaiknya hindari AI generatif sampai Anda benar-benar mahir sendiri
Pada tahap ini, sebagai portofolio rasanya kurang cukup berkesan, dan masih perlu banyak latihan
Meski begitu, tetap patut dipuji bahwa dia berhasil menyelesaikannya dan membawanya sampai ke papan atas HN; semoga kesempatan ini jadi titik balik agar dia terus membuat sesuatu
Dari sudut pandang bahwa ‘site ini berhasil membuat orang penasaran dan bersedia mewawancarai secara bersyarat’, menurut saya site ini sudah menjalankan fungsi portofolio dengan baik
Portofolio cukup berhasil jika bisa memunculkan rasa ingin tahu: ‘Saya ingin sekali bertemu orang ini’
Pada akhirnya, fungsinya memang sebagai ‘ketukan pertama di pintu’, bukan alat untuk langsung mendapatkan pekerjaan dengan sendirinya
Sebenarnya desain grafis itu bukan seni
Itu adalah cara berkomunikasi dengan menggunakan teks, gambar, dan layout secara strategis untuk menyampaikan informasi secara visual dan efektif
Orisinalitas penting terutama dalam branding, isu hak cipta, atau ketika seseorang asal meminjam budaya yang sudah ada
Pertanyaan yang lebih penting adalah, "Mengapa Anda ingin menunjukkan diri Anda dan portofolio Anda melalui Windows XP?"
Yang sampai ke saya hanya kemampuan teknisnya
Mungkin maksudnya adalah membangkitkan nostalgia untuk klien industri teknologi, khususnya klien freelance
Kalau saya seorang art director, saya mungkin tidak akan memanggilnya untuk wawancara, tetapi mungkin portofolio ini memang bukan ditujukan untuk art director
Dan soal komentar ‘ini juga bisa saya buat’, itu memang hal yang sering terdengar dalam pekerjaan desain
Implementasi sebenarnya adalah bagian termudah dalam desain; portofolio ini sewajarnya harus tampak lebih baik daripada XP, dan di situlah letak kemampuannya
Saat merekrut desainer, saya tidak peduli seberapa akurat dia meniru kejanggalan XP
Kalau dia seorang developer, bisa membuat ini bukan hal yang mengejutkan
Saya justru lebih kagum ketika developer memperhatikan tipografi atau layout yang bagus. Yang sebenarnya paling sulit adalah menentukan elemen apa yang masuk ke layar dan bagaimana struktur informasinya
Apa yang dimasukkan dan bagaimana disusun itulah kunci keberhasilan
Saya ingin merekrut orang ini
Dia punya daya juang, ketekunan, dan kreativitas yang cukup untuk membedakannya dari para pesaing
Ribuan pengguna HN, teman-teman mereka, jurnalis teknologi, dan banyak orang lain sudah menikmati karya ini, dan ke depan makin banyak orang akan mengetahuinya
Mencari kerja sekarang tidak mudah, tetapi kalau dia menunjukkan gaya seperti ini, tawaran pasti akan datang
Ngomong-ngomong, portofolio saya sendiri juga harus segera di-upgrade, dan melihat ini membuat saya terinspirasi untuk mencoba hal serupa
Setelah melihat dia memperkenalkannya sebagai ‘portofolio kustom bergaya XP yang penuh perhatian pada detail’, saya ingin mengoreksi beberapa detail
Kalau saya yang membuat ini, saya mungkin akan menghilangkan layar boot dan login. Khususnya akan lebih baik jika klien langsung melihat 'About Me' saat mulai agar mudah ditemukan
Kalau ikon di kiri atas title bar di-double-click, jendelanya harus tertutup. Tidak seperti saat mengklik bagian utama title bar yang memaksimalkan, perilaku aslinya memang menutup jendela
Menurut saya layar boot dan login ikut menyumbang daya tarik dari keseluruhan rekreasinya
Detail kecil semacam ini dan rasa immersif pengguna adalah poin yang sangat penting dalam proyek GUI
Rasanya lebih mulus daripada Windows XP yang asli
Sulit dijelaskan, tapi jelas ada daya tarik dari sisi UX/UI
Menarik juga karena terasa menyatu dengan struktur hierarki tab browser
Berkat layar awal, login, dan suara yang menciptakan area tersendiri, terasa seperti benar-benar masuk ke “ruang khusus milik tempat ini”
Windows atau apa pun akan terasa jauh lebih keren kalau cepat
Harus berjalan dalam 20ms agar keterlambatan tidak terasa dan pengalaman tetap nyaman
Saya sepenuhnya setuju
Saya sedang memakai macOS 26 beta, tetapi clone Windows XP ini malah terasa seperti upgrade
Alasannya karena sederhana, cepat, dan saya sudah tahu cara memakainya
Windows lama memang lemah dalam multitasking karena single core, tapi justru itu membantu fokus
Di OS modern, saya memakai puluhan jendela dan ratusan tab yang tersebar di banyak workspace dan monitor, jadi rasanya sangat kacau
Nostalgia memang faktor utamanya, tapi ada sesuatu yang lebih menggoda dari suara login itu
Saya jadi penasaran apakah Anda juga menekan tombol logout
Kecepatan interaksi UI-nya sangat tinggi
Banyak UI modern hanya cepat di beberapa transisi, tetapi secara keseluruhan responsnya lambat sehingga terasa canggung
Jujur ini memang menarik, tapi rasanya ada yang keliru dari pendekatannya
Saya masuk setelah melihat label ‘desainer grafis’ di portofolionya, tetapi yang saya temui pada dasarnya hanyalah peniruan sederhana atas desain lama milik orang lain
Gambar AI di layar login dan ikon yang bergerak aneh saat mouseover juga langsung terlihat
Saya tidak ingat efek seperti itu pernah ada di Windows XP, jadi saya sempat bingung apakah itu bug aneh
Di titik itu, kepercayaan saya mulai turun
Meski mengaku sebagai ‘desainer grafis’, dia memakai grafik hasil AI, dan saya jadi bertanya-tanya apakah penulisan kodenya juga diserahkan dengan cara yang mirip
Cara menampilkan resume sebagai file PDF palsu juga terasa menjengkelkan
Berbagai proyek lain juga terkurung di jendela kecil sehingga sulit dilihat dengan baik, dan dua di antaranya bahkan hanya menampilkan animasi loading
Dia bilang awalnya tidak punya pengalaman coding, mendapat bantuan agen AI, dan “semua keputusan dibuat manusia”, tetapi kalau dia sendiri tidak punya kemampuan untuk menulis kode, saya curiga keputusan substantif justru lebih banyak datang dari LLM
Saya juga penasaran apakah dia yakin bisa membuat ulang proyek ini dari nol sendiri
Ini proyek yang menarik dan keren, tetapi sebagai portofolio justru terasa meremehkan kemampuan dirinya sendiri
Selain itu, sudah banyak contoh serupa seperti ini win32.run
Dulu saya sempat mencoba mengirim ini, tapi gagal, jadi agak disayangkan
Senang melihat kalian sekarang menikmatinya
Saya baru bergabung di HN, jadi saya juga ingin dapat sedikit karma sekarang
(Saya admin)
Saya sudah memposting ulang Show HN yang dulu Anda kirim, dan komentarnya juga sudah saya gabungkan
Saya juga menandai akun Anda sebagai akun normal agar tidak perlu khawatir tersangkut filter spam
Finishing-nya sangat keren! Saya rasa Anda benar-benar berhasil menangkap nuansa XP dan semangat zamannya
Kalau benar-benar ada aplikasi ‘pembuat portofolio’ yang sangat profesional di Windows XP, dan hasilnya setingkat ini, semua orang pasti akan mengakuinya sebagai produk yang luar biasa dan indah
Ini karya hebat yang bukan hanya menunjukkan kemampuan Anda, tetapi juga merekonstruksi keindahan Windows XP secara modern sekaligus historis
Dibuat dengan sangat baik! Karya yang luar biasa
Di browser saya (Chrome 138, Windows 10), start menu muncul setelah beberapa detik, terlihat sebentar, lalu langsung hilang
Tingkat penyelesaiannya benar-benar tinggi, hasilnya sangat bagus
Sebagai pengguna XP, saya benar-benar suka karya ini
Kalau boleh sedikit cerewet soal detail
Saya melihat ini sebagai sebuah homage, yaitu upgrade yang halus terhadap estetika klasik Windows XP dengan memadukannya dengan ekspresi baru pada zamannya
Menafsirkan ulang dan mewariskan seni serta gaya dengan cara modern sambil tetap menghormati akar aslinya adalah cara yang lazim dalam evolusi sensibilitas estetika
Tab taskbar — itu kritik yang benar, dan saya menghabiskan waktu sangat banyak untuk mencoba menyamakan bagian itu
Pada akhirnya memang ada sedikit perbedaan, tetapi saya rasa hasilnya sudah sangat mirip
Sisanya adalah keputusan estetis yang disengaja. Sebenarnya ada satu perbedaan besar yang tampaknya belum disebut siapa pun
Saat melakukan drag selection pada ikon desktop, highlight-nya jauh lebih mirip Windows 11 daripada XP
Bagian itu memang ingin saya perbaiki lebih lanjut ke depannya
Karya ini memang sangat keren, tetapi ada dua hal yang terasa kurang
Pertama, rasa “seperti komputer” itu belum hidup sepenuhnya. Misalnya, kalau saat mengetik "dir" di command line ada interaksi kecil yang lucu, itu akan jauh lebih menarik
Kedua, kualitas konten di dalam portofolio tidak mampu menyamai nuansa website ini. Situsnya sangat berkualitas tinggi, tetapi ketika melihat karya-karya lain di dalamnya, semuanya terasa terlalu sederhana dan kosong
Pada akhirnya ini tetap proyek yang bagus
Karya yang benar-benar keren
Setiap kali melihatnya saya jadi merindukan styling Windows XP
XP adalah satu-satunya Windows yang benar-benar berusaha menjadi 'menyenangkan', sampai-sampai ada maskot anjing di hasil pencarian
Taskbar di bawah juga terasa seperti mainan Fisher Price, dan saya juga merindukan Clippy
Saya kangen masa ketika software profesional masih mengizinkan keceriaan seperti itu
Tambahan lagi, gaya avatar Anda memberi kesan seperti Simpsons atau Bob's Burgers, jadi cukup menonjol
Ini karya yang mengesankan, tetapi saya merasa perlu ada pemikiran yang lebih dalam
Ada ketegangan mendasar antara menyalin dan mencipta
Tentu banyak karya kreatif berangkat dari bentuk yang sudah ada. Misalnya, novel misteri punya formula seperti mayat, botol minuman, dialog cerdas, dan sebagainya. Tetapi seni yang sesungguhnya muncul ketika kerangka itu ditafsirkan ulang dengan cara yang khas milik sendiri
Anda bisa menyerahkan garis besar cerita pada AI, tetapi pilihan, suara, gesekan, dan ‘kehadiran’ atau jiwa yang nyata tetap harus ditambahkan manusia
Di sini saya merasa ‘kehadiran’ itu kurang
Proyek ini dibuat dengan baik, tetapi pada akhirnya hanya terasa seperti Windows XP; enak dilihat, namun datar
Saya menghormati usaha dan proses belajarnya, tetapi pada akhirnya ini tetap terasa seperti ‘salinan’
Kalau saya yang berada di posisinya, saya akan menganggap ini sebagai langkah pertama. ‘Sekarang setelah penyalinannya selesai, apa yang bisa saya perbaiki? Bagian mana yang bisa saya ubah dan ambil risikonya? Bisakah saya menunjukkan perbandingan before & after?’
Pertanyaan sebenarnya adalah mengapa berhenti pada tiruan, bukankah bisa melangkah lebih jauh melampaui batas reproduksi: memperbaiki, memperluas, dan menjadikannya milik sendiri?
Saat berkolaborasi dengan AI, ini jadi pertanyaan serius: bagaimana menunjukkan titik diferensiasi pribadi, atau ‘jiwa’, di tengah template tak terbatas dan iterasi yang serba cepat
(Sebagai catatan, tulisan ini juga saya cek dengan Grammarly; jadi saya teringat kutipan terkenal, “a man's got to know his limitations”)
Satu proyek besar yang lebih luas, ditambah satu proyek salinan yang bersih dan mudah diingat—kombinasi ini bisa terasa lebih menarik bagi orang yang menelusuri banyak portofolio dengan cepat
Tetapi saya setuju bahwa pada akhirnya portofolio tetap perlu didiversifikasi secara seimbang
Saya sangat menyukainya
Kalau mau sedikit cerewet soal beberapa ketidaktepatan XP
Saya melihatnya sebagai homage yang keren, atau interpretasi modern dari gaya klasik
Ini adalah evolusi yang otentik: menggabungkan estetika klasik dengan sensibilitas modern untuk menampilkannya kembali secara baru tanpa kehilangan akarnya
Tab taskbar — itu poin yang benar, dan saya benar-benar menghabiskan banyak waktu untuk itu, tetapi saya tidak bisa membuatnya sepenuhnya identik jadi pada titik tertentu saya menyerah
Sisanya semua adalah keputusan estetis. Sebenarnya ada satu hal yang belum disebut siapa pun: saat melakukan drag selection pada ikon desktop, hasilnya jauh lebih dekat ke gaya Windows 11 daripada XP
Secara pribadi saya juga merasa bagian itu perlu diubah
Karya yang sangat keren, tetapi masih agak kurang terasa seperti benar-benar ‘komputer’
Misalnya, kalau ada interaksi kecil saat mengetik ‘dir’ di command line, itu akan jauh lebih menyenangkan
Kedua, kualitas konten portofolionya terlalu sederhana sehingga tidak sepadan dengan kualitas situsnya
Secara keseluruhan ini tetap proyek yang baik
Karya yang benar-benar keren
Tiap melihatnya saya jadi merindukan gaya era Windows XP
XP adalah satu-satunya Windows yang mengejar ‘kesenangan’, dengan maskot anjing lucu, taskbar seperti mainan Fisher Price, dan Clippy yang penuh karakter
Saya kangen masa ketika program profesional bisa seceria ini
Dan avatar itu juga menonjol karena terasa seperti gaya Simpsons/Bob's Burgers
Proyek ini benar-benar keren
Sangat menunjukkan skill, kemampuan belajar, kegigihan, dan perhatian pada detail
Tidak seperti orang-orang yang mengkritik soal penyalinan atau detail yang meleset, saya rasa itu bukan poin yang penting di sini
Proyek yang keren, selamat
Halo, saya seorang backend developer yang sedang mengembangkan portofolio yang sangat mirip dengan tulisan ini. Meski masih dalam tahap revisi akhir,
Saya juga ingin meninggalkan komentar untuk melihat apakah saya bisa menerima umpan balik yang jujur dan tajam.
Jika tidak masalah menulis komentar seperti ini, saya akan mengunggah tautan portofolio saya.
+) Dan ini pertama kalinya saya di sini, jadi saya penasaran apakah memakai gaya bahasa tanpa akhiran formal adalah aturan di sini.
Tidak perlu begitu. Tolong, saya harap para developer tidak melakukannya. Sejujurnya saya benar-benar muak melihatnya sampai rasanya ingin mati, tetapi karena ada banyak informasi yang berguna dan itu hanyalah cara mereka menyampaikan informasi secara efektif dengan suara seperti “eem, mm”, saya tetap menontonnya meski terasa menjijikkan. Saya akan berterima kasih jika Anda bisa berbagi informasi dengan kalimat yang layak.