COACH ADIB / NOTA BELAJAR

SCC / Sales Page / Pelajaran 12

Template Figma + Onpay

Ikuti demonstrasi salinan-ke-reka bentuk-ke-OnPay yang dirakam semasa memeriksa klaimnya.

Nota belajar dalam BM · Kandungan daripada pelajaran Coach Adib

INTI PELAJARAN

Rakaman ini mengulangi demonstrasi Figma KIPTO-to-OnPay yang juga dikatalogkan sebagai Laman Web Asas Onpay. Ia merangkumi import templat, draf salinan kucing-vitamin AI, tiga peringkat kerja, muat naik bahagian imej dan penyesuaian bantalan kaki.

Berasaskan draf BM; semakan bahasa dan maksud penuh masih belum selesai.

01 / PETA KONSEP

Lihat hubungan topik dahulu

Template Figma + Onpay

Peta ini menunjukkan susunan konsep dalam pelajaran. Klik topik untuk huraian serta bingkai sumbernya.

02 / HURAIAN & SLAID ASAL

Fahami satu konsep pada satu masa

Setiap bingkai dikekalkan daripada rakaman asal. Klik imej untuk membukanya pada saiz asal.

KONSEP 01

Memimport templat dan struktur halaman

Demonstrasi mengimport Template Sales Page V2.0 ke dalam projek Figma, membukanya dan mengedit aliran mudah alih yang mudah. Coach Adib menyebut pautan fail di bawah pelajaran, tetapi pengekstrakan ini tidak memperoleh atau mengesahkan aset penyuntingan yang berasingan. Tangkapan skrin mengekalkan apa yang ditunjukkan.

KIPTO adalah label templat yang dipaparkan. Aliran ini bermula dengan tajuk kepercayaan / hype yang tebal, tajuk kecil yang menyokong, imej bukti dan penjelasan, kemudian pengenalan produk, penerangan satu baris dan USP, bahan kepercayaan lanjut, dan tawaran dengan harga / ringkasan / CTA. Rangka kerja yang lebih pendek dikembangkan lebih lanjut dalam pelajaran templat.

Pengurangan gula darah dan contoh ekstrak ikan dua minggu adalah salinan hipotetik, bukan bukti klinikal. Menamakan sesuatu yang berani tidak membuktikan kebenarannya. Gambar mesti menyokong tuntutan sebenar dan bukannya mewujudkan penampilan bukti.

Sumber tidak pasti sama ada import projek Figma adalah percuma atau terhad kepada tiga fail. Itu bukan peraturan rancangan semasa yang disahkan.

PERKARA YANG PERLU DIINGAT

  • Dapatkan templat sebenar secara berasingan jika perlu.
  • Periksa bukti sebelum menulis tuntutan yang kuat.
11:27 — Templat Figma KIPTO asal dan tiga peringkat kerja.
11:27 — Templat Figma KIPTO asal dan tiga peringkat kerja. · Rujuk transkrip bahagian ini
KONSEP 02

Eksport dan AI draf salinan

Coach Adib mengelompokkan item untuk eksport PNG, menyebut resolusi 2x, kemudian mengeksport keseluruhan bingkai sebagai PDF untuk arahan AI. Tuntutan meminta perkataan halaman vitamin kucing mengikut templat yang dilampirkan. Ini adalah langkah-langkah aliran kerja yang direkodkan, bukan jaminan antara muka semasa.

Hasilnya termasuk #1, cadangan doktor haiwan, lima ribu pemilik dan perubahan empat belas hari. Tiada yang dibuktikan oleh ringkasan yang disediakan. Narasi juga melihat cadangan doktor yang dinamakan dan bertanya sama ada ia dicipta.

Salinannya dilekatkan ke dalam templat, diperpendek jika terlalu panjang dan diperiksa untuk saiz yang boleh dibaca. Pelajaran ini menunjukkan penyusunan, bukan pengesahan: pengesahan, bilangan pelanggan, kelajuan hasil dan tuntutan perumusan memerlukan sokongan sebenar sebelum penerbitan.

PERKARA YANG PERLU DIINGAT

  • Perlakukan AI sebagai draf.
  • Hapuskan fakta yang dicipta dan sokongan yang tidak disokong.
06:45 — Rancangan AI asal merangkumi tuntutan veterinar dan jumlah pelanggan yang tidak berasas.
06:45 — Rancangan AI asal merangkumi tuntutan veterinar dan jumlah pelanggan yang tidak berasas. · Rujuk transkrip bahagian ini
KONSEP 03

Jauhkan tiga peringkat kerja

Pertama tulis salinan dalam struktur hitam dan putih yang biasa. Kemudian tiru dan masukkan gambar / video yang relevan, periksa sama ada bukti yang diperlukan ada. Akhirnya membangunkan reka bentuk visual dalam versi yang berasingan.

Coach Adib menyemak semula labelnya dari kandungan / visual / draf pertama hingga penulisan salinan, penyisipan imej dan reka bentuk. Matlamatnya adalah untuk mengelakkan menggilap sebelum memutuskan apa yang harus dikatakan dan ditunjukkan halaman. Simpan draf terdahulu supaya penalaran dapat dikaji semula.

PERKARA YANG PERLU DIINGAT

  • Menyelesaikan kandungan dan bukti sebelum muncul.
11:27 — Kandungan Fokus Asli, Fokus Masuk Gambar dan Label Reka Bentuk Fokus.
11:27 — Kandungan Fokus Asli, Fokus Masuk Gambar dan Label Reka Bentuk Fokus. · Rujuk transkrip bahagian ini
KONSEP 04

Borang OnPay dan penyisipan imej

Langkah-langkah yang direkodkan membuat borang dengan kod, tajuk dan produk yang dipilih, simpan, kemudian buka semula untuk mengedit. Tab kedua digunakan untuk memuat naik imej melalui senarai imej. Kod SC05 dan Parfume Raudah adalah nilai demonstrasi, bukan produk vitamin kucing yang sebenarnya dilancarkan.

Coach Adib tangkapan skrin bahagian halaman dan bukannya mengeksport bingkai bersih, memuat naik mereka secara individu, menyegarkan dan memasukkan imej dalam urutan ke dalam kawasan teks borang. Dia menyimpan dan memeriksa pandangan mudah alih. Eksport bingkai yang lebih bersih disebut sebagai alternatif yang lebih baik.

Pembinaan berasaskan imej ini menunjukkan pintasan visual. Ia tidak mewujudkan teks yang boleh diakses, penanda aras carian, prestasi memuat, kebolehbacaan responsif atau checkout berfungsi untuk setiap peranti. Kualiti itu tidak disahkan oleh rakaman sahaja.

PERKARA YANG PERLU DIINGAT

  • Simpan susunan bahagian dan periksa hasil mudah alih.
  • Semak produk sebenar dan susunan pembayaran.
17:00 — Senarai Imej OnPay Asli dan bahagian imej yang dimuat naik.
17:00 — Senarai Imej OnPay Asli dan bahagian imej yang dimuat naik. · Rujuk transkrip bahagian ini
KONSEP 05

Penyesuaian padding dan batasan sumber

Sumber menerangkan menyalin skrip berasingan yang disertakan ke dalam kod tambahan di kaki, menyimpan dan menyegarkan untuk membuang pembungkus putih. Aksara penuh tidak ditranskripkan dengan jelas atau diperoleh secara bebas di sini, jadi tidak ada kod yang tepat yang dicipta dalam nota ini.

Rakaman menunjukkan hasil visual, bukan resipi integrasi yang disahkan semasa. Ia merujuk penonton kepada OnPay untuk butiran khusus produk yang lebih mendalam. Ekstrak ini tidak mendaftar, mengubah atau menerbitkan laman web pengguna.

PERKARA YANG PERLU DIINGAT

  • Periksa skrip sebenar dan kesannya sebelum digunakan.
18:45 — Tab Kod Tambahan asal yang digunakan untuk penyesuaian padding.
18:45 — Tab Kod Tambahan asal yang digunakan untuk penyesuaian padding. · Rujuk transkrip bahagian ini
03 / ISTILAH KUNCI

Gunakan istilah dengan tepat

Istilah asalMaksud dalam pelajaran
KIPTORangka kerja templat halaman jualan pendek yang dipaparkan; pengembangan dilindungi dalam kandungan templat kemudian.
Image-based pageKaedah yang direkodkan untuk meletakkan bahagian imej yang direka secara menegak dalam bentuk.
04 / INGAT TANPA MELIHAT

Terangkan dahulu, kemudian semak

Terangkan setiap topik dengan ayat sendiri sebelum membuka isi semakan.

1. Memimport templat dan struktur halaman

Buka isi semakan
  • Dapatkan templat sebenar secara berasingan jika perlu.
  • Periksa bukti sebelum menulis tuntutan yang kuat.

Semak penerangan penuh dan slaid

2. Eksport dan AI draf salinan

Buka isi semakan
  • Perlakukan AI sebagai draf.
  • Hapuskan fakta yang dicipta dan sokongan yang tidak disokong.

Semak penerangan penuh dan slaid

3. Jauhkan tiga peringkat kerja

Buka isi semakan
  • Menyelesaikan kandungan dan bukti sebelum muncul.

Semak penerangan penuh dan slaid

4. Borang OnPay dan penyisipan imej

Buka isi semakan
  • Simpan susunan bahagian dan periksa hasil mudah alih.
  • Semak produk sebenar dan susunan pembayaran.

Semak penerangan penuh dan slaid

5. Penyesuaian padding dan batasan sumber

Buka isi semakan
  • Periksa skrip sebenar dan kesannya sebelum digunakan.

Semak penerangan penuh dan slaid

Soalan semak kefahaman

  • Adakah setiap pengesahan dan tuntutan hasil mempunyai sokongan?
  • Adakah templat/skrip berasingan tersedia dan sesuai?
  • Adakah teks boleh dibaca dan laluan pembelian boleh digunakan di telefon bimbit?

Isi semakan datang daripada nota sumber. Ini bukan skema peperiksaan rasmi atau pengesahan setiap perkataan audio.

05 / LEMBARAN TINDAKAN

Tukar kefahaman kepada tindakan

  1. Rancangan salinan fakta, peta bukti imej, kemudian semak semula reka bentuk dan pelanggan / laluan pembayaran penuh.

Latihan sendiri disimpan pada pelayar ini jika storan tersedia. Jawapan tidak dihantar kepada akaun atau perkhidmatan lain.

Semakan kendiri

Tanda ini merekodkan pembelajaran sendiri, bukan ketepatan kandungan.

06 / JEJAK SUMBER

Kembali kepada konteks asal

RAKAMAN ASAL UNTUK RUJUKAN

Tonton video asal dalam portal kursus →

Video dibuka dalam portal menggunakan sesi keahlian anda. Rujuk masa pada kapsyen bingkai untuk mencari bahagian yang diterangkan. Fail video belum dilampirkan di sini.

Audio penuh pelajaran

Buka audio penuh

Pemain ini menggunakan rakaman audio sedia ada. Kehadiran rakaman tidak bermaksud setiap perkataan transkrip telah disahkan.

Status semakan kandungan

Seluruh transkrip automatik telah dikaji secara berasingan. Semua lima rujukan bingkai yang dipilih diperiksa terhadap rakaman ini dan sepadan dengan bait pelajaran sebelumnya; cap masa dan tempoh juga sepadan. Pautan sumber berbeza, jadi penggunaan semula adalah berdasarkan pemeriksaan kandungan / bingkai, bukan URL bersama. Perkataan kesihatan dan pengesahan AI masih tidak disokong, dan templat / skrip yang berasingan belum diperoleh. Pengesahan audio kata demi kata masih belum selesai.

Format ini menyusun nota sedia ada; ia tidak menambah pengesahan terhadap pertuturan, angka contoh atau dakwaan pengajar. Bingkai diambil daripada rakaman melalui pensampelan; peralihan singkat mungkin terlepas.