UI/UX Redesign Website Gamatechno

Yerikhoristian
3 min readFeb 26, 2022

Hi.. all 🖐
Pada pertemuan kali ini saya mencoba menganalisis dan ingin meredesign website dari salah satu perusahaan startup di Yogyakarta yaitu Gamatechno.
Link website ada di samping ini https://www.gamatechno.com/ . Screen shoot gambar website.

Setelah saya mengunjungi website gamatechno 👀. Jujur saya sangat terkesan dengan halaman awal atau home. Di halaman home dari gamatechno bermaksud menampilkan suatu produk” yang telah di luncurkan. Menurut saya ini merupakan salah satu bentuk marketing dan branding untuk menonjolkan peran dari gamatechno.

Beberapa point di bagian Onboarding yang menurut saya tidak memperhatikan segi experience dari user ketika mengunjungi halaman home.
1. Button untuk next & previous banner sangat terletak berjauhan sehingga membutuhkan banyak effort untuk melihat gambar produk dari sebelumnya dan sesudahnya 🤔.
2. Teks penjelasan suatu produk sangat tidak konsisten dengan bagian lainnya. Mayoritas bagian lain menggunakan pola center. 😬
3. Bagian pesan customer, warna yang digunakan terkesan kurang obvious sehingga menyebabkan user salah arti. 👁

Setelah saya memperhatikan ketiga faktor tersebut saya mencoba untuk melakukan redesign pada bagian Onboarding yang lebih seamless.

Di bagian About menurut saya sangat telalu minim sekali size yang di gunakan pada section tersebut sehingga kurang clean & fresh untuk di pandang. Di bagian ini saya mencoba meredesign dengan pattern sederhana dengan mengoptimalkan spacing yang digunakan😚.

Di bagian Portfolio menurut saya juga sangan information dense. Niat baik dari gamatechno adalah menampilkan semua portfolio project yang sudah pernah dibuat. Akan tetapi menurut saya hal itu masih bisa ditampilkan dengan model yang sederhana saja sudah cukup😘.

Untuk bagian Customer Stories menurut saya sudah sangat baik dalam segi penampilan informasinya. Akan tetapi ada beberapa point yang perlu di perhatikan ketika user ingin melihat customer stories 1 dengan lainnya sangat mempengaruhi content yang di muat. Hal tersebut menyebabkan content yang ada akan mendorong layar pada sesi di bawahnya.
Maka dari itu saya mencoba membuat card yang memiliki ukuran fix pada customer stories.

Pada bagian Footer halaman home saya melakukan redesign dengan memberikan warna yang pas dan sesuai dengan warna primer yang digunakan. Selain itu di bagian ini juga di lengkapi dengan navigation untuk berpindah ke menu lain.

Prototype atau tampilan hasil redesign website halaman home gamatechno anda bisa lihat di bawah ini🤗.

https://www.figma.com/proto/6kCNNV94QYHDE6L1Di82bF/Test-Case-Gamatechno?node-id=5%3A28&scaling=scale-down&page-id=0%3A1&starting-point-node-id=5%3A28

Sekian atas ekplorasi redesign website gamatechno dari saya.
Maaf jika ada kekurangan dan kesalahan 🖐

Sampai jumpa di content berikutnya 😉

--

--

Yerikhoristian

Hi Introduce me yerikho ristian. I have a mission and dream to become an UI / UX Design in 2021. I just want to be true to my choice.