案例研究

人們如何使用 Foundation 建立回應式、面向未來的網站。

華盛頓郵報

Foundation 讓他們持續前進

無論是印刷、電視或網路,新聞媒體都不能錯過截止時間。他們不能冒著被競爭對手搶先的風險。新聞是 24/7 全天候的。它永不間斷,特別是在網路上,而華盛頓郵報知道這一點。這家新聞機構不能浪費時間從頭開始編寫新網站的程式碼。他們需要快速製作原型,這就是他們從 Bootstrap 轉換到 Foundation 以趕上截止時間的原因。正如行動設計總監 Joey Marburger 告訴我們的

"如果沒有 Foundation,我們會錯過截止時間。"

華盛頓郵報使用 Foundation 製作 PostTV,一個提供各種新聞節目的線上頻道。這不是他們第一次使用這個框架。他們使用我們的網格製作了一個互動式現場新聞網站的原型。

使用 Foundation 趕上截止時間

該報紙之前使用 Bootstrap 來製作原型。但設計團隊發現,他們可以使用 Foundation 更快速地製作原型。為什麼?因為我們的架構非常精簡,他們不必覆寫很多樣式。

Joey 告訴我們,Post 員工使用 ZURB 設計流程,而 Foundation 非常適合他們。他們使用這個架構來了解他們的點子如何運作或可能如何運作。這在時間緊迫時非常方便。正如 Joey 所說

「我們總是持續進行工作,從突發新聞事件到長期產品或專案,我們移動得非常快,不論時間尺度為何。」

當 Joey 開始在該報紙工作時,他們必須從頭開始硬編寫所有內容,甚至是欄位結構等基本項目。一開始,他們使用 Bootstrap 作為他們的原型製作工具。他們很快發現,他們不需要讓每個建置在該工具上的網站都類似其他 Bootstrap 網站的額外 CSS。而 Post 在原型製作階段迅速將 網格從 Bootstrap 移到 Foundation

Foundation 讓他們持續前進…快速前進

Foundation 仍然是 Post 在無止盡的截止期限大戰中不可或缺的工具。正如 Joey 所說

「如果沒有 Foundation 作為起點,我們不可能像現在這樣快速前進。」

Post 的設計團隊可以在 15 分鐘內製作出一個原型,這讓 Joey 的執行編輯印象深刻。

Joey 補充說,Foundation 消除了從頭開始的繁瑣工作。他們可以開始建置一個產品,即使這個點子還很生澀,這有助於加快產品方面的速度。它也教導他們的前端開發人員撰寫更好的程式碼。多虧了 Foundation,開發人員可以更有效率地處理共用程式碼,因為他們有信心它會運作。

華盛頓郵報已著手重新設計主網站。他們在製作網站原型時使用 Foundation 來協助他們。


更多案例研究