Divi Design Showcase: Kiriman Baru dari Juli 2019

Saatnya lagi untuk Divi Showcase bulanan kami di mana kami melihat 10 situs web Divi Luar Biasa 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 Juli. 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 Juli 2019

1. Enash

Situs ini diajukan oleh Nicolas. Situs ini menggunakan banyak teks ekstra besar untuk judul dan ajakan bertindak. Bagian pahlawan menampilkan latar belakang hijau besar dengan judul dan tagline. Baris dengan teks menginformasikan pengguna untuk menggulir. Menggulir mengungkapkan bagian dua kolom. Kiri menunjukkan CTA dengan teks besar dan tombol kotak ekstra besar. Kanan menunjukkan gambar dalam paralaks sejati. Bagian besar lainnya menampilkan informasi tentang layanan mereka menggunakan teks besar untuk memperkenalkan bagian dan uraian untuk setiap layanan. Bagian besar lainnya menunjukkan nama-nama klien diikuti dengan footer terbuka yang mencakup informasi kontak dan menu. Saya suka desain halaman Projects, yang menggunakan overlay berwarna besar dengan opacity tinggi di atas gambar secara paralaks.

Lihat Situs Web

2. Ljuba – Riflessi Digitali

Situs ini diajukan oleh Ljuba. Ini menampilkan gambar layar penuh dari pemilik situs di satu sisi dengan judul dan logo di sisi lain. Di bawah gambar pahlawan ada bagian lebar penuh tipis dengan tagline dalam font skrip dan formulir keikutsertaan email. Bagian tentang memperkenalkan pemilik dengan CTA diikuti oleh beberapa CTA dengan banyak warna lembut, font skrip, dan grafik elegan. Bagian blog menampilkan posting dengan overlay kecil yang menyertakan judul blog. Formulir kontak sederhana berada di atas latar belakang berpola. Footer termasuk feed Instagram. Saya suka halaman portofolio. Ini menampilkan contoh dalam layar komputer di atas meja dan menyertakan judul dalam overlay di bagian bawah.

Lihat Situs Web

3. Modus Sukses

Situs ini diajukan oleh Aaron Robertson. Situs ini menggunakan banyak warna berani, termasuk latar belakang, grafik, tombol, judul, tautan, dan CTA di menu. Bagian pahlawan menampilkan hamparan di atas gambar dalam paralaks. Hamparan memberikan informasi dan tautan ke produk di satu sisi dan gambar bergaya produk dalam perangkat seluler di sisi lain. Fitur ditampilkan dalam uraian menggunakan grafik warna-warni sebagai ikon. CTA lebar penuh menggunakan teks besar, grafik besar, dan tombol tebal di atas latar belakang gelap. CTA lain memiliki desain yang mirip dengan bagian pahlawan tetapi menggunakan grafik bergaya tunggal dari aplikasi di seluler. Banyak halaman lain menata modul Divi dengan warna-warna berani yang serupa. Saya terutama menyukai modul audio dengan gambar latar belakang dan overlay. Situs ini memanfaatkan warna dengan sangat baik.

Lihat Situs Web

4. Eric Hooper

Situs ini diajukan oleh Ty Hooper. Ini menampilkan montase gambar sebagai latar belakang bagian pahlawan dengan logo dan tagline di tengah dalam overlay. Bagian tentang lebar penuh mengikuti ini, menunjukkan gambar ke satu sisi dan informasi di sisi lain. Bagian dari Bab menampilkan posting blog dalam kotak. Bab-bab itu sendiri menampilkan gambar latar belakang kertas tua dengan teks di satu sisi dan gambar di sisi lain. Teks dan gambar lokasi alternatif di seluruh bab. Tombol navigasi blog menyertakan logo situs. Halaman Gambar menunjukkan galeri dinding ke dinding, Halaman Dokumen serupa tetapi menambahkan judul. Halaman Wawancara mencakup kombinasi video dan gambar dokumen yang disematkan dalam tata letak multi-kolom.

Lihat Situs Web

5. Hotel Pantai Harmona

Situs ini diajukan oleh George Paratsokis. Saat situs dimuat, kami disajikan dengan prapemuat logo. Setelah memuat, bagian pahlawan menampilkan gambar latar belakang yang besar dengan hamparan yang menutupi sebagian besar gambar. Tampak di sebelah kiri gambar adalah judul dan tagline di dalam kotak animasi yang sebagian terbuka di satu sisi. Kotak, logo, teks judul, tombol, ikon sosial, dan CTA di menu adalah warna cokelat yang bagus yang cocok dengan branding situs. Bagian tentang menampilkan tautan dengan lingkaran yang bergerak untuk menggarisbawahi teks saat mengarahkan kursor. Kamar ditampilkan dalam kartu dengan judul di bagian bawah gambar. Saat mengarahkan kursor, hamparan muncul di atas gambar, judul dipindahkan ke tengah, lalu tautan Baca Selengkapnya muncul. CTA lebar penuh menampilkan overlay yang mirip dengan bagian pahlawan dan menggambar kotak di sekitar teks, menumpang tindih tombol.

Lihat Situs Web

6. Situs Web Profesional Basel

Situs ini diajukan oleh Benny Hozjan. Ini adalah desain satu halaman dengan banyak detail seperti titik ungu yang mengikuti bagian dan menyoroti bagian dalam menu, dan bilah navigasi bergaya yang cocok. Bagian pahlawan menunjukkan latar belakang berpola dengan bentuk berwarna dengan tagline di tengah diikuti oleh grafik yang tumpang tindih dengan bagian berikutnya. Bagian tentang menunjukkan cara kerjanya menggunakan uraian singkat dengan ikon animasi yang memantul meskipun Anda tidak mengarahkan kursor ke atasnya. Beberapa bagian menampilkan informasi dengan teks di satu sisi dan grafik di sisi lain. Layanan ditampilkan dalam uraian yang mencakup animasi melayang, gambar, judul, dan titik bergaya di bagian bawah. CTA lebar penuh menampilkan baris teks pendek dalam jenis besar dengan tagline yang lebih kecil di satu sisi dan tombol animasi di sisi lain. Bagian dari logo klien menggunakan latar belakang yang sama dengan bagian pahlawan tetapi menampilkannya secara paralaks untuk menciptakan tampilan yang berbeda.

Lihat Situs Web

7. Hanya VR

Situs ini diajukan oleh Reinhard Wedemeyer. Situs ini menggunakan banyak warna merah di atas latar belakang gelap dan terang untuk pencitraan mereknya. Bilah atas menambahkan FAQ dan beberapa tautan sosial. Bagian pahlawan menampilkan latar belakang layar penuh dengan Cinemagraph untuk menyorot produk di satu sisi dan judul serta CTA di sisi lain. Bagian selanjutnya menunjukkan informasi dalam uraian dan gambar produk di dalam penggeser. Bagian lain dari uraian mencakup ikon multi-warna yang cocok dengan merek situs. CTA lebar penuh menampilkan teks dan tombol di satu sisi di atas latar belakang merah dengan grafik produk di sisi lain. Salah satu bagian favorit saya menunjukkan 8 gambar produk yang lebih kecil dengan deskripsi di tengah. Formulir kontak terperinci ditempatkan di atas gambar latar belakang yang digunakan di bagian pahlawan. Halaman produk individual menampilkan produk di atas latar belakang merah tebal. Munculan CTA di sudut memandu Anda ke FAQ termasuk gambar produk.

Lihat Situs Web

8. Nicolai Soerensen

Situs ini diajukan oleh Nicolai Soerensen. Ini menampilkan gambar latar belakang besar dengan overlay dan CTA di tengah. Menggulir mengungkapkan bagian dua kolom dengan CTA di satu sisi dengan tombol hijau yang cocok dengan CTA di menu dan gambar kantor di sisi lain. Halaman tersebut mencakup beberapa CTA serupa. Bagian Tentang menampilkan informasi di satu sisi dengan gambar yang dilingkari dan penghargaan di sisi lain. Beberapa bagian uraian mencakup gambar garis hijau yang cocok dengan merek situs. Studi kasus ditampilkan sebagai gambar besar dengan pembagi, judul, dan deskripsi. Tombol baca lebih lanjut muncul di hover. Saya suka bagian logo abu-abu di dalam kotak berjajar yang tidak tertutup di tepi luarnya. Ini adalah elemen minimal yang membuat dampak besar. Halaman Pemasaran menampilkan gambar klien dengan statistik terperinci.

Lihat Situs Web

9. Muncul

Situs ini diajukan oleh Christian Schick. Ini menampilkan latar belakang hijau dengan pembagi bergelombang dengan CTA di satu sisi dan gambar di sisi lain yang tumpang tindih dengan bagian berikutnya, yang menunjukkan gambar dan informasi rinci. Gambar dimiringkan satu sama lain dan diagonal untuk menciptakan efek visual yang menarik. Bagian berikutnya menunjukkan teks di satu sisi dan ikon di sisi lain. Ikon menggunakan latar belakang yang solid dengan bentuk yang ditata agar menonjol. Bentuknya sesuai dengan logo. Saya suka bagian proyek. Setiap proyek menampilkan gambar di sebelah blok teks dalam tata letak multi-kolom. Modul teks berdiri di tengah bagian dengan pembagi bergelombang yang tumpang tindih dengan bagian berikut yang mengarah ke CTA, lalu ke footer bergaya dengan formulir email sederhana di atas pola bergelombang. Setiap halaman menggunakan latar belakang bergelombang dengan gradasi pada overlay untuk judul, yang juga menyertakan ikon dan tagline.

Lihat Situs Web

10. Pagi Orang

Situs ini dikirimkan oleh Lucy. Beranda adalah mosaik gambar dalam tata letak multi-kolom. Gambar bergaya dengan lapisan artistik dan gambar lainnya dipangkas bersama. Gambar dari pembicara tertaut ke halaman pribadi mereka. Melayang di atasnya akan menampilkan kotak teks dengan nama dan judul mereka dan batas hijau di dua sisi. Gambar lain dari perusahaan digunakan untuk mengisi ruang yang diperlukan dan tidak terhubung dengan apa pun. Halaman speaker menampilkan gambar besar dalam kotak dengan judul di bawahnya. Halaman pribadi berfungsi seperti posting blog dan menampilkan gambar layar penuh diikuti oleh konten. Kutipan dalam konten berwarna hijau dan cocok dengan tautan navigasi blog. Konten tersebut mencakup tiga kolom dengan logo di sebelah kiri, konten utama di tengah, dan informasi di sidebar di sebelah kanan.

Lihat Situs Web

Dalam Penutupan

Itulah 10 kiriman website komunitas Divi terbaik kami untuk bulan Juli. 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