Divi Design Showcase: Kiriman Baru dari September 2018

Diterbitkan: 2018-09-23

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 saya ingin berbagi dengan Anda sepuluh situs web teratas untuk bulan September. 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 September 2018

1. Piksel dan Pensil

Situs web ini diajukan oleh Tyler Diaz. Header layar penuh yang bagus menampilkan tentang situs ini menggunakan grafik dan warna bersama dengan desain yang menarik. Bagian berikutnya menunjukkan logo klien dengan tombol untuk mempelajari lebih lanjut. Bagian kerja unggulan menampilkan proyek sebagai kartu dengan gambar, teks, tombol, dan efek bayangan. Saya suka bagian terakhir, yang menunjukkan kumpulan grafik lain dengan ajakan bertindak sederhana dan tombol sosial yang ditempatkan di dalam bagian miring. Halaman kerja menampilkan versi yang lebih besar dari kartu proyek, dengan masing-masing membawa pengunjung ke halaman detail proyek yang sederhana dan elegan. Saya juga menyukai penggunaan warna dan grafik yang disederhanakan.

Lihat Situs Web

2. Andrea Masotti

Situs web ini diajukan oleh Andrea Masotti. Situs ini memanfaatkan modul Divi dengan menarik. Tiga baris menunjukkan tiga kolom yang menyertakan teks di paling kanan dan kiri dan grafik di tengah. Teks dan grafik menggunakan garis hitam dengan putih untuk warna yang menyatu dengan latar belakang. Setiap baris dipisahkan oleh garis hitam. Mengarahkan kursor ke baris saja akan mengubah semua elemennya menjadi hitam. Melayang di atas elemen tertentu di dalam baris akan mengubah warnanya menjadi merah (untuk teks) atau merah dan biru (untuk grafik). Grafik merah dan biru digunakan sebagai elemen header untuk halaman portofolio. Situs web ini adalah contoh yang sangat baik tentang bagaimana sesuatu yang sederhana dapat membuat pernyataan besar.

Lihat Situs Web

3. Adriano Alfaro

Website ini diajukan oleh Adriano Alfaro. Ini menampilkan tajuk layar penuh dengan judul dan deskripsi diikuti oleh bagian singkat tentang dengan pengikut sosial sehingga Anda dapat langsung mengetahui tentang situs tersebut dan terlibat dengan perancang. Blurb dengan ikon besar, deskripsi, dan tautan menunjukkan layanan. Beberapa bagian berikutnya adalah favorit saya. Mereka menampilkan gambar di satu sisi dan teks di sisi lain dalam lebar penuh dan menyertakan tautan ke portofolio. Mereka berganti sisi saat Anda menggulir. Latar belakang video diputar di belakang penghargaan dengan kutipan dan CTA. Saya menyukai halaman portofolio, yang menampilkan gambar dari dinding ke dinding dari proyek yang dapat diklik. Halaman proyek individu adalah tempat situs ini benar-benar bersinar. Mereka adalah contoh yang indah dari desain tata letak modern. Pastikan untuk melihat halaman Fiat.

Lihat Situs Web

4. Pedagang Emily

Situs web ini dikirimkan oleh Emily Merchant. Yang ini membuat header yang menarik menggunakan CTA. CTA dibuat dengan gambar, batas, jenis pekerjaan yang disediakan, judul, dan tombol. Tiga gambar duduk di bawah ini. Mereka menyertakan judul dalam overlay. Melayang mengubah warnanya dan menunjukkan batas, menciptakan CTA halaman proyek yang elegan. Bagian tentang dibuat dengan kutipan dan teks. CTA portofolio lain menggambar grafik saat Anda menggulirnya. Halaman portofolio membuat tata letak multi-kolom dengan setiap gambar memiliki warna overlaynya sendiri dan melanjutkan efek hover.

Lihat Situs Web

5. INTROAMERIKA

Website ini diajukan oleh Vincent Valentino. Yang satu ini sangat memanfaatkan warna-warna berani dan efek paralaks. Header layar penuh memulai situs dengan latar belakang bagus yang menampilkan teks dan tombol. Bagian yang menunjukkan apa yang mereka lakukan menampilkan peta topografi dengan tepi bergerigi untuk memisahkannya dari bagian uraian, yang menampilkan blok dengan efek bayangan. Saya suka bagian dengan studi kasus. Gambar desain lengkap ditampilkan di latar belakang saat teks tumpang tindih dan gambar bergulir secara paralaks. Proyek terbaru ditampilkan dalam tata letak multi-kolom. Situs ini memanfaatkan desain satu halaman dengan sangat baik.

Lihat Situs Web

6. Stasiun Cuaca

Situs web ini diajukan oleh Pierre Lannoy. Ini adalah situs web aplikasi. Itu membuat desain tetap sederhana dan memanfaatkan warna dengan baik. Saya terutama menyukai latar belakang biru dengan gradien halus yang digunakan di seluruh desain. Pemisahan bagian bergelombang membedakan header sementara manfaat ditampilkan dengan gambar dan modul teks. Situs ini juga memanfaatkan penghitung angka dengan baik, yang sebenarnya menampilkan statistik unduhan dan pemasangan publik yang berguna. Tepat di bawah ini adalah bagian yang menunjukkan peringkat aplikasi dan menyertakan grafik peringkat bintang. Testimonial bersih dan termasuk efek bayangan. Saya juga menyukai halaman blog, yang menampilkan gambar sebagai kartu dalam dua kolom dengan bayangan kotak, judul, dan tombol. Melayang menunjukkan hamparan biru dengan kutipan dari pos. Postingan terbaru ditampilkan dalam ukuran penuh dalam satu kolom. Setiap posting juga menggunakan efek bayangan kotak dan menyertakan navigasi posting dan modul komentar.

Lihat Situs Web

7. Goodimalist

Situs web ini diajukan oleh Daragh Wallace. Situs ini berfokus pada tata letak blog. Ini menampilkan header ekstra besar untuk menunjukkan bagian depan dan tengah logo. Di bawah ini ada dua menu navigasi: topik utama ditempatkan di menu utama, dan sub-topik ditempatkan di dalam menu sekunder dengan font berwarna hijau yang sedikit lebih kecil. Postingan unggulan menunjukkan gambar di sisi kiri, dan judul, kategori, kutipan, dan tombol baca lebih lanjut di sisi kanan dalam kotak yang lebih kecil. Bersama-sama mereka mengambil lebar penuh dari area konten. Berikut ini adalah bagian blog dengan 9 posting dalam tiga kolom. Postingan menampilkan gambar unggulan, judul, kategori, kutipan singkat, dan tombol. Penulis dalam diri saya menyukai bagian lebar penuh yang menunjukkan definisi judul situs web. Posting blog juga menjaga desain yang bersih dengan gambar unggulan, teks, CTA, penggeser gambar, video (untuk beberapa posting), dan bagian blog dengan tiga posting. Situs ini adalah contoh yang bagus dari desain blog yang bersih.

Lihat Situs Web

8. Jerix

Situs web ini diajukan oleh Jeroen Rotty. Ini menggunakan beberapa warna favorit saya (saya dari Tennessee, dan saya suka oranye). Header menggunakan paralaks dengan CTA. Pemisah bagian bergaya membantu menciptakan ruang kosong untuk bagian berikutnya, yang menyediakan informasi 'tentang' dengan tautan dan foto yang dilingkari. Layanan ditampilkan dengan ikon dua warna besar yang memanfaatkan sorotan oranye dan efek hover. Tangkapan layar karya terbaru juga menggunakan efek hover dan menyertakan efek kotak bayangan. Halaman portofolio melanjutkan desain karya terbaru. Mengklik salah satu akan membawa Anda ke situs web itu sendiri sehingga Anda dapat melihat pekerjaan secara langsung. Halaman WordPress menampilkan manfaat dalam dua kolom dan menyertakan grafik yang digambar tangan di seluruh halaman. Saya suka warna-warna di situs ini.

Lihat Situs Web

9. Ibu Beresiko

Situs web ini diajukan oleh Swag Design Factory. Ini menggunakan desain kotak dengan tata letak multi-kolom. Header menampilkan logo, menu, dan tombol follow sosial secara vertikal di satu sisi dengan video dan tagline di sisi lain. Bagian gambar dan informasi menggunakan tata letak baris yang sama tetapi mengganti gambar dan teks. Beberapa bagian dua kolom menampilkan gambar dengan tombol dan teks yang tumpang tindih dengan CTA. Kesaksian lebar penuh menggunakan logo dan warna situs untuk berbaur dengan sempurna. Setiap posting blog menampilkan pola latar belakang dengan judul dan tombol ikuti sosial untuk tajuk diikuti oleh posting dan bilah sisi, yang ditata agar sesuai dengan situs. Saya suka highlight hijau tua dan merah muda yang digunakan di seluruh situs.

Lihat Situs Web

10. Nirkabel Wems

Situs web ini diajukan oleh Philip Wantling. Ini menggunakan warna bermerek (oranye dan hijau) dengan gambar elektronik (dengan warna bermerek yang sama) untuk menggambarkan situs web bisnis ini. Ini terlihat di header layar penuh dan di seluruh situs. Empat gambar dalam dua kolom tertaut ke berbagai produk. Saya suka CTA yang menyediakan animasi dengan judul dan tombol. Ini tumpang tindih dengan bagian sebelumnya (logo klien) dan disertai dengan serangkaian uraian untuk menggambarkan manfaatnya. CTA untuk demo menggunakan pita menonjol di sudut gambar. Produk ditampilkan dengan tata letak multi-kolom yang mengarah ke tautan produk. Halaman produk individual juga menyertakan beberapa gaya Divi yang manis untuk deskripsi produk dan pola latar belakang halaman. Situs ini memanfaatkan desain dan warna tata letak.

Lihat Situs Web

Kesimpulannya

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