歐巴馬募款網站的製作過程

評論
評論

轉載自  阮一峰的網絡日誌原譯文網址

1.

Kyle Rush 是一個網站工程師。

2011 年 6 月,他加入 BarackObama.com,負責設計 2012 美國大選的歐巴馬官網。

(圖為 2011 年 6 月的歐巴馬官網)

除了宣傳,官網的主要目的就是募款。

上一次大選,歐巴馬籌到了 6.9 億美元。這是一個很大的數字,但由於過去 4 年美國經濟一直沒有起色,本次大選勢必要投入更多的資金,團隊內部估計資金需求將達到創紀錄的 10 億美元。

一個募集 10 億美元的網站,歷史上從來沒有過。Kyle Rush 不知道自己能否做到,但是他很清楚,如果籌不到錢,奧巴馬沒法贏得大選。

2.

2012 年美國大選現在已經結束了,歐巴馬有驚無險地擊敗了羅姆尼。他最終籌到了 11 億美元,成為歷史上籌款金額最高(也是花錢最多)的總統候選人。(排在第二位的就是羅姆尼,他也籌到了 10 億美元。)

這 11 億美元之中,實體募到 4.1 億,線上募集到 6.9 億。單單 BarackObama.com 一個網站,就創造 2.5 億美元的捐款。

在 6 個月的時間裡,BarackObama.com 共有

* 17,807,917 個不重覆訪客,81,548,259 次瀏覽

* 4,276,463 次捐款

* 捐款轉換率 24%(每四個造訪者,就有一人會捐款)

這樣輝煌的成績,是如何取得的?

3.

製作一個超大流量的、體驗良好的、能夠說服人們捐款、並能安全快速處理這些捐款的網站、絕非易事。

最近,Kyle Rush 寫了一篇 文章 ,披露了許多內幕,從技術角度總結了 BarackObama.com 的製作心得。下面,我們就來看看奧巴馬的技術團隊是怎麼做到的。

 

(圖為 2012 年 5 月的歐巴馬官網)

網站的製作班子,從 2011 年下半開始組建,Kyle Rush 是第一個加入的前端工程師,負責網頁的外觀和使用者體驗。

一開始,網站放在團隊自購的伺服器上,運行和捐款都還算平穩。但是,隨著競爭不斷加劇,局勢變得令人擔憂了。到了 2012 年 5 月,羅姆尼當月的籌款金額第一次 超過 了歐巴馬。

競選總部決定,網站必須改版,盡一切可能爭取捐款。於是,技術團隊開始大規模的擴充,全職的前端工程師從 1 個人擴充到了 14 個人,其中 6 人專門負責製作募款頁面。

4.

技術團隊做出的第一個決定是,使用靜態網站生成器 Jekyll,用靜態網頁取代動態網頁,加快網頁打開速度。網站的打開應該越快越好。有研究稱,打開速度每慢 100 毫秒,Amazon 的銷售額就下降 1%。

第二個決定是,將全部網頁放上 CDN,使用的服務商是 Akamai。它是世界最大的 CDN 供應商,共部署了 50000 多台伺服器,美國各地都能獲得理想的造訪速度。奧巴馬芝加哥競選總部,可以在 20 毫秒內載入官網的 HTML 網頁。

第三個決定是,將捐款的後台做成 API 控制 。這是因為有 23%的訪客使用行動設備,所以必須部署多種前端(Web 端和行動端)。使用 API,可以讓不同前端以相同方式與後台溝通,彼此之間用 JSON 格式傳遞資訊。

第四個決定是,後台用 PHP 語言開發,放在 Amazon 的 EC2 平台上。

第五個決定是,為了避免當機,開發兩個後台。一旦一個系統停止工作,立刻自動切換到另一個。這點很重要,因為當機不僅影響士氣,而且金額損失龐大。因為捐款每分鐘都在湧入,最高記錄是一小時 300 萬美元,你不能讓它停下來。

5.

新網站初步完成後,使用 webpagetest.org 進行測試,結果令人鼓舞。

原版頁面 4 秒鐘後還沒載入,新版只用 1 秒就可以看到。整個平台的訪問速度上升了 60%,捐款轉化率增加了 14%。

接下來,就是微調頁面的各種細節,一共進行了 240 次 a/b 測試 ,也就是說,至少迭代了 240 個版本。

調整後的頁面,視覺效果和使用者體驗都有了巨大的提升,捐款轉換率因此又提高了 49%。

隨著歐巴馬的當選,BarackObama.com 共進行了 1101 次前端部署。

6.

事實證明,整個開發方案非常成功,順利完成募款任務,沒有一分鐘當機。

Kyle Rush 感到有必要總結,留下記錄。除了上面的開發過程,他還提到前端團隊使用的工具:版本控制 Github,a/b 測試管理 Optimizely,代碼編譯 CodeKit

Kyle Rush 最後總結說:

" 我百分之百肯定,這是我經歷過的最好的開發環境。我們不斷調整,捐款轉換率的提高令人難以置信。整個團隊感到無比滿足。但是,最高興的還是看到,2013 年 1 月 21 日歐巴馬依然是美國總統!"

相關文章

中國愛奇藝推在地內容「滾石愛情故事」,參戰台灣串流影音

中國愛奇藝影音串流平台今天宣布正式進軍台灣,除了熱門韓劇以外,還會針對台灣本土市場自製戲劇,首波將於 4/2 起播出兩季 20 集的《滾石愛情故事》。

寄給早期投資的信怎麼寫?Y Combinator 合夥人教你三句話表達重點

Y Combinator 的合夥人 Michael Seibel 近期在部落格上發表了一篇文章,簡要地描述了新創寄給投資人的信該掌握哪些重點,就讓我們一起來看看在矽谷投資人眼中,怎麼樣的信才能順利吸引投資目光吧。

這五個理由,讓蘋果、迪士尼併購案難以實現

加拿大皇家銀行資本市場分析師認為如果蘋果併購迪士尼,對投資人來說將是 iPhone 陷入成熟期的跡象。

評論