Referensi Design 01: Bold Number pada Landing Page
Bold Number pada Landing Page adalah section atau bagian pada landing page yang biasanya menampilkan angka pencapaian, misal nya sudah memiliki pengalaman berapa tahun di industri ini, berapa jumlah klien nya, berapa jumlah project nya, berapa rata rata revenue nya.
Tanggal
Maret 19, 2022
Penulis
Dwinawan
Estimasi
1 menit
Kategori
Referensi Design
Artikel ini membahas tentang apa?
Membahas tentang bagaimana para designer designer menampilkan angka angka tersebut secara indah, dengan layout yang sedap dipandang tapi tetap informatif.
• • •
Minimalis
Saya suka dengan design ini karena tampilan nya minimalis. Walau ada grafik yang ukuran nya besar tapi kalau dilihat tidak terlalu menyita perhatian, mungkin karena hanya garis garis saja dan bentuknya juga sederhana.
Komposisi design nya membuat saya yang melihat langsung fokus ke judul dan angka angka yang ditampilkan. Informasi dibawah setiap angka nya juga memperindah design walaupun tujuan utama nya adalah keterangan dari tiap angka nya.
Diambil dari website Kinescope.io
• • •
Bold
Saya adalah penggemar elemen bold atau besar. Otomatis saya langsung jatuh cinta dengan design dibawah ini. Penggunaan teks tebal dan besar untuk judul dan angka angka nya membuat design ini begitu mencuri perhatian.
Walaupun design ini bold, tapi masih terlihat minimalis dan lega, karena elemen pada section atau bagian ini tidak terlalu banyak. Hanya teks dan sedikit grafik dari section di atasnya.
Diambil dari website Cosmos.network
• • •
Rapih
Design ini bukan favorit saya sebenarnya, karena menurut saya terlalu padat. Ada banyak tulisan dan ada grafik yang besar dan semua nya ditampilkan dalam satu section yang area nya cukup kecil.
Sebagai konsekuensi menampilkan begitu banyak teks dan grafik besar di area yang kecil, maka angka angka nya dibuat kecil, tidak menonjol dan besar seperti dua design diatas.
Tetapi dalam beberapa kondisi saya juga sering menjadikan design dibawah ini sebagai referensi.
Diambil dari website Stripe.com
• • •
Bold
Tentu kalian sudah tahu kenapa ini menjadi salah satu design kesukaan saya. Penggunaan teks nya bold dan besar nya itu lho, bikin jadi bagus. Tapi enggak hanya karena bold saja, faktor penting lain nya adalah whitespace. Teks bold dengan whitespace sempit jatuhnya crowded atau padat merayap.
Diambil dari website Wealthfront.com/investing
• • •
Minimalis
Menyenangkan bukan melihat section yang lega, rapih dan jelas seperti ini? Perpaduan whitespace yang cukup besar, layout yang rapih tetapi tidak biasa (judul section kecil dan ditempatkan di sebelah kiri dan konten utama nya di sebelah kanan) dan angka yang tebal dan besar.
Diambil dari website Clain.io
• • •
Seberapa suka kamu dengan artikel ini?