10 Situs Divi dengan Halaman FAQ yang Keren

Diterbitkan: 2018-08-13

Halaman untuk pertanyaan yang sering diajukan (FAQ) sangat bagus untuk memberikan jawaban yang dibutuhkan klien potensial untuk pertanyaan umum. Ini membantu mereka untuk memahami keahlian Anda dan memberi tahu mereka apa yang diharapkan. Ada banyak cara untuk membuat halaman FAQ dengan Divi. Pada artikel ini kita akan melihat 10 situs Divi dengan halaman FAQ yang keren untuk membantu menginspirasi Anda untuk situs web Divi Anda berikutnya.

Halaman FAQ biasanya menyertakan elemen seperti gambar, sakelar, akordeon, dan tab karena memudahkan untuk menyembunyikan sejumlah besar informasi hingga diperlukan. Mereka juga biasanya menyertakan ajakan untuk bertindak. Dalam posting ini saya akan menunjukkan gambar bagian yang saya suka dan mendiskusikan apa yang saya suka tentangnya. Situs web tidak dalam urutan tertentu. Tunggu sampai akhir untuk beberapa tautan untuk membantu Anda menaikkan level halaman proyek unik Anda sendiri.

1. Solusi Eddy

Situs ini menempatkan FAQ dalam tata letak dua kolom yang mencakup FAQ di satu sisi dan gambar produk di sisi lain. Tombol beralih menunjukkan judul dan tombol dengan gaya agar sesuai dengan merek situs. Matikan ditempatkan di bawah judul untuk membantu membuatnya mudah diikuti. Di bawah pertanyaan adalah bagian lebar penuh dengan teks besar dan nomor telepon yang dapat diklik yang mengundang pembaca untuk menelepon mereka untuk informasi lebih lanjut.

Lihat Situs Web

2. Klub Cukur Semua Gadis

Situs ini menempatkan FAQ dalam akordeon dalam tata letak satu kolom. Header lebar penuh memperkenalkan halaman. Akordeon mencakup gaya agar sesuai dengan warna situs. Latar belakang kehijauan untuk judul berubah menjadi putih dan teks berubah dari putih menjadi hitam saat akordeon dibuka. Berikut ini adalah CTA lebar penuh yang menggunakan citra serupa sebagai header.

Lihat Situs Web

3. Pembantu Gemerlapan

Situs ini memperkenalkan halaman dengan gambar lebar penuh dan judul dua warna, ekstra besar, dalam hamparan. FAQ ditempatkan dalam tata letak dua kolom yang menunjukkan nama topik dan batas atas untuk membantu membagi pertanyaan di satu sisi dan pertanyaan di sisi lain. Pertanyaan ditempatkan di dalam sakelar yang menyertakan batas atas dan tombol bergaya – semuanya menyatu dengan latar belakang bagian.

Lihat Situs Web

4. Pria yang Berantakan

Halaman FAQ situs ini menampilkan kotak pencarian dengan nomor telepon dan ikon sosial diikuti dengan judul halaman. FAQ menggunakan tab yang disejajarkan secara vertikal untuk menampilkan topik FAQ. Tab yang dipilih berwarna putih dengan teks hitam sedangkan tab lainnya berwarna hitam dengan teks putih. Mereka juga menyertakan ikon sehingga Anda dapat mengetahui topik secara sekilas. Di dalam tab ada tombol yang menampilkan pertanyaan sampai dibuka. Di bawah tab adalah tautan di mana Anda dapat menghubungi mereka untuk informasi lebih lanjut.

Lihat Situs Web

5. LaRox

Situs ini memperkenalkan halaman dengan judul di satu sisi dan deskripsi di sisi lain dengan tautan ke halaman penting. Berikut ini adalah bagian lebar penuh yang mencakup empat uraian. Setiap uraian mencakup warna berbeda dari warna bermerek, ikon besar, dan judul. Mengkliknya akan membuka informasi untuk topik itu. Mengklik FAQ akan menampilkan akordeon yang mengarah dari samping dan gambar yang meluncur ke tempatnya.

Lihat Situs Web

6. Realitas Xcellence

Situs ini memperkenalkan halaman FAQ dengan latar belakang gambar layar penuh dan informasi judul dalam overlay. Berikut ini adalah bagian teks dengan tautan ke halaman kontak dan bagian dua kolom dengan FAQ di dalam akordeon. Akordeon ditata dengan teks hitam, batas bawah, dan panah ke kiri. Membuka akordeon menghapus panah dan mengubah judul menjadi biru. Di bawah FAQ adalah CTA lebar penuh yang menggunakan warna biru yang sama dengan latar belakang dan teks putihnya.

Lihat Situs Web

7. Phil Simon

Situs ini memperkenalkan halaman dengan bagian lebar penuh yang mencakup judul dan teks deskripsi yang ditempatkan di atas latar belakang hitam yang berubah menjadi gradien coklat di paling kanan. Di bawah ini adalah bagian dengan dua kolom yang menempatkan judul topik di satu sisi dengan deskripsi dan satu set tombol di sisi lain. Berikut ini adalah bagian lebar penuh dengan grafik dan bagian lebar penuh dengan kutipan. Kedua bagian ini ramping dan berfungsi sebagai pembagi. Bagian FAQ lainnya mengikuti ini- masing-masing dipisahkan oleh bagian ramping dengan grafik.

Lihat Situs Web

8. Branding yang Mengaduk Jiwa

Yang ini menunjukkan gambar lebar penuh dengan font tulisan tangan di satu sisi sebagai judul halaman. FAQ disediakan dalam akordeon dalam tata letak satu kolom. Mereka menunjukkan judul di tengah dengan tombol yang cocok dengan latar belakang. Membuka akordeon menunjukkan teks dengan perataan tengah dan menyertakan banyak ruang antara judul dan teks. Berikut ini adalah CTA kontak lebar penuh dengan font yang sama di atas gambar latar belakang, dan gambar bergaya yang tertaut ke halaman. Akordeon sederhana namun menciptakan tingkat keanggunan yang berpadu baik dengan desain situs.

Lihat Situs Web

9. Emlekek Konyve

Yang ini menggunakan font elegan dan warna lembut yang cocok dengan branding situs. Judul halaman ditampilkan sebagai kutipan diikuti dengan deskripsi singkat dengan tautan ke halaman berguna lainnya. FAQ ditampilkan dalam sakelar dan menyertakan font elegan yang sama untuk judulnya. Berikut ini adalah CTA dengan latar belakang cokelat dan tombol ekstra lebar dengan latar belakang yang cocok dengan tombol dan kutipan sakelar.

Lihat Situs Web

10. Sihir Perry Yan

Halaman FAQ ini menggunakan banyak warna kartun yang sangat cocok dengan desain situs web ini. Header berisi judul halaman dan deskripsi singkat. FAQ ditempatkan dalam satu kolom dengan gambar di satu sisi untuk memberikan representasi visual tentang rangkaian pertanyaan tersebut. FAQ itu sendiri disediakan dalam sakelar dan dibagi menjadi topik, yang dipisahkan oleh judul bergaya. Setiap topik ditempatkan di bagian yang berbeda dan setiap bagian memiliki latar belakang dan warna sakelar yang berbeda. Bagian juga menggunakan pemisah gaya. Berikut ini adalah CTA dalam paralaks dengan overlay gradien merah dan biru.

Lihat Situs Web

Mengakhiri Pikiran

Itulah tampilan kami di 10 situs web Divi dengan halaman FAQ yang keren untuk membantu menginspirasi Anda untuk desain Divi Anda berikutnya.

Ada beberapa artikel desain dan cara kerja di blog ET yang mencakup halaman FAQ dan modul seperti akordeon, sakelar, dan tab. Saya telah menyertakan tautan ke tutorial tersebut serta halaman FAQ untuk Paket Tata Letak Divi gratis.

  • Paket Tata Letak FAQ Divi Gratis adalah Jawaban untuk Desain Halaman FAQ yang Membosankan
  • Bagaimana Divi Dapat Membantu Anda Memandu Pengunjung Melalui Halaman Web yang Panjang
  • 3 Elemen Modul Divi yang Berpotensi Diabaikan yang Bisa Anda Gaya (dan Bagaimana)
  • Halaman FAQ Terapis
  • Halaman FAQ Akuntan
  • Halaman FAQ Copywriter
  • Halaman FAQ Cryptocurrency
  • Halaman FAQ Kantor Dokter

Kami ingin mendengar dari Anda. Manakah dari situs web dengan halaman FAQ yang keren ini yang menjadi favorit Anda? Beri tahu kami di komentar.