Pada era digital, e-commerce menjadi media penting untuk pemasaran dan penjualan produk secara luas. Magnustek, perusahaan yang memasarkan LED Videotron, menggunakan website sebagai salah satu platform utama. Peran website Magnustek sebagai media e-commerce dinilai belum optimal dalam mendukung akses informasi dan pengalaman pengguna, dengan hasil evaluasi awal menunjukkan skor usability sebesar 2,46 (kategori tidak puas). Penelitian ini bertujuan untuk merancang ulang antarmuka pengguna (UI) dan pengalaman pengguna (UX) website Magnustek menggunakan metode Goal-Directed Design dan evaluasi Heuristic Evaluation. Proses perancangan dilakukan melalui tahapan riset, pembuatan user persona, user journey, wireframe, hingga implementasi menggunakan React.js dan Tailwind CSS. Evaluasi ulang menunjukkan peningkatan signifikan terhadap kualitas UI/UX dengan skor usability mencapai 4,4 (kategori puas). Hasil ini membuktikan bahwa pendekatan Goal-Directed Design efektif dalam menghasilkan desain berbasis kebutuhan pengguna. Penelitian ini juga merekomendasikan pengembangan metode pengujian usability yang lebih beragam serta pengembangan ke tahap back-end untuk mendukung performa dan fungsionalitas sistem secara menyeluruh.