EN BM 中文
Web & System Solutions · Butterworth, Pulau Pinang +6011-1142 1029 sales@potadot.com.my
Utama · Projek · Laman web korporat · Broccolink

BroccolinkPemasaran AI · Laman web syarikat

Laman web yang juga ditulis untuk AI.

Laman web untuk Broccolink, perkhidmatan pemasaran AI di Malaysia. Pemilik perniagaan membaca teks pada halaman. Alat AI boleh membaca data di sebaliknya. Laman ini dibina untuk kedua-duanya.

Pelanggan
Be Broccoli Inspiration House Sdn. Bhd.
Industri
Pemasaran AI
Apa yang kami buat
Konsep, kandungan, reka bentuk, pembangunan, SEO
Bahasa
Bahasa Inggeris + Bahasa Cina
broccolink.com.my
Dua pembacaManusia dan mesin Inggeris + CinaSetiap satu ada alamat sendiri WhatsAppTiga butang, satu nombor
Ringkasnya

Broccolink ialah perkhidmatan pemasaran AI yang dikendalikan oleh Be Broccoli Inspiration House Sdn. Bhd. di Malaysia. Potadot mereka dan membina laman webnya sebagai satu halaman panjang dalam Bahasa Inggeris dan Bahasa Cina. Halaman ini bertanya satu soalan kepada pemilik perniagaan, “Does AI know your story?” (Adakah AI mengenali cerita anda?), kemudian menerangkan ideanya, menunjukkan kaedahnya dan berakhir di WhatsApp. Di sebalik halaman, data berstruktur menerangkan syarikat, perkhidmatannya dan empat soalan lazim dalam format yang boleh dibaca mesin.

Pelanggan

Syarikat Malaysia yang menulis untuk dibaca AI.

Broccolink dikendalikan oleh Be Broccoli Inspiration House Sdn. Bhd. (No. Pendaftaran 201901033374). Perkhidmatannya ialah kandungan: bahan tentang sesuatu jenama, ditulis supaya alat AI dapat mengenali, mengingati dan mengesyorkannya.

Laman ini menamakan tiga platform untuk kandungan itu: Brand Biography, rekod Corporate Milestones dan Brand FAQ Center. Halaman ini diakhiri dengan tawaran terhad untuk 1,000 tempat Pioneer.

Logo Broccolink: BROCCO dalam huruf hitam tebal, kemudian LINK dalam garisan nipis yang membulat, bertukar daripada biru kepada magenta dan jingga
3
Peringkat: Recognize, Remember, Recommend
3
Platform strategik
1,000
Tempat Pioneer ditawarkan
2
Bahasa: Inggeris dan Cina
Taklimat

Idea baharu perlu jelas dalam satu tatalan.

Setiap pemilik perniagaan kenal Google. Apa yang dijawab alat AI apabila pelanggan meminta cadangan pula persoalan yang lebih baharu. Laman ini perlu menimbulkan soalan itu dan menjawabnya dalam satu halaman.

Jadikan masalah mudah dibayangkan

Masalah tidak dikenali AI sukar dilihat dengan mata. Laman ini memerlukan gambar dan perbandingan yang terus difahami pemilik perniagaan, walaupun tanpa latar belakang teknikal.

Buktikan pada laman sendiri

Syarikat yang menasihati pemilik perniagaan supaya jenama mereka boleh dibaca AI perlu ada laman web yang boleh dibaca AI. Data di sebalik halaman sama penting dengan teks di atasnya.

Bercakap dalam dua bahasa

Halaman ini ada dalam Bahasa Inggeris dan Bahasa Cina, jadi setiap bahasa memerlukan versi yang lengkap, dari soalan pertama hingga butang terakhir.

Mudahkan langkah seterusnya

Pemilik perniagaan yang ingin tahu tidak perlu mengisi borang. Satu mesej WhatsApp sudah cukup untuk bermula.

Konsep

Satu halaman, dua pembaca.

Hujah Broccolink ringkas: AI hanya boleh mengesyorkan apa yang telah dibacanya. Laman yang membawa hujah itu perlu mengamalkannya, jadi halaman ini bercakap dengan dua pembaca serentak. Pemilik perniagaan mendapat cerita yang jelas dalam huruf besar, manakala mesin mendapat data berstruktur tentang syarikat dan perkhidmatannya. Jabat tangan di bahagian atas, satu tangan manusia dan satu tangan robot, menyatakan perkara yang sama dalam satu gambar.

Laluan di sepanjang halaman

  1. 1 Tanya

    Skrin pertama bertanya satu soalan.

  2. 2 Senyap

    Robot meletakkan jari di bibir, menunjukkan rupa kesenyapan.

  3. 3 Ikut

    Satu reben membawa Recognize, Remember dan Recommend.

  4. 4 Buka

    Tiga platform, satu kad dibuka pada satu masa.

  5. 5 Pilih

    Tiga nota mengelilingi otak, kemudian tawaran.

  6. 6 Balas

    Butang terakhir membuka WhatsApp.

Dari mana datangnya rupa ini

Nama

BROCCO dalam hitam padat, LINK dalam garisan berwarna yang nipis. Logo ini sudah membahagikan nama itu kepada dua: huruf tebal untuk dibaca, warna untuk pautan. Seluruh halaman mengikut pembahagian yang sama.

Pustakawan

Laman ini mengibaratkan AI sebagai pustakawan yang tidak boleh mengesyorkan jenama yang tiada buku di perpustakaannya. Perbandingan itulah tulang belakang halaman ini, kerana idea teknikal menjadi sesuatu yang mudah dibayangkan oleh mana-mana pemilik perniagaan.

Jabat tangan

Tangan manusia bertemu tangan robot di atas cahaya warna jenama. Gambar ini diletakkan di bahagian atas kerana pertemuan itulah inti perkhidmatan ini, dan itulah juga maksud perkataan link.

Reka bentuk

Hitam untuk dibaca, warna untuk menghubungkan.

Halaman ini kebanyakannya putih, dengan tajuk hitam yang sangat tebal. Warnanya datang daripada satu gradien, biru ke magenta ke jingga, yang diambil daripada perkataan LINK pada logo. Ia muncul pada perkara yang menghubungkan: jabat tangan, reben dan butang.

Warna

  • Putih#FFFFFFHalaman itu sendiri
  • Hampir hitam#141414Tajuk, kad tertutup, logo besar di kaki halaman
  • Biru langit#2AACE2Permulaan gradien, tanda petikan
  • Magenta#EA0A8CPertengahan gradien, lencana bilangan tempat
  • Jingga#F47A1FHujung gradien

Putih dan rona pucatnya meliputi kira-kira tiga perempat halaman, jadi gradien menonjol setiap kali ia muncul.

Tipografi

Does AI know your story?

Poppins · Soalan pembuka, sangat tebal di laman sebenar

AI can only recommend what it has read.

Poppins · Tajuk bab, sama saiz dan ketebalan di sana

Imagine AI as a librarian. If there are no books about your brand in its library, it cannot recommend you to readers.

Poppins · Teks bacaan

Reben

Reben merentasi seluruh lebar halaman, membentuk tiga lingkaran berlabel Recognize, Remember dan Recommend, berwarna biru ke magenta ke jingga

Tiga lingkaran pada satu reben, dengan warna bertukar daripada biru kepada jingga sepanjang jalan. Recognize, Remember dan Recommend dibaca seperti peringkat dalam perjalanan. Hurufnya kelihatan seperti Android 7, jenis huruf kedua laman ini, iaitu huruf bersegi bergaya mesin yang digunakan untuk label di atas setiap tajuk.

Butiran

Tiga kad kaedah dari laman web sebenar: Brand Biography dan Brand FAQ Center tertutup dalam warna hitam, Corporate Milestones terbuka dan pucat dengan roket biru

Pada komputer, satu kad terbuka dan berwarna pucat, manakala dua lagi tertutup dan hitam. Halakan tetikus pada kad tertutup dan kad itu pula terbuka. Tiga penerangan panjang menjadi satu demi satu, dan teks yang tertutup kekal dalam kod halaman.

Rentak

  1. Soalan
  2. Jabat tangan
  3. Mengapa AI
  4. Reben
  5. Petikan
  6. Kaedah
  7. Tawaran
  8. Logo

Halaman kekal putih dan diselangi warna yang pendek tetapi kuat: jabat tangan, reben, kad hitam dan logo gergasi di kaki halaman. Bar di atas ialah halaman ini mengikut skala, dengan setiap bab dalam warnanya yang paling kuat.

Panduan

Halaman ini, mengikut susunan bacaan pemilik perniagaan.

Dari soalan pertama hingga butang terakhir, setiap serlahan menandakan satu bahagian hujah dan nota memberikan sebabnya.

01/07

Ia bermula dengan soalan

Satu baris kecil menyatakan pelanggan sedang bertanya kepada AI. Di bawahnya, perkataan terbesar pada skrin bertanya “Does AI know your story?” Satu ayat dan satu butang menyusul.

Mengapa Soalan membuat pemilik perniagaan menilai kedudukan sendiri. Pernyataan tentang AI mudah dilangkau begitu sahaja.

02/07

Kesenyapan dilukis sebagai robot

Di sebelah ayat “AI can only recommend what it has read”, sebuah robot meletakkan jari di bibir. Teksnya mengibaratkan AI sebagai pustakawan yang tiada buku tentang jenama anda.

Mengapa Masalah di sini ialah sesuatu yang tiada, dan itu sukar ditunjukkan. Robot yang berkata shh menjadikannya mudah dibayangkan.

03/07

Tiga sebab pada tiga kad

The Shift, The Stakes dan The Trust Mechanism masing-masing mendapat kad putih biasa dan tajuk pendek, seperti “10 Links vs. 1 Answer”.

Mengapa Setiap tajuk jelas walaupun dibaca sendiri, jadi pemilik perniagaan yang sekadar melihat sepintas lalu tetap menangkap ketiga-tiga sebab.

04/07

Satu reben, tiga peringkat

Reben merentasi seluruh lebar skrin dan membentuk tiga lingkaran, Recognize, Remember dan Recommend, dengan ikon dalam setiap satu.

Mengapa Tiga perkataan dalam senarai mudah dilupakan. Pada satu reben yang tidak putus, ia dibaca sebagai satu perjalanan yang jelas hala tujunya.

05/07

Satu kad dibuka pada satu masa

Kaedahnya terdiri daripada tiga platform. Halakan tetikus pada kad dan kad itu melebar, bertukar pucat dan menunjukkan ikon serta penerangannya, manakala dua lagi kekal tertutup.

Mengapa Pemilik perniagaan nampak ketiga-tiga nama sekali gus dan hanya membaca butiran yang mereka pilih.

06/07

Otak dengan tiga nota

Di bawah tajuk 1,000 Brand Pioneers, otak bersegi berada di tengah dengan tiga nota gradien di sekelilingnya: Triple Verification, Global Indexing dan Permanent Asset.

Mengapa Otak itulah pembaca kedua, yang menjadi perkara utama seluruh halaman. Nota yang disemat padanya tidak lagi terasa seperti senarai biasa.

07/07

Penutupnya hanya satu butang

Tawaran datang dahulu, kemudian ayat penutup dan butang yang membuka WhatsApp. Di bawahnya, logo Broccolink merentasi seluruh lebar skrin.

Mengapa Pada tahap ini, pemilik perniagaan hanya ada satu perkara lagi untuk dilakukan. Nama yang sangat besar itu perkara terakhir yang dilihat sebelum beredar.

broccolink.com.my
Ia bermula dengan soalanSatu soalan, satu butang
Kesenyapan dilukis sebagai robotRobot dan pustakawan
Tiga sebab pada tiga kadTiga kad
Satu reben, tiga peringkatRecognize, Remember, Recommend
Satu kad dibuka pada satu masaHalakan untuk buka
Otak dengan tiga notaTiga nota, satu otak
Penutupnya hanya satu butangTawaran, butang, logo
Di telefon

Cerita yang sama dalam satu lajur.

Telefon tiada tetikus untuk dihalakan, jadi halaman mengubah cara ia memaparkan kandungan. Susunan ceritanya kekal sama.

  • Reben mengecil dan kekal pada satu baris, jadi tiga peringkat masih dibaca bersama
  • Tiga kad kaedah disusun menegak, setiap satu dengan ikon dan teks penuh
  • Tiga nota disusun dalam satu lajur di atas otak
Skrin pertama pada telefon, dengan soalan, butang dan jabat tangan
Kad kaedah disusun pada telefon, dengan Brand Biography dan Corporate Milestones terbuka sepenuhnya
Hujung bahagian kaedah dan tawaran pada telefon, dengan nota disusun menegak
Di sebalik tabir

Pembaca yang tidak kelihatan.

Tiga kad pertama ditulis untuk mesin, dan pelawat tidak nampak semua itu. Di laman ini, itulah yang paling penting. Tiga lagi memastikan orang boleh membaca halaman dan menghubungi syarikat.

01

Data syarikat

Data berstruktur menyatakan nama syarikat, logonya, keterangan ringkas dan bahawa ia berkhidmat di Malaysia.

02

Data perkhidmatan

Blok kedua menamakan perkhidmatannya sebagai Answer Engine Optimization dan mengaitkannya dengan Broccolink.

03

Jawapan untuk mesin

Empat soalan lazim, seperti “What is AEO?”, ditulis sebagai data FAQ di sebalik halaman.

04

Inggeris dan Cina

Setiap bahasa ada alamat sendiri, dihubungkan dengan tag bahasa. Dua butang bulat kekal di bawah kiri skrin untuk bertukar bahasa.

05

WhatsApp dari setiap butang

Ketiga-tiga butang gradien membuka perbualan dengan nombor yang sama, jadi tiada borang untuk diisi.

06

Kad tanpa tetikus

Telefon tiada tetikus, jadi kad kaedah menunjukkan segalanya di situ. Pada komputer, teks kad yang tertutup masih ada dalam kod halaman.

Cara kami membinanya

Proses yang sama, setiap projek.

Setiap projek Potadot bermula dengan memahami situasi pelanggan sebelum apa-apa direka. Lihat kesemua tujuh langkah

  1. 1

    Fahami perniagaan

    Apa yang dijual Broccolink, siapa yang memerlukannya, dan cara menerangkan kehadiran jenama dalam AI kepada pemilik perniagaan yang tidak pernah terfikir tentangnya.

  2. 2

    Penghasilan kandungan

    Tajuk pendek dan perbandingan yang jelas untuk setiap bab, dalam Bahasa Inggeris dan Bahasa Cina.

  3. 3

    Reka bentuk + pembangunan

    Gradien, reben dan kad yang terbuka dahulu, kemudian setiap bab untuk komputer dan telefon.

  4. 4

    SEO + pelancaran

    Tajuk, tag bahasa dan data berstruktur untuk syarikat, perkhidmatan dan FAQ, kemudian pelancaran.

Soalan

Tentang projek ini.

Ada perkhidmatan baharu yang perlu diterangkan? Ceritakan kepada Ricky melalui WhatsApp di +6011-1142 1029.

Apakah yang dilakukan Potadot untuk Broccolink?

Kami merangka konsep, menulis kandungan, mereka halaman dan membina laman web dalam Bahasa Inggeris dan Bahasa Cina, berserta persediaan carian, data berstruktur dan pautan WhatsApp.

Mengapa satu halaman panjang?

Idea Broccolink mengambil beberapa langkah untuk diterangkan, dan setiap langkah bergantung pada yang sebelumnya. Satu halaman dengan susunan tetap menjadikannya satu cerita.

Apakah data berstruktur, dan mengapa ia penting di sini?

Data berstruktur ialah maklumat dalam kod halaman yang menerangkan syarikat dan perkhidmatannya dalam format yang boleh dibaca mesin. Di laman ini ia lebih penting, kerana menjadikan jenama boleh dibaca mesin ialah perkhidmatan yang dijual Broccolink.

Bolehkah anda bina sesuatu seperti ini untuk perniagaan saya?

Boleh. Jika pelanggan perlu faham sesuatu yang baharu sebelum membeli, kami mulakan dengan mencari perbandingan mudah yang menjelaskannya, seperti pustakawan di sini, kemudian membentuk halaman di sekelilingnya. Beritahu kami apa yang anda jual dan kami akan tunjukkan pendekatan kami.

Jom berbincang

Ada idea yang perlu diterangkan dengan baik?

+6011-1142 1029 sales@potadot.com.my potadot.com.my