Episode 10: Membangun Prototipe Desain di WordPress dengan Kadence

Setiap desain baru dimulai di suatu tempat, dan alat seperti Figma, Invision, Axure, atau Adobe XD memberi desainer cara inovatif untuk membuat representasi visual dari desain web. Namun, di dunia WordPress, inovasi dalam editor blok membuat pembuatan desain secara native, di ruang yang paling dekat dengan implementasi, menjadi lebih mudah. Di episode kali ini kita akan belajar tentang desain web di WordPress. Alat-alat ini dapat membantu, tetapi penting untuk tetap fokus pada komponen terpenting dalam menciptakan desain yang efektif di WordPress. Konten unik, pemahaman tentang pelanggan Anda, dan komunikasi yang efektif melalui desain situs Anda adalah resep terbaik untuk sukses.

Dengarkan melalui kontrol di bawah ini, atau tambahkan kami ke aplikasi podcast favorit Anda.

Dengarkan di jendela baru.

Stempel waktu & Tautan

• 0:00 Intro: Hannah ada di pantai!
• 1:33 Pengalaman WordCamp Terbaik: citymuseum.org
• 8:47 Membuat prototipe desain baru di WordPress, mulai dari mana
• 9:51 Melewati masalah halaman kosong
• 10:50 Memulai dengan halaman arahan kursus LMS
• 15:37 Riset kompetitif: mereka ada, apa yang berhasil untuk mereka?
• 18:41 Sudut pandang pelanggan
• 19:31 Cari tahu konten Anda sebelum mendesain apa pun
• 20:43 Bisnis unik Anda memiliki nilai jual yang unik, gunakan itu
• 22:40 Utamakan konten terbaik Anda
• 25:00 Kadence adalah alat desain Anda
• 30:22 Shop Kit 2.0 bersiap untuk diluncurkan, pratinjau pelatihan iThemes

Transkrip untuk Episode 10

Kathy: Selamat datang di episode 10 The Kadence Beat. Kami telah mencapai episode 10. Dan untuk episode 10, kami ingin mengadakan sedikit pesta. Jadi kami menerbangkan Hannah ke luar negeri ke lokasi yang dirahasiakan, dekat dengan pantai. Hana, kemana kamu pergi?

Hannah: Saya di Meksiko.

Katty: Kamu! Jadi bukan hanya pesta untuk episode 10. Ini pesta untuk episode 10, ya?

Hannah: ini Fiesta. Ya. Saya kira kalian melewatkan memo itu. Maksudku, kupikir kita berpesta di Meksiko untuk episode 10, tapi ternyata hanya aku.

Kathy: Yah, Ben, saya pikir Anda dan saya ketinggalan.

Ben: Ya, hari ini cukup dingin dan seperti hujan salju yang turun. Jadi pantai Meksiko terdengar cukup bagus.

Hannah: Anda tahu, itulah mengapa saya di sini. Karena minggu lalu Boise mendapat rekor hujan salju, dan saya seperti, saya tidak bisa melakukan ini. Jadi saya menggunakan beberapa mil dan memesan tiket ke Meksiko dan saya jauh lebih bahagia, juga lebih banyak terbakar sinar matahari. Tubuhku cukup renyah.

Kathy: Benarkah. Nah, Anda tampak jauh lebih bahagia dan Anda tampaknya siap berpesta untuk episode 10. Jadi saya senang. Saya akan menjalani hidup perwakilan melalui Anda hampir sepanjang tahun dengan semua perjalanan Anda. Jadi.

Hannah: Ya, kami hanya akan mengundang semua orang di sini, sekarang. Itu hanya di pantai di Meksiko matahari bersinar. Di sinilah kita untuk episode 10 dan selamat datang di pesta.

Katty: Luar biasa. Dan Hannah, Anda punya pertanyaan untuk kami untuk episode 10, apa pertanyaan Anda?

Hannah: Ya, jadi saya suka pesta yang bagus. Saya suka mengadakan pesta, dan menurut saya cara yang bagus untuk melibatkan orang dalam pesta adalah dengan mengajukan pertanyaan yang bagus. Jadi, um, seseorang yang saya pikirkan adalah apa pengalaman WordCamp favorit Anda, jika Anda pernah ke WordCamp? Yah, aku tahu lagi, Kathy dan Ben memiliki orang-orang dari kita yang ada di sini, kita semua pernah. Jadi, ceritakan pengalaman WordCamp favorit Anda?.

Kathy: Saya kira saya bisa pergi. WordCamp yang saya kunjungi, putra saya bepergian dengan saya dan dia baru saja berusia 18 tahun, seperti dalam beberapa hari. Dan kami berada di WordCamp Miami, dan salah satu orang yang bersama kami memutuskan kami harus pergi ke South Beach. Dan itu adalah liburan musim semi dan kami terjebak di dalam mobil dengan orang-orang di sekitar kami. Kami tidak bisa bergerak. Dan putra saya yang baru berusia 18 tahun harus mengalami South Beach, dan saya tidak dapat berhenti tertawa karena dia bersama ibunya dan itu, bukan itu yang ingin Anda alami, pengalaman liburan musim semi pertama adalah bergaul dengan ibumu .

Dan dia agak malu, tapi sampai hari ini masih membuatku tertawa dan memberi kami cerita lucu untuk dibicarakan, seperti, bagaimana dengan gadis-gadis di belakang mobil itu. Dan dia seperti menyembunyikan wajahnya di belakang mobil ini dan tidak ada jalan keluar karena terlalu banyak orang di sekitar.

Hana: Aku suka itu.

Kathy: Itu sangat lucu.

Ben: Itu luar biasa.

Hana: Itu yang terbaik. Ben, bagaimana denganmu?

Ben: Um, saya pikir kami memiliki pengalaman bersama yang sejauh ini paling berkesan dan sangat konyol. Dan itu di WordCamp 2020 atau 2019. Mereka mengadakan after party di museum yang saya jujur, sepanjang waktu saya di sana, saya seperti, bagaimana tempat ini tidak ditutup. Seperti, ini sangat tidak aman.

Jadi rasanya seperti kami baru saja masuk ke sebuah bangunan yang telah dikutuk dan kemudian seseorang masuk ke dalamnya dan membangun banyak hal yang sangat samar di bangunan yang dikutuk itu. Dan kemudian rasanya, setiap orang memiliki kebebasan untuk semua dan melakukan apa pun yang Anda inginkan.

Hannah: Dan saya pikir itu seseorang yang mungkin menggunakan narkoba. Apakah Anda akan mengatakannya?

Ben: Begitu banyak hal yang seperti, apa, apa, oke. Seperti ini tidak masuk akal. Maksudku, sulit untuk menjelaskan museum ini. Dan saya berharap itu masih ada. Karena saya pikir ada, itu membutuhkan tempat di dunia ini, tetapi saya juga sangat ingin tahu bagaimana itu tidak ditutup karena ada begitu banyak hal yang kita sukai, oke, ya. ini benar-benar berbahaya. Kami berjalan-jalan dan kami bersenang-senang karena kami tidak tahu apa-apa tentang apa yang kami hadapi.

Jadi itu benar-benar hanya mengembara melalui sesuatu, memiliki mimpi yang serupa, dan inilah yang mereka ciptakan. Pada satu titik kami mendaki dua lantai. Maksud saya, apa yang Anda suka pada dasarnya, seperti, jaring kawat, tergantung di langit-langit yang seperti setengah kubah.

Hana: Seperti kubah.

Ben: Ya. Dan kemudian seperti Anda muncul dari langit-langit itu dan Anda berada di atap dan ada seluncuran besar yang turun seperti bagian lain dari atap.

Hannah: Dengan belalang raksasa. Jangan lupakan belalang raksasa. Apa!

Ben: Lalu seperti, seperti slide seperti berlari ke beton tidak ada , seperti tidak ada yang seperti itu. Dan kemudian Anda meluncur ke bawah slide yang bagus dan ada seperti akhir yang bagus. Itu seperti, dan Anda baru saja meluncur ke beton dan semua orang bangun seperti melihat sekeliling, seperti, apakah itu benar-benar terjadi pada saya? Maksudku, mereka, ya. Hannah membantu membantu saya menjelaskan tempat ini.

Hannah: Ya, sulit untuk dijelaskan, tapi itu luar biasa. Bagian terbaiknya adalah seperti yang Ben katakan, kami benar-benar tidak tahu. Seperti kami menghabiskan mungkin 45 menit pertama di lantai pertama, seperti jam koktail berpikir, oh, ini hanya museum yang menarik. Dan kemudian kita seperti, mungkin kita harus mengembara. Dan kemudian Anda melewatinya seperti pintu kecil kecil yang harus Anda suka merangkak untuk melewatinya. Kemudian terbuka ke tempat gila lainnya ini. Dan Anda seperti, apa? Dan itu seperti setiap sudut. Anda hanya seperti, apa? Dan kemudian hal berikutnya yang Anda tahu, Anda berada di atap menuruni seluncuran belalang ini dan kemudian ada seperti korsel gila ini.

Lalu ada seluncuran yang meluncur dari lantai atas, seperti, berapa banyak cerita yang akan Anda katakan? Lima? Sepanjang jalan sampai ke bawah. Ini liar. Sejujurnya itu yang paling menyenangkan yang sejauh ini merupakan pengalaman WordCamp terbaik yang pernah saya alami.

Ben: Ya. Maksud saya, WordCamps itu menyenangkan jika Anda belum pernah, kepada penonton, ada banyak kesenangan. Anda, Anda bertemu banyak orang. Anda bisa berada di sesi seperti ini di mana Anda belajar banyak hal, tetapi pesta setelahnya juga sangat luar biasa, karena biasanya di tempat yang acak. Bahkan tahun sebelumnya, ada planetarium yang merupakan bagian dari after party, dan itu adalah pengalaman yang sangat menyenangkan, dan juga sangat memusingkan. Ini waktu yang tepat. Tentu saja. Jika Anda dapat mencapai WordCamp, itu sepadan dengan waktu Anda.

Kathy: Dan museum itu ada di St. Louis. Namanya Museum Kota. Jika Anda pergi ke citymuseum.org, Anda bisa merasakan ruang penyiksaan yang dialami Hannah dan Ben di sana. Um, saya bahkan tidak naik slide itu, saya suka membenturkan lutut saya saat naik dan hanya berbalik. Tidak ada hal baik yang bisa datang dari sini, pikirku, tetapi mereka sebenarnya memiliki kincir ria di atap.

Ini adalah tempat yang gila. Orang-orang yang melakukan after party, organisasi untuk WordCamp US, sungguh luar biasa. WordCamp Eropa juga, terjadi dalam beberapa minggu. Dan itu mungkin akan menjadi pesta epik lainnya. Saya pergi ke satu di Berlin beberapa tahun yang lalu dan mereka memiliki, pemain yang luar biasa, seperti peniru Madonna. Itu, seperti Madonna ada di sana. Itu gila. Jadi, ya, WordCamps luar biasa. Pesta setelahnya pasti sepadan dan Anda bisa bertemu orang-orang seperti Ben dan Hannah. Dan terkadang saya.

Hannah: Meskipun kami semua ada di sana dan saya tidak berpikir kami bertemu, yang saya sedih tentang itu.

Kathy: Saya menghabiskan sebagian besar waktu saya hanya beralih dari percakapan ke percakapan dan di terowongan dan tirai di area sponsor, itu adalah waktu yang sibuk, sibuk, sibuk, tapi, um, ya, di situlah Kadence benar-benar mulai mendapatkan beberapa ketenaran di WordCamp US 2019. Saat itulah orang benar-benar mulai berbicara tentang betapa inovatifnya beberapa alat yang telah Anda buat ini.

Hana: Ya, ya. Saat itu hanya Ben dan aku, dan tidak ada yang tahu siapa kami.

Kathy: Nah, orang-orang yang menonton mengambilnya dengan sangat cepat, dan melihat di mana kita berada hari ini. Cukup menarik.

Hannah: Ya, Episode 10. Kami telah menempuh perjalanan jauh. Kami memiliki podcast!

Kathy: Anda punya podcast! Dan bukankah lebih mudah sekarang saya katakan untuk bertahan saja sampai episode 10 dan itu lebih mudah, kan. Hanya seperti nongkrong dan mengobrol tentang hal-hal keren. Dan saya mengedit semua hal bodoh.

Jadi saya sedang mengerjakan proyek rahasia, dan sesuatu yang Ben katakan dalam presentasi yang dia lakukan secara internal beberapa bulan yang lalu, mulai benar-benar terdengar. Dan saya mulai berkata, oh ya, saya mengerti persis apa yang dimaksud Ben.

Anda telah berbicara dengan Ben, tentang bagaimana membuat prototipe sedekat mungkin dengan tempat yang akan Anda terbitkan adalah yang paling masuk akal. Dan saya sedang melaluinya sekarang karena saya mengambil prototipe yang dibangun di tempat lain dan saya membangunnya di WordPress, di Kadence Elements, menggunakan bidang khusus dan semuanya. Dan banyak hal dalam prototipe tidak. Saya hanya perlu membuat keputusan saat saya sedang membangun, ini akan bekerja dengan cara ini, karena ini adalah cara kerja WordPress, ini adalah cara kerja Kadence.

Dan saya ingin melakukan percakapan tentang praktik terbaik membuat prototipe proyek dan desain WordPress, um, berbagai alat yang digunakan orang. Kapan mereka masuk akal? Kapan mereka tidak masuk akal? Dan bagaimana Anda mengatasi masalah "halaman kosong" itu. Apakah itu terdengar seperti sesuatu yang bisa kita bicarakan hari ini?

Ben: Ya, tentu saja. Saya pikir masalah halaman kosong adalah cara yang bagus untuk mengungkapkan ini karena saya pikir semua orang dapat mengaitkannya dengan itu. Anda muncul dan Anda seperti, saya perlu membangun apa pun itu, halaman arahan, halaman penjualan, Anda tahu, dan Anda menatap halaman kosong dan Anda pergi, oke, apa yang harus saya lakukan selanjutnya? Dan itu adalah penyebab rumit seperti itu, itulah intinya dan sering kali di mana orang pergi berikutnya adalah mereka melalui waktu yang sangat, mencoba, waktu yang membuat frustrasi, waktu di mana mereka melakukan 10 hal dan membatalkan 10 hal dan melakukan 10 hal lagi dan membatalkan semua dari mereka. Dan pada akhirnya, mereka jarang puas dengan apa yang mereka dapatkan.

Jadi saya pikir, bahkan lebih dari apa yang Anda katakan juga, seperti, ada baiknya untuk memikirkannya. Ada strategi yang lebih baik daripada muncul di halaman kosong putih dan pergi, saya perlu membuat desain. Dan bahkan seperti mencadangkan sedikit dari sebelum Anda mulai menggunakan beberapa alat itu, tetapi seperti berjalan baik-baik saja.

Jadi mari kita bicara tentang bagaimana Anda mendapatkan dari halaman kosong sampai akhir. Jadi saya mengusulkan agar kita baru saja membicarakan jika Anda perlu membuat halaman arahan untuk kursus online Anda. Dengan begitu, kami memiliki sesuatu yang dapat kami bicarakan dan pikirkan seperti apa yang sebenarnya perlu dilakukan dan bagaimana kami menyatukan konten itu?

Katty: Sempurna. Saya pikir itu cara yang bagus untuk hanya mengasah di satu area tertentu di mana kita mungkin memiliki banyak orang yang bekerja dengan LearnDash atau sistem LMS lainnya dan… mungkin mereka bahkan belum memutuskan alat LMS apa yang akan mereka gunakan. Tetapi mereka seperti, saya memiliki pengetahuan, harus ada seseorang yang mendengarkan ini yang memiliki pengetahuan yang dapat mereka transfer ke orang lain dan menghasilkan uang dengan cara apa pun.

Di mana Anda bahkan mulai?

Ben: Saya pikir satu hal, setiap kali Anda memulai halaman baru dan ini dapat meluas ke mana-mana, apakah Anda harus pergi, apa tujuan utama halaman ini? Saya pikir kita membicarakan hal ini kembali ketika kita berbicara tentang membangun sebuah homepage untuk kebidanan Hannah. Dan saya pikir, Anda harus mulai dari sana. Anda perlu mengatakan, oke, apa tujuannya?

Karena segala sesuatu harus mengarah pada tujuan itu. Dan itu semua perlu dikomunikasikan sejelas mungkin agar pelanggan tidak bingung, apakah saya harus pergi ke sini atau saya harus pergi ke sini dengan hal-hal yang bersaing atau hanya dengan hal-hal yang tidak dalam bahasa mereka dan tidak memberi mereka jalan langsung.

Anda ingin memulai dengan, apa tujuan saya. Dan jika kita melakukan halaman kursus, tujuannya adalah agar mereka mendaftar untuk kursus. Dan Anda mungkin memiliki pilihan untuk itu. Anda mungkin memiliki paket kursus dasar dan kemudian paket VIP yang dilengkapi dengan konsultasi gratis selama 30 menit. Dan, Anda tahu, pengaya yang biasanya Anda lihat dengan kursus di mana itu seperti mendapatkan akses ke grup Facebook pribadi, semacam itu.

Jadi Anda mungkin akan memiliki beberapa paket, Anda mungkin berpikir tentang tabel harga. Dan kemudian dari sana Anda perlu mengatakan, oke, yah, jika tujuan saya adalah membuat mereka membeli, saya harus mulai dengan memberi mereka alasan untuk membeli. Untuk melakukan itu, Anda harus tahu bagaimana berkomunikasi dengan orang yang Anda coba dapatkan.

Jadi, Anda perlu tahu dengan siapa Anda berkomunikasi. Dan jenis ini kembali ke apa yang kita bicarakan sebelumnya. Apa target pelanggan itu? Anda perlu memastikan bahwa Anda berbicara dalam bahasa mereka dengan semua yang Anda katakan, tetapi tepat di bagian atas halaman itu, yang kami butuhkan adalah kami membutuhkan sesuatu yang pada dasarnya mengatakan: inilah mengapa Anda ingin mengambil kursus ini, dan inilah yang akan berubah dalam hidup Anda. Anda mendefinisikan untuk pelanggan yang muncul di halaman ini segera, bahwa Anda mengisyaratkan masalah mereka atau Anda mengejanya untuk mereka. Dan Anda mengatakan Anda memiliki masalah ini, kursus ini akan menyelesaikannya.

Dan ketika Anda berbicara tentang kursus secara khusus, Anda tidak hanya memecahkan satu masalah. Anda sebenarnya mencoba untuk menentukan bagi mereka apa hasilnya bagi mereka sebagai individu, apa yang akan berubah untuk mereka dan bagaimana hal itu akan mempengaruhi mereka ke depan.

Tapi dalam hal itu, Anda masih harus memikirkannya, oke, orang ini punya masalah. Mereka ingin menulis buku, dan mereka membutuhkan seseorang yang berpengalaman menulis buku untuk melatih mereka dalam menulis buku. Jadi, Anda memiliki kursus tentang cara menulis novel pertama Anda. Basis pelanggan itu, Anda perlu berbicara tentang itu dan menjadi seperti menulis novel lebih dari sekadar memiliki ide bagus untuk sebuah novel. Ini tentang perencanaan. Ini tentang ketekunan. Anda mulai menjelaskan itu dan berkata, dan kursus ini memberi Anda tidak hanya semua alat untuk melakukannya, tetapi Anda juga memiliki komunitas di sekitar Anda untuk membantu Anda dan untuk mendapatkan umpan balik, dan sekarang saya akan pergi, saya pikir Saya perlu ini.

Dan itulah bagaimana Anda bisa mulai masuk ke dalamnya. Anda harus dapat mengetahui hal itu terlebih dahulu, sebelum kita beralih ke hal desain apa pun. Apa yang akan terhubung dengan orang ini? Biarkan saya mengumpulkan konten yang akan saya butuhkan. Dimulai dengan, dalam pikiran saya, ketika Anda melakukan halaman penjualan. Anda harus memulai bagian atas halaman harus besar, teks yang cukup pendek dan sejelas dan sesingkat mungkin, Anda mengeja pada dasarnya masalah dan bagaimana solusi Anda adalah jawaban untuk masalah itu. Dari sana Anda ingin mengerjakan bagian-bagian berbeda apa yang akan membuat penawaran awal itu lebih baik.

Jadi saat saya menggulir ke bawah, mereka pergi, mereka semakin menyukai, ya, saya perlu melakukan ini. Ya, saya perlu melakukan ini. Dan Anda dapat memiliki tombol "beli sekarang" di seluruh halaman. Anda tidak ingin pelanggan menjadi seperti, di mana saya harus mendaftar? Anda juga dapat membuat perjalanan itu saat mereka menggulir ke bawah untuk menyukai tabel harga. Testimonial adalah kuncinya. Saat Anda memikirkan semua itu, sekarang Anda punya, saya harus memiliki beberapa bahasa ringkas di bagian atas, dan saya membutuhkan semacam gambar, lebih disukai seseorang yang tersenyum atau hasil untuk memvisualisasikan hasil dengan gambar.

Saat Anda memikirkannya, seperti, bagaimana cara membuat ini? Anda harus mulai mengumpulkan konten itu bersama-sama, teks yang Anda butuhkan, testimonial, Anda perlu memikirkan tabel harga Anda dan apa yang akan menjadi fitur tabel harga itu. Jadi, sangat penting bagi Anda untuk melakukan pengumpulan konten dan Anda benar-benar memikirkan pelanggan Anda pada awalnya.

Kathy: Setelah Anda memiliki konten Anda, Anda jelas tidak ingin hanya teks pada halaman. Anda tidak ingin hanya menyukai tombol dan gambar Anda. Bagaimana seseorang mulai benar-benar menyatukan beberapa elemen desain itu, dari mana Anda mendapatkan ide? Karena Anda bisa melihat pesaing Anda dan melihat apa yang mereka lakukan. Mungkin Anda akan mencari orang lain yang sedang mengikuti kursus tentang cara menulis buku atau cara menulis novel dan melihat apakah ada persaingan di luar sana dan bagaimana mereka melakukannya. Tapi siapa bilang mereka melakukannya dengan baik. Bagaimana Anda tahu keputusan apa yang harus dibuat seputar desain?

Ben: Ya. Maksud saya, saya pikir melihat pesaing Anda adalah strategi yang hebat karena biasanya jika Anda memiliki persaingan, setidaknya mereka cukup baik untuk eksis. Jadi itu, itu setidaknya bagus, seperti jika mereka ada. Anda tahu, mereka setidaknya cukup baik untuk eksis. Jadi pasti Anda ingin memetik hasil dari persaingan.

Saya penggemar berat melakukan pencarian untuk desain yang bagus. Masalah yang saya temukan sering kali ketika orang suka, hanya fokus pada desain adalah bahwa mereka tidak benar-benar membangun halaman konversi yang baik. Jadi, Anda dapat menyukai penghargaan desain untuk situs web dan melihat semua jenis situs web yang benar-benar funky di luar sana yang mungkin sebenarnya tidak terlalu mengonversi situs web, dan juga bisa sangat di luar norma, sehingga bagi pengguna rata-rata, ini seperti, ini hal yang baru, tetapi seperti, saya sebenarnya tidak tahu cara menavigasi situs web ini. Jadi saya hanya akan berhati-hati dengan mencari hal-hal seperti desain web terbaik. Saya pikir Anda ingin fokus pada masalah yang Anda miliki.

Dan menggunakan kata-kata seperti konversi dalam pencarian Anda, tapi oke, saya tahu saya membutuhkan bagian pahlawan. Saya tahu saya membutuhkan bagian testimonial. Saya tahu saya membutuhkan bagian tabel harga. Terkadang Anda akan mendapatkan ide desain yang lebih baik saat Anda mulai menelusuri bagian tersebut versus bagaimana cara membuat halaman arahan kursus yang baik?

Atau secara umum, apa itu desain yang bagus. Jadi saya melakukan fase inspirasi dan pencarian. Saya mengambil tangkapan layar dari hal-hal yang saya sukai. mencoba mencatat. Jadi ini akan menjadi saat yang tepat untuk sesuatu seperti papan Miro atau Figma di mana Anda berada, Anda memberikan tangkapan layar dan Anda membuat catatan, dan memberi diri Anda tempat di mana Anda dapat melihat semua bagian Anda menyatu istilah elemen yang Anda inginkan di halaman Anda atau ide desain tentang bagaimana Anda ingin mengatur konten Anda, di samping selalu mengingat skema warna Anda sendiri dan kemudian gambar Anda yang sebenarnya. Apa yang paling saya temukan adalah, um, orang akan pergi dan melihat desain ini dan seperti, oh, saya ingin membuat ulang ini. Dan kemudian mereka memasukkan foto mereka ke dalamnya dan mereka seperti, bung, ini menyebalkan. Dan itu karena gambar Anda tidak cukup bagus.

Dan saya pikir itu hal besar lainnya. Gambar berbicara banyak tentang desain keseluruhan halaman. Maksud saya, itu hanya, itu adalah bagian desain yang sangat besar. Anda dapat menghabiskan semua waktu yang Anda inginkan untuk mendapatkan gradien yang tepat atau font yang tepat, tetapi memilih gambar yang salah dan desain Anda keluar dari jendela.

Ini adalah bagian yang sangat penting, apakah Anda mencari gambar stok atau Anda akan mengambil gambar, mendapatkan gambar yang sangat, sangat bagus akan sangat membantu. Jika Anda ingin memiliki desain yang bagus, Anda harus memiliki bagian yang tepat untuk memulai.

Kathy: Hannah, dari sudut pandang pelanggan, ketika Anda berada di sebuah halaman dan Anda mempertimbangkan untuk membeli sesuatu, elemen seperti apa… Apakah itu alur halaman? Apakah ada sesuatu yang muncul di dalam halaman? Bagaimana pengalaman itu beresonansi dengan Anda?

Hannah: Ya, saya akan mengatakan itu semua. Maksud saya, Anda benar-benar mencoba menciptakan pengalaman bagi orang-orang, bukan? Jadi, seperti yang Ben katakan, saya pikir gambar itu sangat besar. Apakah gambar Anda cocok? Anda tahu, jika Anda memiliki stok foto yang jelas merupakan stok foto dan sebenarnya tidak, tidak cocok dan tidak mengalir, itu sangat merepotkan.

Tetapi ketika Anda jelas telah menciptakan sebuah pengalaman dan saya merasa seperti saya. Anda tahu di sana, atau, Anda tahu, Anda merasa seperti berada di pantai Meksiko ini, Anda tahu, jika Anda dapat memberi seseorang itu hanya dengan menyukai mereka melihat situs web Anda atau melihat apa yang Anda tawarkan kepada mereka, itu sangat besar.

Ben: Saya pikir itu penting untuk menyatakan di sini, maju dari diri sendiri dan melompat ke seperti benar-benar merancang, katakanlah di Figma atau benar-benar merancang di WordPress tanpa konten Anda tahu, itu resep untuk frustrasi mutlak. Karena ketika Anda suka, saya akan mencari tahu gambar saya nanti.

Jangan lakukan itu, karena Anda akan menghabiskan begitu banyak waktu untuk mencoba membuat desain terlihat bagus tanpa konten sebenarnya yang perlu Anda lakukan. Dan itu hanya membuat frustrasi, dan Anda akan mengulanginya lagi dan lagi, saat Anda melewati dan akhirnya benar-benar mendapatkan beberapa konten itu dan pergi, wow, tidak ada yang berhasil karena gambar saya berbeda dari gambar saya sebelumnya mengharapkan. Jadi jangan mendahului diri sendiri. Kumpulkan konten Anda, habiskan waktu untuk benar-benar memikirkannya. Dan itulah bagian dari mengapa Anda melakukan fase inspirasi adalah untuk mengatakan, oke, sekarang saya tahu saya membutuhkan tiga gambar seperti ini karena saya benar-benar ingin bagian yang membahas tiga fitur ini atau tiga hal yang penting untuk diketahui pelanggan.

Pada tahap awal itu, saat Anda mengumpulkan barang-barang Anda, maka itu seperti, oke, saya benar-benar harus menentukan seperti apa konten saya sebelum saya terjun dan mulai benar-benar mendesain. Dan jangan gunakan konten orang lain untuk mendesain. Anda pasti ingin mendapatkan konten Anda sendiri terlebih dahulu.

Katty: Tentu. Nah, nilai jual unik adalah konten unik yang Anda miliki di situs Anda. Hal yang menghubungkan audiens Anda dengan cara yang unik adalah sesuatu yang hanya dapat Anda buat. Ini bukan sesuatu yang Anda dapat mengangkat gambar dari tempat lain atau menyalin dari tempat lain.

Hanya saja, jangan lakukan itu. Itu tidak akan berhasil. Itu tidak akan beresonansi karena ketika Anda mencoba untuk meniru apa yang telah dibuat orang lain dan terhubung dengan audiens, itu tidak akan memiliki suara unik Anda. Apa yang Anda bawa ke sana, apa yang dibawa bisnis Anda, apa yang dibawa merek Anda adalah apa yang akan membedakan Anda dalam jangka panjang dan akan membantu Anda naik ke atas.

Dalam hal, oke, jadi katakanlah saya punya Figma saya dan saya punya semua sketsa saya dan semua hal yang saya inginkan di halaman. Dan aku punya seperti dasar, oke. Saya telah melihat semua orang menggunakan gambar pahlawan di atas, jadi mereka harus bekerja. Bagaimana saya kemudian mulai menyusun halaman? Apakah saya melompat dengan testimonial terlebih dahulu? Apakah saya perlu menjelaskan hal-hal yang lebih baik terlebih dahulu? Bagaimana saya tahu ke arah mana saya akan mengatur halaman agar benar-benar terhubung dengan pelanggan? Apa yang datang lebih dulu?

Ben: Saya penggemar berat atasan pahlawan itu dan tidak selalu harus berupa gambar lebar penuh. Terkadang ada teks dan gambar di sampingnya. Anda ingin memiliki tajuk besar di bagian atas yang pada dasarnya mengatakan, inilah tujuan Anda di sini. Dan kemudian dari semua penelitian yang saya lihat, sebenarnya tidak masalah bagaimana Anda memesan sisa halaman.

Cukup menarik. Jika Anda ingin pergi ke fitur testimonial, pada akhirnya, tidak ada yang bisa mengatakan bahwa testimonial berikutnya lebih penting. Saya pikir Anda ingin menempatkan konten terbaik Anda terlebih dahulu. Jadi jika Anda memiliki kesaksian yang paling menakjubkan, Anda seperti, saya membutuhkan orang untuk membaca ini, meletakkannya di depan dan di tengah, meletakkannya tepat di bawahnya.

Tetapi jika Anda tidak dan Anda hanya memiliki suka, ya, saya memiliki testimonial dan itu bagus, tetapi mereka seperti, apa yang Anda harapkan, kemudian letakkan di bawah karena Anda membutuhkannya di halaman untuk sekadar memberi sendiri tingkat kepercayaan merek itu. Dan itu bagian lain, mungkin Anda berada dalam situasi di mana Anda bekerja dengan merek-merek terkenal dan kemudian Anda perlu menempatkan seperti itu, Anda mungkin mengatakan, merek-merek ini mempercayai kami.

Atau Anda memiliki banyak pengguna dan Anda berkata, saya memiliki banyak pengguna. Anda selalu ingin mencari cara untuk membuat pelanggan merasa bahwa saya dapat mempercayai orang ini. Saya tidak seperti pelanggan pertama mereka. Itu bisa dilakukan dengan lebih banyak cara daripada testimonial dan apakah itu datang pertama atau di tengah, berdasarkan penelitian, ini seperti, ini lebih tentang apa yang Anda lakukan dan apa yang Anda jual atau apa yang Anda lakukan bangunan untuk itu, seperti, ini adalah jalan yang tepat. Saya pikir secara umum, orang mengatakan pastikan Anda memiliki penjelasan singkat dan ajakan bertindak di bagian paling atas halaman Anda. Biasanya Anda menginginkan gambar di sana dan kemudian jika masuk akal, terkadang tabel harga itu berada tepat di atas, terutama jika itu adalah navigasi kedua bagi pengguna, seperti katakanlah mereka pergi ke beranda Anda dan kemudian mereka mengklik halaman harga.

Anda mungkin tidak ingin menyelami halaman harga itu di bawah. Mereka berniat untuk melihat harga, jadi tunjukkan harganya. Seperti halaman arahan tradisional, halaman harga itu bisa turun di bawah.

Pastikan bahwa Anda, Anda menjaga ajakan bertindak jelas dan kemudian saya pikir Anda, Anda siap untuk pergi. Jadi Anda punya konten Anda. Anda agak tahu bagian apa yang Anda inginkan dan Anda siap untuk mulai mendesain untuk situs web Anda.

Dan bagi saya, pada fase ini, di sinilah saya akan mendorong orang untuk melakukannya di WordPress.

Saya mengerti. Saya mendapat beberapa dorongan untuk mengatakan, nah, sekarang jauh lebih mudah untuk berkolaborasi, Anda berdua mengerjakan hal yang sama dan sesuatu seperti Figma atau apa pun. Dan saya mengerti. Jika Anda memiliki kemewahan berkolaborasi dengan seseorang, mungkin itu masalahnya. Umumnya saya tidak. Dan saya tidak tahu banyak orang yang memiliki kemewahan seperti kita akan memiliki dua atau tiga desainer yang mengerjakan hal yang sama pada waktu yang sama.

Tetapi bagi saya, Anda ingin berada sedekat mungkin dengan tempat tinggalnya, tempat sebenarnya. Dan Anda ingin melakukannya di sana. Jangan melakukan pekerjaan Anda tiga kali dengan membuatnya di Figma dan kemudian mencoba mencari cara, atau, Anda tahu, kami memilih Figma. seperti Figma adalah alat yang hebat.

Tapi itu tidak dikonversi ke situs web selesai. Anda harus melakukan semua hal itu secara manual. Dan saya tahu orang-orang akan seperti, Anda dapat mengekspor HTML dan semua itu. Dan itu seperti, ya, saya ikut, tapi bukan itu yang sebenarnya Anda inginkan pada akhirnya. Apa yang Anda inginkan ada di WordPress, dan di alat WordPress yang ingin Anda gunakan.

Hal saya adalah Kadence harus menjadi alat yang cukup sehingga Anda tidak memerlukan alat desain lain untuk mendesain sehingga Anda benar-benar dapat melakukan pekerjaan desain di Kadence. Dan tidak memerlukan alat untuk melakukannya, tetapi Anda masuk ke Kadence dan Anda pergi, oke. Dan Anda hanya perlu sedikit lebih banyak bantalan di sini.

Dan saya tahu saya ingin radius batas di sini dan sedikit bayangan di sini, dan Anda bisa mendapatkan desain yang sangat bagus itu tepat di dalam Kadence karena ini adalah alat desain. Jadi Anda bisa menggunakannya sebagai alat desain dan Anda bisa mengubah dan Anda bisa bergerak dan Anda bisa membatalkan sesuatu dan mengulang sesuatu, tapi Anda melakukan semua pekerjaan di sana.

Jadi ketika Anda selesai, Anda benar-benar selesai dan tidak suka, oke, kami akhirnya menyelesaikan desain dan itu ada di Figma. Dan kemudian Anda pergi, oke, bagus. Sekarang kita harus melakukan semua pekerjaan ini lagi untuk benar-benar membuatnya di WordPress. Bagi saya, saya ingin lebih dekat ke ujung tempat ia akan tinggal dan mendesain di sana dan juga mendesain di bawah batasan itu.

Seperti ada batasan di WordPress dan ada batasan di Kadence. Sebanyak yang saya ingin berikan kepada Anda setiap opsi dan saya terus berupaya menjadikannya lebih banyak opsi. Masih akan selalu ada batasan desain. Dan Anda perlu memikirkannya sebagai tidak selalu pengekangan, tetapi seperti, itu membuat saya tetap dalam batas tertentu, bidang tertentu dari apa yang harus saya edit dan apa yang mungkin tidak.

Katty: Benar. Saya memiliki begitu banyak hal yang ingin saya katakan. Pertama-tama, saya pikir apa yang akhirnya terjadi adalah ketika Anda mendesain dengan alat seperti Figma, atau Miro atau apa pun, dan Anda memikirkan seperti apa tampilan yang Anda inginkan, Anda hampir bisa masuk ke dalam perfeksionisme. model di mana, baik, dan kemudian kita dapat men-tweak ini dan kita dapat men-tweak ini dan kita dapat men-tweak ini.

Dan tiba-tiba, Anda memiliki desain langit yang mungkin terlihat bagus. Mungkin benar-benar sempurna. Mungkin memiliki, pikiran terbaik, menyatukan semua konten dan ide desain mereka menjadi sesuatu yang benar-benar sempurna. Dan kemudian itu belum tentu diterjemahkan dengan baik di dunia nyata. Hal lain adalah ketika Anda bahkan mendesain, misalnya, jika Anda mendesain sesuatu yang menggunakan bidang kustom dan Anda melakukan desain data dan dalam database bentuk normal ketiga yang sempurna, beginilah seharusnya semuanya bekerja, benar .

Seharusnya tabel ini terkait dengan tabel itu dan semuanya harus sempurna dan bentuk normal ketiga. Di dunia nyata, itu mungkin bukan cara terbaik untuk memberikan input data kepada seseorang, kepada Jane di front office, Anda harus memilih ini dan akan seperti ini.

Dan kemudian ketika Anda menyerahkannya untuk benar-benar memilikinya di WordPress, itu mungkin tidak benar-benar dapat dirancang seperti itu. Jadi ketika Anda mendesain lebih dekat ke alat, Anda tidak hanya menghemat waktu, Anda juga menghemat kelumpuhan analisis untuk membuat semuanya sempurna di alat desain Anda, taman berdinding. Tapi Anda melakukannya dengan alat yang akan menampilkannya kepada pelanggan. Anda melakukannya dengan cara yang terbaik tidak hanya untuk orang-orang yang menggunakan wp-admin, tetapi juga orang-orang yang melihatnya di bagian depan, dalam batasan alat. Dan banyak dari konten dinamis ini, alat untuk konten dinamis masih dalam tahap awal, mereka tidak benar-benar dalam masa pertumbuhan, tetapi masih banyak lagi yang perlu dilakukan. Ada banyak lagi yang dapat dilakukan untuk membuat cara kerja konten dinamis tanpa kode. Jadi bekerja di dalamnya, membangun sesuatu yang dapat tumbuh dengan alat saat mereka tumbuh, melakukannya di WordPress jauh lebih masuk akal, setidaknya dari pengalaman saya. Saya keluar dari kotak sabun saya sekarang.

Ben: Ya. Saya pikir kadang-kadang cukup membuat frustrasi ketika Anda tahu, saya mendapatkan file dari seorang desainer di Figma dan saya menyukainya, tetapi apa, bagaimana dengan seluler? Dan mereka seperti, oh ya, saya mungkin perlu membuatkan Anda versi seluler juga, ya. Dan saya seperti, yah, tidak, ketika Anda mendesain di WordPress, Anda sudah mendesain di ponsel.

Anda sudah mencoba untuk mencari tahu saat Anda pergi. Anda hanya harus berpikir seperti itu sejak awal. Dan Anda bisa masuk ke beberapa alat desain ini dan tidak dipaksa untuk berpikir seperti itu. Saya pikir hal yang paling umum, sebenarnya, saya melihatnya bahkan tidak mobile karena kebanyakan orang sedikit lebih sadar.

Ini layar lebar yang besar. Mereka merancang halaman yang sangat sempit ini dan saya seperti, yah, tapi apa yang terjadi jika itu hanya mengisi sepertiga layar Anda? Dan Anda menarik lebar itu keluar, dan tiba-tiba desainnya benar-benar berbeda. Saya pikir alat-alat itu sangat membantu, tetapi saya sering lebih frustrasi dengan apa yang tidak mereka tunjukkan ketika seseorang mendesainnya dan apa yang tidak dipikirkan oleh perancang dan tidak dapat dipikirkan, yah, saya tidak perlu to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? What works for you? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? Dan jika demikian, bagaimana? Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. Kami akan senang mendengar dari Anda. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Ya.

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

Ben: Ya. I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. Jadi sangat menarik. Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

Katty: Luar biasa. Yeah, we're all living vicariously through Hannah's adventures right now. So very cool. Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.