Semakin jaman berkembang dengan canggih, penyimpanan dokumen sudah tidak lagi hanya menggunakan dokumen fisik melainkan mulai berkembang dan digunakannya dokumen digital. Namun dengan semakin berkembangnya teknologi, semakin tinggi pula resiko teknologi tersebut terkena kendala, seperti peretasan data, human error, kerusakan sistem, atau data fraud. Baru-baru ini diciptakanlah teknologi baru bernama Blockchain yang dapat mencegah terjadinya resiko tersebut. Blockchain merupakan teknologi yang bersifat terdesentralisasi, terdistribusi, dan bersifat tetap. Dengan dibuatnya teknologi Blockchain yang dimana masih terbilang baru bagi orang awam, tentunya dibutuhkan suatu penghubung antara sistem dan calon pengguna yang dapat memudahkan sistem tersebut untuk digunakan. Pada penelitian ini dilakukan perancangan dan implementasi desain antarmuka sebuah sistem berbasis web yang menggunakan teknologi blockhain dimana website tersebut dapat digunakan sebagai media penyimpanan file, data disimpan pada Blockchain secara terdesentralisasi yang kemudian dapat diunduh lagi sewaktu waktu. Pengguna yang difokuskan untuk menggunakan website ini adalah mahasiswa, karena mahasiswa dengan pasti membutuhkan suatu media yang dapat menyimpan file-file dengan aman dan tidak mudah rusak. Perancangan yang dilakukan adalah dengan membuat mock-up perancangan tampilan website menggunakan Figma lalu mengimplementasikannya menggunakan visual studio code sebagai alat dan JavaScript dan CSS sebagai bahasa yang digunakan. Untuk hasil dari perancangan dan implementasi tadi, hasil yang diharapkan adalah dapat membuat tampilan antarmuka yang dapat memudahkan mahasiswa untuk menggunakan website. Implementasi dapat dibilang sukses jika antarmuka dapat ditampilkan dengan cepat, dan pengguna dapat dengan mudah menggunakan fitur-fitur yang disediakan dan menghasilkan output yang tepat.
Kata kunci: Blockchain, Mock-up, Visual Studio Code, JavaScript, CSS