不用寫程式也能架出Facebook!No Code網頁設計新創Bubble,解決開發人才短缺問題
不用寫程式也能架出Facebook!No Code網頁設計新創Bubble,解決開發人才短缺問題

「無程式碼」(No-code)世代降臨?如果你想開發應用程式、架設網站,或是成立一家新創,但你不是工程師,也不會寫程式,過去你只有兩種選擇——自學程式設計、聘請會寫程式的人,前者對於非工程師來說知識門檻極高,後者則可能非常昂貴。

「我們應該要讓電腦學會人類的語言!例如,要將網頁的按鈕變成紅色,我們不應該撰寫程式碼,而是要能夠用滑鼠指向按鈕後,直接選擇紅色方塊。」無程式碼網頁/應用程式開發平台Bubble共同創辦人Emmanuel Straschnov說道。

資策會數位教育研究所課程研發經理鐘祥仁曾強調,基本系統與程式設計是AI人才必備的技能,包括Python、C、C++、C#、Java等程式語言,需能夠寫出關鍵程式的片段,串接到大廠的服務中,而台灣人工智慧(AI)數位人才的缺口逐漸顯現,但在疫情催化下,各企業卻得加緊腳步進行數位轉型,因此無程式碼開發工具將是個轉機:透過簡易的拖拉介面、輸入介面、自定義桌布操作,應用程式就能成形,以往需要數週甚至數月才能完成的AI工作,現在可以在數天或者數小時內完成。

工程師供不應求,Bubble走在無程式碼革命最前沿

2012年,紐約市的科技新創公司數量激增,許多不同行業、擁有專業知識和想法的企業家,到處尋找工程師協助啟動公司卻未果。彼時,Emmanuel Straschnov和Josh Haas看到無程式碼商機,共同創辦了無程式碼網頁/應用程式開發新創Bubble,用戶無須寫程式碼,即可在瀏覽器中設計應用程式、網站,並直接發布使用。

Bubble Founders
新創Bubble兩位共同創辦人,左為Josh Haas,右為Emmanuel Straschnov。

來自法國的Emmanuel進入哈佛商學院以前,曾在中國展開他的管理顧問生涯,從金融、科技到時尚產業均有所涉獵。Emmanuel分享,初次遇見Josh時,對方已開始著手建構Bubble平台,並正在尋找其他共同創辦人,「他(Josh)在之前的公司,打造了供非技術員工建構些簡單軟體的工具,為他們帶來不少幫助。」因此決定創業擴大此工具的規模。

Emmanuel指出,儘管政府積極嘗試在學校新增更多程式設計課程,但現實是軟體工程的需求仍遠遠超過人才市場的供應量,「我們不認為教每個人寫程式是可行的方法,因為程式設計比很多工作來得乏味。」

Emmanuel和Josh期望將創造的力量賦予每個人,「應該要讓人們可以自己生產軟體,而不是成為技術的消費者。」有了Bubble,能夠開發新產品的人數和公司將劇烈成長,並釋放出巨大經濟潛力及工作機會。

Bubble-Editor.png
輸入Email後,即可免費開始於Bubble網站上建構屬於自己的應用程式、網頁。

研發應用程式不再昂貴又困難,人人都能創建Twitter、Facebook

Bubble提供視覺化程式設計服務,使用者利用圖形化元素進行程式設計,無須下載軟體,可直接於瀏覽器上透過單擊和拖動介面,建構各種類型的Web應用程式,如SaaS產品、社交媒體網站、CRM等,不單適用於Prototype。

Bubble教導你如何建構屬於自己的第一個應用程式

Bubble與其他視覺化網站架設平台如Figma、Squarespace和Wix有何不同?

Squarespace等平台適合簡單、主要由靜態內容組成的模板化網站,「但他們無法創建完整的Web應用程式,」這就是Bubble的可用武之地,Emmanuel解釋:「在Bubble上,不僅可以控制介面及像素,還可以連接API、在資料庫中保存內容等。」簡而言之,目前只有Bubble,可以直接架設出Twitter、Airbnb等應用程式。

Emmanuel舉例,一名過去沒有程式設計經驗的MBA畢業生Vladimir Leytus,成功在四天內利用Bubble複製出Twitter網站(NotRealTwitter),「我們已經見證數十家新創公司、自由業者在Bubble上推出應用程式或網站,例如,去年在柏林TechCrunch Disrupt上獲得參賽名額的Zeroqode。」

NotRealTwitter.png
Bubble讓企業家在不依賴工程師的情況下,可以直接架設出Twitter。

「我們更喜歡將Bubble稱為『視覺化程式設計平台』,因為設計過程中,仍然會涉及一些程式語言。」Emmanuel說明,用戶依舊可以使用Javascript外掛程式,處理Bubble無法完成的任務。

Bubble Plugins example.png
使用Bubble架設網站時,可任意插入Facebook、Instagram、Google Maps等外掛程式。

Bubble獲一億美元投資,下一步將朝教育邁進

自去年COVID-19大流行,人們在低迷的就業市場中爭先恐後地尋求新機會、改善工作狀況,Emmanuel表示,Bubble在去年3、4月的使用量激增,目前已累積全球超過100萬名用戶,並且過去一年的收入上漲了兩倍。

不過特別的是,Bubble在達到如今的規模前,是家自力更生的新創公司:「我們從一開始就決定不籌集資金,因為我們覺得傳統VC路線的產品開發週期太長。」Emmanuel指出,投資者希望每天都能增加更多新用戶,但Bubble當時決定專注於現有用戶,滿足他們對平台性能的要求。在2019年6月獲得由SignalFire牽頭的650萬美元種子輪融資之前,Bubble團隊花了7年的時間來精進產品的功能。

而今年7月底,Bubble宣布,由私募股權公司Insight Partners的董事總經理Ryan Hinkle領投了該公司的1億美元A輪融資,Betaworks及幾位著名天使投資人 Hootsuite、Peloton和Datadog創辦人皆加入了本輪融資。

Emmanuel分享,這筆新籌集的資金將大力投資「無程式碼開發工具的教育」,「雖然平台易於使用,但對非技術人員來說,任何設計工具一開始都可能讓他們感到害怕。」因此,團隊決定每月發布一則教學影片;同時考慮與大學合作舉辦訓練營,吸引更多學生使用Bubble。除此之外,在平台功能方面,Emmanuel提及將開發架設「響應式網頁」的新方法。

computer-class-shutterstock
圖/ ShutterStock

當無程式碼語言成為趨勢,Bubble將出現競爭對手?

疫情讓各企業被迫快速數位轉型,無程式碼開發工具除了讓工程師不足、無法聘請足夠人才的公司,省去一大麻煩,可以自主開發外;也分擔了技術部門繁雜而重複的工作,讓他們可以專注在更先進的技術發展上。

隨著無程式碼語言成為趨勢,2018年也出現了另一家由設計師Nick Budden所成立的無程式碼開發新創Phase,同樣致力於打造一款數位設計工具,不需寫程式,即可創建出網站及應用程式的互動介面。

phase4.jpg
Phase數位設計工具

雖然Phase目前仍在開發中,尚未完成程式碼系統;但其第一階段產品針對「互動式裝置」進行優化,創造出有別於Bubble的新功能,設計師可在平台上,快速設定網頁各個按鈕的變化,方法類似「動畫製作」,利用時間軸、影格,執行互動裝置前後的不同。

若未來Phase完成程式碼系統,以及如GitHub的代碼協作功能,或許將成為Bubble強勁的競爭對手。

參考資料:Bubble BlogTechCrunch
Sam Dickie MediumInsideReutersMeet 創業小聚

【延伸閱讀】

1.28歲青年鑽研「Python+股市」,最後卻靠線上課程賣出千萬身價
2.一個月 8.99 美元喝到飽?美知名連鎖麵包店切「訂閱制」,高「流量」帶入新客源

最新9月號雜誌《2021年台灣網紅生態全解析》馬上購:傳送門
「電子雜誌」輕鬆讀:傳送門

責任編輯:傅珮晴、蕭閔云

關鍵字: #軟體工程師
往下滑看下一篇文章
品牌成長的下一步:WPP Open 與 AI 驅動的智慧行銷全攻略
品牌成長的下一步:WPP Open 與 AI 驅動的智慧行銷全攻略

生成式 AI 正在改變人們的生活與工作方式,品牌行銷的運作模式也因此而大幅改變。為因應這波變革,WPP Media(群邑媒體)舉辦「Open for Growth 2030 打開智能行銷時代」論壇,正式宣佈在台推出全新平台 WPP Open,並攜手奧美與 The Trade Desk 兩大合作夥伴,共同探討未來十年的媒體轉型藍圖,協助企業洞察國際趨勢,搶先布局新時代的傳播競爭力。

WPP Open 在台上市,打造 AI 行銷智能引擎

WPP Media(群邑媒體)執行長郭俊鑫表示,AI 已經是行銷流程中不可或缺的一環,但行銷人現在的挑戰不在於「要不要用AI」,而是「如何讓 AI 落地,真正幫助品牌在每一個層面上都能產生成效?」

對此,WPP 集團集結全球的行銷數據、策略與方法論,打造出全新智慧行銷平台 WPP Open,這是一個跨品牌、跨市場、跨媒體的 AI 智能策略引擎,可以讓行銷策略與產出更快、更準、更有影響力。

WPP Media
WPP Media(群邑媒體)執行長郭俊鑫
圖/ WPP Media

WPP Open平台具備三大特色。第一是以 WPP 集團本身所擁有涵蓋 75 個產業的消費者數據庫為基礎,再串接全球超過 350 家合作夥伴的數據庫,透過大量且多元的數據來訓練模型,確保資料安全與精準。第二是以「Private by Default」為設計核心,確保品牌在利用數據的同時仍維持最高隱私標準。第三是內建 Discovery、Plan、Activate、Measure 四大模組,涵蓋媒體行銷的每一個階段,讓品牌主、創意團隊與媒體平台等不同組織,都能在相同平台上一起協作,提高作業效率。

WPP Open如何解決品牌的三大挑戰?

WPP Media策略長金佳諭進一步指出,在科技快速變化、市場競爭激烈的今日,所有品牌主都在面臨三大行銷挑戰:如何找到下一個成長來源?如何在大量且分散的媒體環境中維持精準消費者洞察?又如何在海量數據中看見完整故事?而WPP Open 恰好能協助企業克服這三大挑戰。

首先,透過 Discover 模組可以助力品牌找到下一個成長來源。過去,行銷團隊在解讀客戶需求時,往往會因為溝通方式、經驗或觀點差異,而出現理解落差,而 Discover 模組可分析 Brief 背後的隱藏訊息、提供產業洞察、找出未被看見的成長動能,或是從消費者決策路徑和行為中,判斷品牌真正的競爭優勢,讓團隊從第一步就做出對的決策。

WPP Media
WPP Media策略長金佳諭
圖/ WPP Media

其次,是運用 Plan 模組看見真實受眾,維持精準的消費者洞察。WPP Media 資深總監陳昭伶指出,過去的消費者研究存在許多限制,例如,難以全面理解消費者、人工解讀數據,耗時又費力等,但透過 Plan 模組 4 大功能可以突破限制,快速完成消費者研究。

舉例來說,Audience Insight 可以從不同維度去描繪消費者樣貌,行銷人只要與系統「對話」,就能看到洞察結果,不必再花大量時間進行複雜的資料處理。而Build Persona 則讓行銷人可以看到消費者生活化的樣貌。Focus Group 能夠模擬目標受眾樣貌並回答問題,大幅縮減焦點訪談所需的時間和人力成本。Customer Journey 則能了解不同階段的消費者旅程,「當我們真正理解消費者,就能與他建立更真誠的連結。」陳昭伶說。

WPP Media
WPP Media 資深總監陳昭伶
圖/ WPP Media

第三,是藉由Measure 模組從海量數據中看見完整故事。WPP Media數據與技術團隊負責人戴伯偉表示,WPP Open 以行銷人員為中心,將媒體投放明細、轉換成效、電商/銷售數據、品牌自有資料等內外部數據,匯整在單一平台上,使企業可以做更快速更全面的資料探索。此外,Measure 模組還能根據不同業務需求,客製且彈性的設計報表,讓每個部門都能更直覺地看到最關心的指標。同時還內建 AI 助理:可以自動摘要廣告成效,協助團隊快速發現問題、提出解方。

戴伯偉強調, Measure 模組實現了數據分析自由,滿足任何分析靈感或需求,並且整合跨部門的商業智慧,可以賦能企業與品牌,做出成效最好、效率最高的決策。

WPP Media
WPP Media 數據與技術團隊負責人戴伯偉
圖/ WPP Media

AI 驅動的新世代行銷:從洞察、創意到投放的全面革新

策略人員每天面對不同產業、不同生意與品牌課題,外界常期待我們要「全知」、什麼都懂,而我們自己也渴望靠近全知的能耐。

有了WPP Open加持,策略人員依然需要具備判斷問題的能力與領域思維,但過去大量耗費在蒐集、彙整、比對資料的人工勞動,現在交由擁有龐大資料庫與策略模組的 WPP Open 來處理。在資料的廣度與深度上,比以往更能觸及更完整的世界。

然而,真正的策略答案,從來不是一鍵產生。不論是以終為始,或從始至終,策略的形成仍需辯思往返、推敲求真。WPP Open 協助我們更靠近「全知」,但策略人員的價值,仍在於那段來回思辨的過程,以及從無數可能中找到最真實的解。

WPP Media
奥美整合行銷播集團策略總監宋伊婕
圖/ WPP Media

此外,AI 也能讓行銷素材變得更有創意、更獨特。奧美整合行銷傳播集團執行創意總監蔣依潔分享品牌運用 AI 的行銷創意。例如,有國際飲料品牌以開放平台促成大眾共創;而某家養生飲品則用 AI 創造出虛擬的知己小姐,展現集體女性樣貌中的不同細節;亦有連鎖通路品牌在行銷洗衣精品牌時,運用 AI 生成對髒衣服的想像,從庶民生活中的不完美找到趣味和機會。「創意手法可以不同,但必須與品牌調性一致,這是 AI 生成內容的核心前提。」蔣依潔強調。

WPP Media
奧美整合行銷傳播集團執行創意總監蔣依潔
圖/ WPP Media

在創意產出後,行銷還有最後一哩路,也就是媒體投放。作為 WPP Open 的重要策略夥伴,The Trade Desk(TTD)副總監陳玟潔指出,當品牌透過 WPP Open 完成受眾洞察、策略規劃與創意發想後,真正的挑戰是——如何在龐雜的開放網路中,把廣告「最有效率」投遞給真正的目標受眾。

WPP Media
The Trade Desk(TTD)副總監陳玟潔
圖/ WPP Media

TTD 以跨裝置身份辨識(Unified ID 2.0)、全通路(Omni-channel)、高效演算力與透明數據為核心,讓 WPP Open 所定義的受眾能被精準觸及,並結合 AI技術,協助品牌在投放過程中不斷優化、掌握主導權。她強調:WPP Open 與 TTD 的結合,讓「從洞察到投放」真正串成一條完整、透明、可信賴的 AI 行銷鏈。

在科技快速變化與媒體碎片化的時代,WPP Open 用 AI 串連行銷流程,讓 AI不只是工具,更是推動品牌邁向下一個成長曲線的真正起點。

想了解更多WPP Open AI平台的實際應用,歡迎直接洽詢 WPP Media - Growth & Marketing | MKTG@wppmedia.com

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂Vibe Coding
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓