{"id":18702,"date":"2023-07-27T11:00:13","date_gmt":"2023-07-27T04:00:13","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?p=18702"},"modified":"2023-10-03T11:06:55","modified_gmt":"2023-10-03T04:06:55","slug":"7-hal-yang-harus-dimiliki-website-dengan-desain-modern","status":"publish","type":"post","link":"https:\/\/www.makewebeasy.com\/id\/blog\/7-hal-yang-harus-dimiliki-website-dengan-desain-modern\/","title":{"rendered":"7 Hal yang Harus Dimiliki Website Dengan Desain Modern"},"content":{"rendered":"

Desain situs web bisa menciptakan kesan pertama pengunjung hingga 95%. Semakin indah desain, semakin besar peluang untuk pengunjung bertahan dan meningkatkan penjualan di web kamu.<\/span><\/p>\n

Jika berbicara soal gaya desain, di era sekarang situs web menunjukkan modernitas dari segi bisnis atau organisasi yang akan membantu menarik perhatian dari pelanggan generasi muda.<\/span><\/p>\n

Jadi, bagaimana jika kamu ingin membuat situs web yang modern?<\/span><\/p>\n

 <\/p>\n

1. Minimalis<\/h3>\n

\"\"<\/p>\n

Konsep <\/span>less is more<\/span><\/i> sangat berlaku dalam pembuatan website.<\/span><\/p>\n

Minimalis menjadi gaya yang selalu terlintas di benak banyak orang ketika mereka merancang, baik itu rumah, kamar tidur, pakaian, produk merek, bahkan desain situs web.<\/span><\/p>\n

Membuat situs web yang sederhana, tanpa fitur-fitur yang mencolok bisa lebih menarik dan terlihat lebih profesional untuk beberapa bisnis daripada menggunakan warna atau efek berlebihan. Karena desain dengan sedikit elemen, dengan penekanan pada hal-hal yang paling relevan, membuat situs web terlihat lebih menarik dan kesederhanaan inilah yang membuat pengunjung websitemu lebih mudah menemukan apa yang mereka inginkan.<\/span><\/p>\n

 <\/p>\n

2. Gunakan White Space<\/h3>\n

White Space yang dimaksud disini bukan ruang putih di web, melainkan ruang kosong di halaman web.<\/span><\/p>\n

Jika kamu ingin membuat situs web yang terlihat kekinian, kamu harus menyisakan ruang putih halaman kamu yang akan membuat situs terlihat lebih seimbang. Mari kita lihat contoh di bawah ini.<\/span><\/p>\n

\"\"<\/p>\n

Halaman web mana yang menurutmu lebih nyaman dilihat?<\/span><\/p>\n

Banyak darimu akan menjawab gambar kanan, bukan?<\/span><\/p>\n

Kamu akan melihat bahwa pada gambar kiri terlalu penuh, tidak nyaman, terlalu banyak teks sampai harus memperbesar untuk membaca. Sedangkan gambar kanan memiliki space yang terlihat lebih nyaman, memiliki lebih banyak titik fokus untuk konten yang ingin ditampilkan.<\/span><\/p>\n

 <\/p>\n

3. Clean Design<\/h3>\n

Bagian penting dari desain web modern adalah membuat pengunjung merasa nyaman dan ingin mengunjungi situs web lebih sering. Meskipun banyak ahli kreatif bereksperimen dengan merancang situs dengan cara yang berbeda, apakah itu grafis, tata letak, objek, dll agar tidak terlihat membosankan. Tapi tata letak simetris tetap yang utama!<\/span><\/p>\n

Layout yang bersih bisa memberi kesan web menjadi terstruktur dan rapi.<\/span><\/p>\n

\"\"<\/p>\n

Contoh: <\/span>Gambar di atas adalah desain situs web dengan <\/span>card-based layouts.<\/span><\/i><\/p>\n

Cocok untuk orang yang ingin membuat situs portofolio, desain ini akan terlihat seperti gambar yang dipotong, tetapi kamu akan melihat bahwa ini dapat mengarahkan pengguna dengan mudah dengan ukuran gambar yang pas.<\/p>\n

 <\/p>\n

4. Gunakan Parallax Scrolling<\/h3>\n

Mungkin ini bukan teknik desain baru, tapi scrolling atau Parallax Scrolling bisa mengubah situsmu menjadi lebih modern.<\/span>
\n<\/span><\/p>\n

Paralax scrolling adalah penggunaan bola-bola mouse untuk memindahkan konten yang disusun sesuai dengan cerita yang ingin ditampilkan. Seperti latar belakang yang bergerak, dengan teks yang diam, untuk menunjukkan cerita di latar belakang.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

5. Jangan Gunakan Banyak Font<\/h3>\n

Jangan gunakan terlalu banyak font karena membuat situs terlihat berantakan.<\/p>\n

Pemilik situs web terkadang tidak bisa memilih font yang sesuai dengan brand mereka, dah malah menggunakan font yang berbeda-beda. Itu teknik yang salah!<\/span><\/p>\n

Jika kamu ingin webmu terlihat modern, yang harus dipilih adalah jenis huruf atau font. Buat font yang berbeda untuk setiap header, seperti font utama, konten yang berbeda, font atau kalimat yang ingin ditekankan, dan itu sudah cukup.<\/span><\/p>\n

\"\"<\/p>\n

Tips<\/b>: Pilihan font di situs web sebaiknya tidak lebih dari tiga jenis font dan ukuran font harus 14 – 16.<\/span><\/p>\n

 <\/p>\n

6. Gunakan Gambar Sebagai Header<\/h3>\n

Untuk menciptakan gaya modern, banyak situs web menggunakan gambar sebagai header untuk menciptakan kesan yang smooth dan estetik.\u00a0<\/span><\/p>\n

Selain itu, penggunaan gambar pada header juga sangat cocok untuk bisnis yang ingin menampilkan suasana atau gambar produk layar penuh pada saat pengguna pertama kali mengunjungi halaman web.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

7. Pastikan Web Sudah Mobile Responsive<\/h3>\n

Sangat disayangkan jika kamu sudah merancang situs web sedemikian rupa dengan semua konsep diatas, namun situs webmu tidak Mobile Responve.<\/span><\/p>\n

Statistik pada Agustus 2022 menunjukkan, 53,74% pengunjung situs web berasal dari perangkat seluler.<\/span><\/p>\n

Jadi entah kamu membuat situs web bisnis, situs web penjualan, situs web perusahaan, kamu harus bisa tampil sempurna di semua layar dan perangkat. Maksimalkan halaman web seluler kamu agar pengunjung memiliki pengalaman yang baik dan ingin kembali lagi.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

Bagi kamu pelanggan MakeWebEasy, tidak perlu khawatir. Karena semua situs web kami sudah Mobile Responsive di semua perangkat. Website dijamin sudah siap pakai dan bisa tampil prima.<\/span><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Desain situs web bisa menciptakan kesan pertama pengunjung hingga 95%. Semakin indah desain, semakin besar peluang untuk pengunjung bertahan dan meningkatkan penjualan di web kamu. Jika berbicara soal gaya desain, di era sekarang situs web menunjukkan modernitas dari segi bisnis atau organisasi yang akan membantu menarik perhatian dari pelanggan generasi muda. Jadi, bagaimana jika kamu […]<\/p>\n","protected":false},"author":54,"featured_media":18716,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1368,1733,1779],"tags":[],"yoast_head":"\n7 Hal yang Harus Dimiliki Website Dengan Desain Modern - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/id\/blog\/7-hal-yang-harus-dimiliki-website-dengan-desain-modern\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"7 Hal yang Harus Dimiliki Website Dengan Desain Modern - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Desain situs web bisa menciptakan kesan pertama pengunjung hingga 95%. Semakin indah desain, semakin besar peluang untuk pengunjung bertahan dan meningkatkan penjualan di web kamu. Jika berbicara soal gaya desain, di era sekarang situs web menunjukkan modernitas dari segi bisnis atau organisasi yang akan membantu menarik perhatian dari pelanggan generasi muda. Jadi, bagaimana jika kamu […]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/07\/7-Hal-yang-Harus-Dimiliki-Website-Dengan-Desain-Modern.jpg.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18702"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=18702"}],"version-history":[{"count":16,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18702\/revisions"}],"predecessor-version":[{"id":19160,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18702\/revisions\/19160"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media\/18716"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=18702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=18702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=18702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}