Divi Design Showcase: Kiriman Baru dari April 2019

Diterbitkan: 2019-04-29

Saatnya lagi untuk Divi Showcase bulanan kami di mana kami melihat 10 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 April. 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 April 2019

1. Universitas Gerak

Situs ini diajukan oleh Andrew Bartlett. Situs ini menggunakan latar belakang gelap dengan teks putih dengan highlight kuning dan oranye (secara teknis berwarna coklat kotor). Semua gambar latar belakang gelap. Bagian pahlawan menunjukkan gambar latar belakang yang menjelaskan situs. Teks di hamparan mencakup tagline dan CTA di sebelah kiri dan tombol putar di sebelah kanan. Tombol putar berubah saat mengarahkan kursor dan membuka video dalam sembulan saat diklik. Bagian lain menampilkan informasi dalam dua kolom dengan teks dan gambar. Tata letak bergantian saat Anda menggulir. Di antara bagian-bagiannya, ada gambar mini kecil dengan balon ucapan untuk testimonial. CTA lebar penuh menyediakan gambar dengan formulir berlangganan. Lebih banyak balon pidato testimonial membuat catatan kaki terungkap.

Kunjungi Situs Web

2. Desain JD

Situs ini diajukan oleh James Dawson. Ini menampilkan slider layar penuh dengan gambar latar belakang dan overlay gelap. Hamparan menggunakan teks besar untuk menggambarkan situs dan memberikan CTA. Menggulir mengungkapkan bagian lain dengan teks besar di atas latar belakang putih yang menggambarkan perusahaan. Layanan ditampilkan dalam teks dengan pemisah titik yang menarik antara judul dan deskripsi. Bagian portofolio menunjukkan gambar dengan overlay. Bagian ini menggunakan pembagi bagian bergelombang dan latar belakang abu-abu yang cukup menonjol dari tata letak lainnya. Beberapa bagian lain menggunakan desain ini tetapi dengan latar belakang biru. Saya suka bagian dengan logo klien ekstra besar. Mereka ditampilkan dalam warna abu-abu gelap dalam empat kolom.

Kunjungi Situs Web

3. Swish

Situs ini diajukan oleh Daniel Neumann. Situs ini menampilkan latar belakang layar penuh dengan hamparan biru tua dan CTA dalam teks putih di satu sisi. Layanan ditampilkan dalam uraian dengan bayangan kotak dan ikon animasi. Pola latar belakang terlihat melalui uraian. Arahkan kursor ke efek bayangan kotak sehingga menonjol dan membuat uraian buram sepenuhnya. Beberapa bagian dua kolom mengganti tata letaknya dengan teks di satu sisi dan gambar di sisi lain. Teks di bagian ini menunjukkan ikon animasi dan teks yang disorot. Halaman harga memanfaatkan desain biru dan putih sederhana dengan tabel harga putih. Saya suka cahaya merah dari tombol tabel harga. Sorotan merah membawa warna yang cukup dan menonjol dengan sempurna.

Kunjungi Situs Web

4. Instrumen HH

Situs ini diajukan oleh Mathias Rue. Situs ini menggunakan latar belakang gradien oranye ke merah dengan ikon untuk membuat desain teknik. Hamparan menampilkan informasi perusahaan, tombol, dan fitur pencarian di satu sisi dan formulir kontak di sisi lain. Menu tarik-turun mencakup tombol lebar penuh ke halaman kontak. Logo mitra ditampilkan dalam bilah geser dengan tautan ke halaman pemasok. Blurb digunakan untuk tautan ke layanan dan informasi. Mereka menyertakan gambar 2 warna sebagai ikon dan mereka memiliki batas yang menarik untuk membuat uraian menonjol. Bagian untuk referensi menggunakan desain serupa tetapi jauh lebih besar dan menyertakan logo klien untuk gambar. Desain juga digunakan untuk bagian blog. Tata letak juga mencakup artikel yang disematkan dari LinkedIn dengan latar belakang yang sama dengan bagian pahlawan.

Kunjungi Situs Web

5. Studio Animasi IQ

Situs ini diajukan oleh Saurabh Patil. Bagian pahlawan menunjukkan tagline, informasi, dan CTA di satu sisi dan grafik animasi di sisi lain di atas gradien latar belakang biru tua. Grafik animasinya menyenangkan untuk ditonton. Saya ingin salah satu dari dispenser kopi ini. Warna biru yang lebih gelap digunakan untuk latar belakang dan tombol lainnya. Empat kolom uraian menunjukkan ikon animasi dengan judul. Mereka menggunakan latar belakang biru tua dan batas abu-abu yang cukup terang untuk berdiri terpisah satu sama lain. Mengarahkan kursor ke salah satu uraian akan mengubah latar belakangnya menjadi oranye. Desain serupa digunakan untuk uraian lain yang memberikan informasi. Bagian menarik tentang menampilkan animasi di atas karya seni keren dalam paralaks. Halaman juga menampilkan animasi pemuatan yang keren.

Kunjungi Situs Web

6. Nona TK

Situs ini diajukan oleh Chris Cadalzo. Situs ini menampilkan logo ekstra besar di tengah, di bawah menu. Bagian berikutnya menggunakan pemisah bagian bergelombang untuk bagian atas dan bawah – masing-masing dengan desain yang berbeda dan dalam berbagai corak warna latar belakang. Bagian ini juga menampilkan topik sebagai gambar persegi yang memperkecil dan mengubah batasnya saat mengarahkan kursor. Bagian untuk sumber daya dan bagian blog (tetapi dengan gambar yang lebih tinggi) menggunakan desain yang sama ini. Bagian tentang menunjukkan pemilik situs dalam gambar yang dilingkari dan gaya font skrip yang sama dengan logo. Formulir pendaftaran menunjukkan freebie dengan font skrip untuk judulnya. Blog dan bilah sisi juga ditata agar sesuai dengan desain merek situs.

Kunjungi Situs Web

7. Delmain

Situs ini diajukan oleh Jake Braugh. Latar belakang video diputar di belakang hamparan dengan tagline. Menggulir mengungkapkan ikon multi-warna untuk layanan ke jenis klien tertentu. Bagian layanan serupa ditampilkan di bagian bawah halaman. Kesaksian ditampilkan dalam lebar penuh di atas latar belakang hijau dengan pembagi bagian bersudut. Bagian ini menonjol dengan sempurna. Bagian testimonial yang lebih besar muncul di bagian bawah tata letak dalam beberapa kolom dengan warna dan gaya gambar bergantian. Beberapa bagian menunjukkan cerita klien dengan video dan statistik yang disematkan dalam teks besar dan tautan untuk informasi lebih lanjut. Gambar untuk video menunjukkan situs web di beberapa perangkat. Mendekati footer dimulai dengan gunung dalam paralaks di belakang potongan gunung, formulir kontak dengan pembagi bagian bersudut, dan bagian yang menunjukkan logo situs ulasan dengan penghitung statistik.

Kunjungi Situs Web

8. Supa Internasional

Situs ini diajukan oleh Ben Dale. Ini adalah desain 2 halaman. Label untuk produk ditampilkan di latar belakang secara paralaks dengan tagline dan CTA di hamparan. Bagian berikutnya menunjukkan informasi rinci di satu sisi dalam font yang lebih kecil dan pernyataan singkat dalam teks yang lebih besar di sisi lain. Beberapa bagian berikutnya menampilkan gambar produk dengan judul dan teks. Gambar diimbangi secara vertikal satu sama lain, memberikan desain gaya visual yang menarik. Layanan ditampilkan dengan gambar yang menyertakan overlay dengan judul dan teks bernomor. Lebih banyak produk ditampilkan di galeri besar 4 kolom. Situs ini memanfaatkan teks dan gambar judul besar.

Kunjungi Situs Web

9. Pahlawan Untuk Anda

Situs ini diajukan oleh Bram Chauvin. Situs ini menggunakan grafik yang menarik. Bagian pahlawan menggunakan pembagi bagian atas yang benar-benar menata tajuk. Teks judul besar dan menampilkan tagline dan beberapa tombol. Latar belakang ditampilkan dalam paralaks yang sebenarnya dan mencakup awan yang tumpang tindih oleh pembagi bagian awan dari bagian berikutnya. Blurb menunjukkan layanan menggunakan grafik yang dilingkari. Tombol-tombol di uraian tumpang tindih dengan uraian. Saya suka CTA yang menunjukkan grafik besar dari smartphone superhero. Footernya juga menarik. Ini menunjukkan latar belakang grafis dalam paralaks sejati dengan pembagi bagian bersudut dan CTA kontak di hamparan. Blog mengikuti desain yang sama dan menggunakan elemen header dan footer.

Kunjungi Situs Web

10. VS & Merakit

Situs ini diajukan oleh MJ Swart. Situs ini menarik penggunaan elemen grafis dan blok besar untuk membuat tata letak. Bagian pahlawan menggunakan latar belakang gelap dengan blok berwarna, titik, dan teks vertikal yang berbeda untuk membuat pola visual. Pola-pola ini mengikuti sisa tata letak. Bagian selanjutnya menggunakan tata letak multi-kolom dengan blok warna untuk latar belakang, judul bergaya, judul ekstra besar, dan bilah geser untuk menampilkan layanan, informasi tentang perusahaan, pengalaman, budaya, kantor, dan lainnya. Mengklik tautan kontak di menu akan membuka formulir kontak di menu. Saya suka penggunaan warna, teks, dan slider di situs ini.

Kunjungi Situs Web

Dalam Penutupan

Itulah 10 kiriman website komunitas Divi terbaik kami untuk bulan April. 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 MSSA / shutterstock.com