Scrollable content goes here

Home

Resume

PDF

Linkedin

Home

Resume

PDF

Linkedin

Redesign the company website

Redesign the company website

Role

Role

UI/UX Design

UI/UX Design

Credit

Credit

Developer: Yogi, Fahmi

Developer: Yogi, Fahmi

Product Manager: Tomi

Product Manager: Tomi

Graphic Designer: Dina, Joshua

Graphic Designer: Dina, Joshua

Company

Company

MJ Solution Indonesia

MJ Solution Indonesia

LIVE WEBSITE

LIVE WEBSITE

Portfolio

Before and After

Problem

Saat pertama kali melihat website lama, ada beberapa hal yang langsung kerasa “kurang nyaman” untuk user:

Saat pertama kali melihat website lama, ada beberapa hal yang langsung kerasa “kurang nyaman” untuk user:

CTA masih kurang jelas

Button penting belum kelihatan jelas, jadi user bingung harus mulai dari mana atau klik apa. Akhirnya banyak yang cuma scroll… lalu pergi.

CTA masih kurang jelas

Button penting belum kelihatan jelas, jadi user bingung harus mulai dari mana atau klik apa. Akhirnya banyak yang cuma scroll… lalu pergi.

Hierarchy informasi lemah

Urutan informasi belum terstruktur dengan baik. Elemen penting seperti layanan utama, profil perusahaan, case study, hingga nilai bisnis tidak ditampilkan dengan jelas

Hierarchy informasi lemah

Urutan informasi belum terstruktur dengan baik. Elemen penting seperti layanan utama, profil perusahaan, case study, hingga nilai bisnis tidak ditampilkan dengan jelas

Tombol Product kelihatan bisa diklik tapi nyatanya… enggak

Di section Product ada button yang tampil seperti button beneran, tapi nggak bisa ditekan. Ini bikin user bingung: “loh, ini error? atau belum ada info?”
Akhirnya mereka nggak dapat informasi produk sama sekali.

Tombol Product kelihatan bisa diklik tapi nyatanya… enggak

Di section Product ada button yang tampil seperti button beneran, tapi nggak bisa ditekan. Ini bikin user bingung: “loh, ini error? atau belum ada info?”
Akhirnya mereka nggak dapat informasi produk sama sekali.

Untuk melihat website yang lama anda bisa melihatnya disini

Untuk melihat website yang lama anda bisa melihatnya disini

CTA yang lebih terarah untuk memandu tindakan pengguna

Sebelumnya, tombol ajakan tidak tampil menonjol sehingga pengguna sulit memahami langkah yang harus diambil. Redesign ini menghadirkan CTA yang lebih jelas dan konsisten, membantu pengguna bergerak ke halaman penting tanpa kebingungan.

CTA yang lebih terarah untuk memandu tindakan pengguna

Sebelumnya, tombol ajakan tidak tampil menonjol sehingga pengguna sulit memahami langkah yang harus diambil. Redesign ini menghadirkan CTA yang lebih jelas dan konsisten, membantu pengguna bergerak ke halaman penting tanpa kebingungan.

Home Page

Before

After

Struktur informasi yang diperkuat untuk memudahkan pemahaman

Hierarchy yang sebelumnya lemah membuat konten penting tidak terlihat. Dengan penataan ulang yang lebih rapi dan alur yang lebih natural, pengguna kini dapat menangkap informasi utama hanya dalam beberapa detik setelah membuka halaman.

Struktur informasi yang diperkuat untuk memudahkan pemahaman

Hierarchy yang sebelumnya lemah membuat konten penting tidak terlihat. Dengan penataan ulang yang lebih rapi dan alur yang lebih natural, pengguna kini dapat menangkap informasi utama hanya dalam beberapa detik setelah membuka halaman.

Section "Who Are We" pada Home Page

Section "Our Product" pada Home Page

Interaksi produk yang berfungsi sebagaimana mestinya

Pada tampilan lama, tombol di bagian Product tampak seperti CTA namun tidak dapat diklik. Desain baru memastikan setiap tombol bekerja dengan baik, sehingga pengguna dapat mengakses detail produk dengan mudah dan tanpa frustrasi.

Interaksi produk yang berfungsi sebagaimana mestinya

Pada tampilan lama, tombol di bagian Product tampak seperti CTA namun tidak dapat diklik. Desain baru memastikan setiap tombol bekerja dengan baik, sehingga pengguna dapat mengakses detail produk dengan mudah dan tanpa frustrasi.

Halaman Our Product

Halaman Detail Product

Outcome

Redesign ini memberikan perubahan signifikan terhadap cara pengguna berinteraksi dengan website. CTA yang kini lebih jelas membuat alur tindakan jauh lebih terarah, sementara struktur informasi yang diperkuat membantu pengguna memahami konten hanya dalam beberapa detik. Perbaikan pada tombol dan interaksi produk juga menghilangkan kebingungan yang sebelumnya sering terjadi.

Secara keseluruhan, website menjadi lebih mudah dinavigasi, lebih informatif, dan jauh lebih profesional. Perusahaan mendapatkan tampilan yang sesuai dengan identitas brand, dan pengguna mendapatkan pengalaman yang lebih nyaman dan efisien. Redesign ini membuka dasar yang kuat untuk pengembangan fitur dan peningkatan selanjutnya di masa depan.

Redesign ini memberikan perubahan signifikan terhadap cara pengguna berinteraksi dengan website. CTA yang kini lebih jelas membuat alur tindakan jauh lebih terarah, sementara struktur informasi yang diperkuat membantu pengguna memahami konten hanya dalam beberapa detik. Perbaikan pada tombol dan interaksi produk juga menghilangkan kebingungan yang sebelumnya sering terjadi.

Secara keseluruhan, website menjadi lebih mudah dinavigasi, lebih informatif, dan jauh lebih profesional. Perusahaan mendapatkan tampilan yang sesuai dengan identitas brand, dan pengguna mendapatkan pengalaman yang lebih nyaman dan efisien. Redesign ini membuka dasar yang kuat untuk pengembangan fitur dan peningkatan selanjutnya di masa depan.

"Sekarang layoutnya lebih enak dilihat. Informasinya juga lebih gampang ditangkap."

— Graphic Designer

"Sekarang layoutnya lebih enak dilihat. Informasinya juga lebih gampang ditangkap."

— Graphic Designer

"Bagian produk jadi lebih jelas. Klien jadi langsung ngerti apa yang kita jual"

— Sales

"Bagian produk jadi lebih jelas. Klien jadi langsung ngerti apa yang kita jual"

— Sales

Let's start creating together

Let’s turn ideas into something beautiful and powerful.

Copy my email

Let's start creating together

Let’s turn ideas into something beautiful and powerful.

Copy my email

Portfolio By Muhammad Faris 2025

Portfolio By Muhammad Faris 2025