UI Review — #4

Dwinawan
Dwinawan
Jun 17 · 4 min read

Ini adalah artikel yang me-review desain UI hasil belajar dari temen temen. Bagi yang tertarik untuk di-review desain UI nya, bisa kirim DM via Instagram.

Dan sebaiknya desain yang di-review adalah desain hasil belajar. Bukan desain hasil kerjaan kantor, kerjaan freelance, ataupun tugas kuliah.

Desain yang dibahas di artikel ini telah mendapat persetujuan dari pemilik desain untuk di-review dan di-publish di medium

Saran saran sangat bersifat subyektif, dan sebagian besar dipengaruhi oleh style design saya


Overview

Mari kita lihat design berikut…

Catatan…

  • Design nya rapi
  • Secara usability cukup bagus
  • Penataan jarak jarak antar elemen nya cukup bagus, tidak ada yang terlalu mepet
  • Clean, Bersih

Poin Improvement…

  • Secara visual, design nya masih kaku
  • Ketika men-design, bisa disertai dengan melihat lihat referensi lebih banyak. Sehingga bisa memiliki gambaran seperti apa layout yang bagus dan lebih fresh
  • Antar section nya masih kurang terlihat pemisahnya

Redesign

Ketika membuat design sebuah website, terutama landing page. Saya biasanya fokus pada 1 section atau 1 bagian terlebih dahulu. Setelah itu berlanjut ke bagian yang lain.

Pada redesign kali ini, saya tidak terlalu banyak mengubah struktur nya, lebih berfokus untuk membuat design nya menjadi tidak terlalu kaku.


1. Section Hero

Pada section hero ini saya tidak mengubah struktur nya, karena memang sudah bagus. Judul di tengah lalu dibawahnya kolom pencarian. Saya mencoba untuk membuat section hero menjadi lebih bersih

Agar tidak terlalu kosong, saya menambahkan garis garis berwarna di bagian atas.

Lalu pada bagian topics nya. Saya mencoba untuk membuat nya lebih menonjol. Saya membayangkan topics ini adalah sebuah buku pelajaran. Ini adalah percobaan pertama nya

Cukup bagus, tetapi menurut saya agak kaku. Lalu saya mencoba untuk menggunakan bentuk bentuk geometris. Dan ini lah percobaan kedua nya

Berikut jika dipadukan dengan bagian kolom pencarian…


2. Section Features

Pada section Features ini saya mengubah sedikit strukturnya di bagian Judul dan juga tombol learn more nya. Dan juga untuk icons nya saya menggunakan yang lebih simpel.

Saya menggunakan box berwarna abu abu sebagai pemisah antara section atas dan section bawahnya.


3. Section Online Course

Pada section ini, saya mencoba untuk membuat nya lebih simpel. Saya menggabungkan pengenalan apa itu Online Course dengan Online Course yang ada

Bentuk Card Pengenalan Online Course saya buat agar berbeda dengan Bentuk Card online course. Lalu saya tempatkan di urutan pertama, dan diikuti Online Course yang ada.


4. Section Explaination

Pada section ini saya merubah struktur nya. Dan menambahkan beberapa tanggapan dari user lain nya untuk menggambarkan bahwa akan ada banyak user atau mentor yang akan membantu


Versi Lengkap


Semoga bermanfaat :)

Insight

UI, UX, Bisnis Design

Dwinawan

Written by

Dwinawan

Co-Founder Paperpillar and Insight Design • UI Designer • Story Teller • Love to create design exploration @ dribbble.com/dwinawan

Insight

Insight

UI, UX, Bisnis Design

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade