6 Tren Desain Web untuk Agustus 2022

Diterbitkan: 2022-08-25

Paling umum, orang menganggap tren desain web sebagai elemen visual, tetapi tren juga dapat mencakup banyak fungsi. Tren terbaik mungkin memiliki sedikit dari keduanya.

Berikut adalah enam tren hebat untuk dipertimbangkan bulan ini:

1. Halaman Produk yang Disesuaikan

Ini adalah tren desain fungsional yang juga terlihat sangat bagus: Lebih banyak desainer bercabang dari halaman produk WooCommerce tradisional yang tampaknya ada di mana-mana untuk opsi yang lebih disesuaikan. Contoh ini datang kepada kami dari Kadence WP.

Halaman produk yang lebih khusus memungkinkan Anda untuk menggunakan semua fitur hebat WooCommerce dengan desain yang terlihat dan terasa seperti Anda. Versi baru Kadence Shop Kit 2.0 memberikan kesempatan untuk menyesuaikan tata letak halaman produk dengan cara apa pun yang dapat Anda bayangkan.

Anda dapat membuat desain yang sedang tren menggunakan alat Kadence yang sudah Anda ketahui dengan pembuat seret dan lepas.

  • Mengapa berhasil: Tidak semua e-commerce sama. Berbagai jenis produk memiliki elemen yang berbeda untuk ditampilkan yang dapat memudahkan penjualan.
  • Cara menggunakannya: Mulailah dengan Kadence Shop Kit 2.0. Tidak diperlukan pengkodean khusus untuk menjadikan tren desain ini milik Anda.

2. Checkout Bebas Gangguan

Menyederhanakan halaman checkout didukung oleh penelitian yang menunjukkan bahwa 17% calon pelanggan meninggalkan keranjang belanjaan saat checkout karena proses checkout yang terlalu lama dan rumit . (Baca lebih lanjut tentang alasan pengabaian keranjang WooCommerce dan cara memperbaikinya.)

Untuk membantu menciptakan pengalaman checkout yang bebas gangguan, pertimbangkan bagaimana Anda dapat menyederhanakan pengalaman checkout dengan membuat checkout multi-halaman langkah demi langkah. Flux Checkout untuk WooCommerce melakukan banyak pekerjaan ini untuk Anda dengan tata letak yang mudah dipahami pelanggan dan sangat cepat – membantu mereka checkout dengan mudah.

Lebih baik lagi, Flux Checkout baru saja merilis tema baru bernama Modern. Tema Modern yang baru sederhana dan bersih, dengan getaran penuh gaya. Modern adalah multi-langkah, secepat kilat, dan dirancang untuk mencegah gerobak yang ditinggalkan.

  • Mengapa berhasil: Menu, sidebar, dan footer toko Anda sudah tidak ada lagi. Sebaliknya, pelanggan akan disajikan dengan hal terpenting yang dapat mereka lakukan di toko Anda – checkout.
  • Cara menggunakannya: Jika Anda sudah menggunakan plugin Flux Checkout, Anda dapat memperbarui dari Dasbor WordPress seperti biasa dan kemudian lakukan langkah-langkah berikut: 1. Dari dasbor WordPress Anda, buka WooCommerce > Flux Checkout . 2. Klik tab Gaya di bagian atas halaman. 3. Di sini Anda akan melihat opsi tema Flux. Klik tombol radio di bawah Modern untuk beralih ke tema itu.

3. Portal Karir Lebih Baik

Kita semua tahu bahwa pekerjaan dan perekrutan adalah masalah besar saat ini. Jadi hanya masalah waktu sebelum perusahaan mulai melakukan pekerjaan yang lebih baik dengan desain dan fungsionalitas portal karir.

Situs-situs ini secara tradisional terdaftar dengan banyak kata dan tidak banyak visual atau fungsionalitas. Jelajahi daftar dan terapkan. Itu saja.

Generasi baru situs karier ini lebih menarik dengan video dan konten hebat, seperti dalam contoh di atas dari H&M. Mereka termasuk citra dan informasi yang membuat Anda ingin bekerja untuk sebuah perusahaan. Fitur bonus seperti pencarian atau aplikasi mudah adalah ceri di atas.

  • Mengapa ini berhasil: Orang-orang tidak memiliki rentang perhatian online seperti dulu, dan format yang lebih visual diperlukan untuk menarik audiens yang terpikat.
  • Cara menggunakannya: Pikirkan tentang apa yang akan menarik bagi seseorang yang mencari pekerjaan di perusahaan Anda dan gunakan itu untuk keuntungan Anda dengan cara yang sangat visual.

4. Halaman Belanja yang Indah

Toko online semakin terlihat bagus setiap saat. Ini berlaku untuk citra serta fungsionalitas. Anda lebih cenderung membeli sesuatu dari toko online jika terlihat bagus dan mudah digunakan. Anda dapat melihat ini beraksi di Atelier Camille.

Lebih banyak etalase online beralih ke gambar yang lebih besar dengan lebih banyak detail dan elemen lingkungan sehingga Anda dapat membayangkan diri Anda dalam apa yang dijual – mulai dari pakaian, gadget, hingga furnitur.

  • Mengapa berhasil: Semakin mudah membayangkan diri Anda dalam sesuatu, semakin besar kemungkinan Anda merasa terhubung dengan hal itu. Ini adalah taktik penjualan yang solid.
  • Cara menggunakannya: Investasikan dalam fotografi khusus untuk memamerkan produk Anda dengan cara yang luar biasa. Ingatlah untuk menyertakan gambar sudut lebar dan detail.

5. Gamifikasi Ringan

Ada suatu masa ketika gamifikasi berat adalah pendorong utama untuk menciptakan interaksi online. Sementara gamification – menciptakan pengalaman seperti game untuk menciptakan keterlibatan berkelanjutan – belum hilang, itu jauh lebih sedikit terlibat dengan nuansa yang lebih ringan.

Gamifikasi ringan mencakup desain dan interaksi situs web yang hanya membutuhkan waktu beberapa menit untuk diselesaikan daripada durasi yang lebih lama. Pengguna mendapatkan kepuasan langsung menyelesaikan tantangan atau interaksi dengan hadiah di akhir.

Fungsionalitasnya, seperti dalam contoh dari J-Crew, sering dipasangkan dengan citra yang lebih ringan, bahkan kartun, untuk menciptakan pengalaman yang lebih seperti anak-anak yang dapat membawa pengguna keluar dari "dunia nyata" selama satu menit untuk terlibat secara online.

  • Mengapa berhasil: Istirahat kecil dari semua beban dunia adalah gangguan yang disambut baik bagi banyak pengguna saat ini. Permainan ringan yang berlangsung hanya beberapa menit dapat menciptakan perasaan sukses dan emosi positif terhadap seluruh situs web atau merek Anda.
  • Cara menggunakannya: Ingatlah untuk menjaga agar elemen berbasis game tetap pendek dan menghibur. Mereka harus cukup mudah untuk diselesaikan sambil menawarkan setidaknya sedikit elemen tantangan.

6. Lebih Banyak Video yang Dapat Diakses

Lupakan semua video putar otomatis itu. Video yang lebih mudah diakses ada di.

Apa artinya?

Video yang mulai berhenti dan memiliki tombol putar yang dikontrol pengguna. Pemutaran video yang dapat diakses hanyalah salah satu elemen dari konten video online yang lebih mudah diakses. Elemen lainnya termasuk menggunakan teks video (penting untuk pengguna dengan pembaca layar), menggunakan transkrip video, dan membuat deskripsi audio dan tag alt untuk konten audio. Lihat saja contoh ini dari The Arc North Carolina.

Menggunakan salah satu elemen ini dalam desain dapat membantu konten Anda lebih mudah diakses oleh lebih banyak orang. Ini lebih dari sekadar tren, itu menjadi kebutuhan.

  • Mengapa berhasil: Bahkan pengguna tanpa kebutuhan aksesibilitas seperti kontrol tombol putar video. (Hampir semua orang telah mendarat di situs dengan terlalu banyak gerakan atau suara yang menggelegar pada awalnya.)
  • Cara menggunakannya: Gunakan elemen umum sebagai notasi tentang cara berinteraksi dengan video. Tombol putar dan jeda adalah standar dan mudah dipahami pengguna. Pastikan penempatannya cukup menonjol untuk dilihat dan berinteraksi dengan mudah.

Menyatukan Semuanya

Tren desain web WordPress adalah elemen yang menyenangkan tetapi Anda tidak perlu mencoba setiap tren baru yang muncul. Pilih yang tepat untuk situs web dan merek Anda agar tetap segar dan modern.