Divi Design Showcase: Kiriman Baru dari Juni 2020

Saatnya lagi untuk Divi Showcase bulanan kami, di mana kami melihat sepuluh situs web Divi menakjubkan yang dibuat oleh anggota komunitas kami. Setiap bulan kami menampilkan situs web Divi terbaik yang dikirimkan dari komunitas kami dan hari ini kami ingin berbagi dengan Anda sepuluh situs web teratas untuk bulan Juni. Sepanjang posting, saya akan menunjukkan beberapa fitur desain favorit saya yang menarik saya ke masing-masing situs web.

Saya harap kamu menyukai mereka!

Divi Design Showcase: Kiriman Baru dari Juni 2020

1. Senyum Preston

Situs ini diajukan oleh Christian Mauerer. Bagian pahlawan menampilkan teks animasi dengan efek pengetikan menggunakan font mewah dan CTA di satu sisi dan subjek gambar latar di sisi lain. Menggulir mengungkapkan penggeser logo yang menunjukkan media tempat perusahaan telah dilihat. CTA untuk buku menampilkan logo toko online di tengah dengan panah yang menunjuk ke tepi luar dengan foto buku. Buku-buku bergerak ke tengah saat Anda menggulir. Bagian tentang pemilik situs menampilkan foto besar di sebelah kiri dan informasi di sebelah kanan. Foto bergulir lebih cepat saat Anda menggulir halaman ke bawah untuk melihat galeri gambar yang saling tumpang tindih. Beberapa bagian menyertakan video bergaya. Saya terutama menyukai bagian testimonial, yang menampilkan gambar besar pemilik, testimoni dari Facebook, dan foto dari acara.

Kunjungi Situs Web

2. WebDevXd

Situs ini dikirimkan oleh Steph dari Web Dev Xd. CTA ditampilkan di sebelah kiri dengan tombol merah di atas gambar latar belakang peta dunia dan hamparan putih. Menu lebar penuh berada di bawah bagian ini dan menempel di atas saat Anda menggulir. Bagian berikutnya menampilkan contoh pekerjaan dalam layar komputer di satu sisi dan deskripsi di sisi lain, masing-masing menggunakan warna merah dan putih bermerek. Layanan ditampilkan dalam uraian dengan ikon merah. Bagian proyek menunjukkan gambar yang ditumpuk. Gambar diperkecil dan gambar di belakang bergerak ke samping saat dilayangkan. Bagian untuk kiriman menggunakan latar belakang merah dengan uraian yang menampilkan teks dan ikon berwarna putih. Judul duduk secara vertikal ke samping. Footer menampilkan slider posting dan beberapa widget di atas latar belakang merah.

Kunjungi Situs Web

3. Muni

Situs ini diajukan oleh Lethicia Diniz. Ini menggunakan warna biru dan hijau dan gaya font yang sangat cocok dengan genre. Header menampilkan tombol bertumpuk untuk CTA. Bagian pahlawan menyertakan gambar latar belakang dengan subjek di satu sisi dan poin-poin besar di sisi lain. Rencana ditampilkan sebagai blok teks dengan latar belakang berwarna berbeda yang diperbesar saat melayang. Saya suka CTA layar penuh yang dibuat dengan lapisan. Ini menampilkan foto ke satu sisi, judul yang menutupi dua pertiga kedua, daftar manfaat ke sisi lain, dan sebuah kotak besar yang tumpang tindih dengan dua lainnya dengan latar belakang biru dan pola dengan CTA itu sendiri. Slider testimonial ditampilkan dengan pola latar belakang di paling kanan. Footer menampilkan dua baris. Yang pertama memiliki CTA untuk membaca lebih lanjut yang dalam berbagai warna dan ukuran, informasi kontak, dan kemudian baris bawah menampilkan widget. Dua baris ditampilkan di atas pola latar belakang paralaks.

Kunjungi Situs Web

4. SAMCARA

Situs ini diajukan oleh Xavier Ferre. Menu navigasi ditampilkan secara vertikal di sebelah kiri dan tetap ada di layar saat Anda menggulir. Bagian pahlawan menampilkan judul situs dalam font besar diikuti oleh daftar layanan dan CTA kontak yang dapat diklik di satu sisi dan gambar kecil di sisi lain. Informasi disediakan dalam dua kartu besar dengan warna latar belakang dan posisi gambar yang berbeda. Keduanya tumpang tindih dengan bagian berikutnya yang menampilkan lapangan basket bergaya yang lebih besar dari atas dengan desain yang mirip dengan dua kartu pertama. Lebih banyak kartu mengikuti ini dan diperkenalkan dengan kolom teks yang besar. Bagian ini mencakup formulir kontak dan daftar kolaborator. Posting blog diperkenalkan dengan panah bergaya yang memperbesar tempatnya saat Anda menggulir. Bagian blog juga mengarahkan pembaca ke formulir login.

Kunjungi Situs Web

5. Asuransi Penyangga

Situs ini diajukan oleh Sean Turner. Situs ini memanfaatkan warna dan gambar dengan sangat baik. Bagian pahlawan menampilkan dua gambar latar belakang. Sisi yang lebih besar memiliki hamparan biru dan sisi yang lebih kecil memiliki hamparan hijau. Gambar latar depan ditempatkan di mana keduanya bertemu dan ditempatkan di atas latar belakang dalam bentuk perisai. Sebuah CTA ditempatkan di sisi lain. Latar depan juga mencakup bentuk dalam pola yang muncul di seluruh situs. Bagian selanjutnya menampilkan layanan dalam kotak besar dengan desain yang sama. Dua bagian berikutnya menampilkan uraian tinggi di satu sisi dan gambar di sisi lain dalam tata letak bergantian di atas gambar latar belakang dengan hamparan putih atau biru. Blurb menampilkan peluru. Gambar menggunakan perisai yang sama dengan bagian pahlawan. Slider posting lebar penuh menunjukkan judul dan teks posting terbaru. Ini juga termasuk menu mega dengan tautan teks.

Kunjungi Situs Web

6. Keriting

Situs ini diajukan oleh Anthea A. Ancalade. Bagian pahlawan menampilkan gambar latar belakang layar penuh dengan kotak pencarian di tengah yang memungkinkan Anda memilih lokasi atau menggunakan lokasi Anda saat ini. Layanan ditampilkan dengan gambar yang menyertakan judul dan hamparan di samping CTA. Gaya unggulan ditampilkan dalam penggeser 6 kolom dan menyertakan gambar, judul, peringkat bintang, dan lokasi. Penggeser mencakup navigasi panah dan titik. Mengklik salah satu gaya akan membawa Anda ke halaman produknya. Gaya baru ditampilkan dalam 6 kolom, tetapi tanpa penggeser. Bagian blog menampilkan dua posting terbaru dan menempatkan garis di bawah posting dengan tautan untuk melihat lebih banyak di bawah baris. Tutorial dari blog ditempatkan dalam tiga kolom dan mengikuti desain yang sama. Ini juga termasuk umpan Instagram dengan 6 kolom dan 2 baris dan footer dengan formulir email bergaya.

Kunjungi Situs Web

7. Tipogenia

Situs ini diajukan oleh Eugenia Janakow. Ini menggunakan banyak warna kuning tebal di dalam grafik. Judul dibuat seolah-olah dibuat dengan pembuat label, membuat latar belakang menjadi hitam dan teks menjadi putih dengan tampilan 3D. CTA ditempatkan di tengah menu. Bagian pahlawan menampilkan layar terpisah dengan CTA di sebelah kiri dan gambar di sebelah kanan. CTA menggunakan grafik yang digambar tangan yang bernyawa saat menggulir dan mengarahkan kursor. Informasi tentang pemilik situs menampilkan gambar yang dilingkari dengan CTA untuk membaca selengkapnya. Saya terutama menyukai bagian testimonial. Ini menampilkan ulasan dari Google lengkap dengan peringkat bintang dan grafik yang dapat diklik yang membawa Anda ke halaman Tentang. Layanan ditampilkan dalam uraian dan menyertakan grafik besar yang digambar tangan. Blog menggunakan warna kuning bermerek untuk meta, dan formulir kontak menggunakannya untuk latar belakang seluruh bagian.

Kunjungi Situs Web

8. Perajin Semak

Situs ini diajukan oleh Simone Talamo. Bagian pahlawan menampilkan gambar layar penuh dengan subjek di tengah. Latar depan menampilkan tagline dengan CTA dan tombol sosial. Beberapa bagian lebar penuh mengikuti desain serupa. Setiap bagian memiliki pemisah bergerigi yang berfungsi sempurna untuk genre tersebut. Bagian berikutnya menampilkan gambar besar untuk informasi dengan teks dan ikon di hamparan. Sebagian besar memiliki latar belakang gelap atau berbaur dengan latar belakang gelap. Satu untuk manual menampilkan sampul buku beserta teksnya. Postingan blog terbaru menampilkan postingan sebagai kartu dengan bayangan kotak. Footer menampilkan produk dengan nama, gambar, peringkat bintang, dan harganya. Halaman kursus mengikuti desain yang sama dan menambahkan penghitung waktu mundur dan gaya mati.

Kunjungi Situs Web

9. KWALT Digital

Situs ini diajukan oleh Nicolas Peigner. Yang ini memiliki banyak animasi menarik, teks bergaya, grafik, dan panah di seluruh situs. Kuning digunakan sebagai warna bermerek dan digunakan dengan cara yang kreatif. Bagian pahlawan menampilkan teks di satu sisi dengan efek pengetikan. Sebuah bar duduk di bawah ini dan mencantumkan layanan. Di sisi kanan ada beberapa elemen grafis independen yang mengarahkan dan merespons kursor. Bagian berikutnya menampilkan judul dengan grafik animasi di satu sisi dan CTA sederhana di sisi lain. Karya terbaru mengikuti ini dan menyajikan tangkapan layar karya di atas latar belakang warna dan pola yang berbeda. Bagian yang menjelaskan manfaat menempatkan uraian di satu sisi dengan ikon dua warna. Sebuah gambar duduk di sisi lain dan mengarahkan pembaca ke uraian. Slider testimonial sederhana ditempatkan di atas latar belakang abu-abu gelap agar menonjol.

Kunjungi Situs Web

10. Penjelajah

Situs ini dikirimkan oleh Ava Charpentier. Ini menggunakan banyak nuansa cokelat untuk warna bermerek. Bilah atas menghilang saat menggulir, logo tumpang tindih dengan bagian header dan hero, dan header menyertakan animasi hover. Gambar utama menampilkan judul, deskripsi, dan tombol untuk melakukan pemesanan. Gambar lain ditempatkan sebagai jendela pada gambar pahlawan dalam paralaks sejati. Informasi ditampilkan dengan uraian dengan grafik khusus. Produk ditampilkan dengan warna latar belakang di belakang bagian atas gambar produk. Desain latar belakang serupa digunakan untuk bagian blog. CTA untuk membaca tentang perusahaan menampilkan teks di satu sisi dan gambar di sisi lain. Testimoni disajikan dalam bentuk kartu dengan kutipan di bagian atas dengan latar belakang putih dan nama di bagian bawah dengan latar belakang cokelat. Situs ini juga menyertakan umpan Instagram dan footer khusus dengan animasi melayang.

Kunjungi Situs Web

Dalam Penutupan

Itulah 10 kiriman website komunitas Divi terbaik kami untuk bulan Juni. Situs-situs ini terlihat luar biasa dan seperti biasa kami ingin berterima kasih kepada semua orang atas kiriman Anda!

Jika Anda ingin desain Anda dipertimbangkan, silakan kirim email ke editor kami di nathan at elegant themes dot com. Pastikan untuk membuat subjek email “DIVI SITE SUBMISSION”.

Kami juga ingin mendengar dari Anda di komentar! Beri tahu kami apa yang Anda sukai dari situs web ini dan jika ada sesuatu yang telah mereka lakukan, Anda ingin kami mengajarkannya di blog.

Gambar Unggulan melalui domonku / shutterstock.com