SpringCM 透過新的主頁圖形設計提高滾動率
Posted: Tue Dec 03, 2024 7:09 am
成立於2005年，SpringCM為全球經濟的幾乎所有部門提供基於雲端的軟體系統來管理銷售合約和所有類型的提案文件。 SpringCM 透過自動化工作流程建立來管理整個合約生命週期，並透過使用任何設備提供對關鍵流程的更好可見性。最近被世界排名第一的電子簽名解決方案收購文件簽名，SpringCM 在其十三年的生命週期中不斷發展，並被公認為合約文件處理過程中的行業領導者。
他們的挑戰
我們與 SpringCM 的合作始於 2016 年，當時他們向 New Breed 尋求協助：轉換優化和網站設計。在過去的兩年裡，SpringCM 和 New Breed 建立了合作關係，並持續合作直至今天，以完成專案。
這個特殊項目啟動於2017 年，當時New Breed 重新設 沙烏地阿拉伯 電話號碼數據
計並重新推出了SpringCM 的網站，其網站採用了“工作流程”瀑布主題，SpringCM 的設計和品牌總監Brooke Glynn 已將其納入SpringCM 的企業品牌，為Dreamforce 2017 做準備。這很可能是由於頁面頂部的全螢幕背景影片部分，阻止訪客繼續瀏覽頁面下方，因為他們過度關注似乎佔據整個頁面的影片。
我們的動態流程
創意產生
雖然我們很清楚導致滾動速率下降的原因，但我們不想完全放棄「工作流程」主題。推出後，新的「工作流程」口號在訊息傳遞、視覺表現和口碑方面受到了客戶和員工的極大關注。很明顯，總體概念已經存在，但視覺表現需要重新審視。
Brooke 認識到 SpringCM 的未來前景，包括擴大辦公空間、SpringCM 解決方案的新功能、圍繞報告、分析和人工智慧的新努力，以及 SpringCM 將在 Dreamforce 上全面展示這一事實。銷售人員年度用戶大會。
布魯克的「工作流程」主題理念遠遠超越了一個聰明的想法品牌策略他們的產品——這是她整個公司的隱喻。瀑布永遠不會停止流動，SpringCM 也不會；該公司發展迅速，產品供應不斷豐富，並且日益智能化。隨著公司不斷發展，她意識到是時候從站在瀑布外的人轉變為完全沉浸在瀑布裡的人了。
瀑布
布魯克的這個專案目標是將他們的主頁設計發展成更現代、更引人注目的東西，同時仍然以更抽象的方式融入「工作流程」主題。在最初的研究過程中，我們一直在尋找以獨特的方式展示「工作流程」主題的方法，但又不嚴重依賴實際的瀑布。直到我們遇到了 MacOS 背景，我們才靈光一現。 Mac 背景傳達出流動性、技術性和活力，與 SpringCM 的願景完美契合。
您的行銷努力是否帶來了合適的潛在客戶？請我們的顧問進行評估以找出答案。
概念開發
在發現新「工作流程」主題的靈感後，下一步是與 New Breed 經驗豐富的網頁設計師 Zane Gunderson 和 Chris Mathieu 進行創意通話。雖然圖形的想法很崇高，但 Zane 和 Chris 是一些最有經驗的開發人員HubSpot CMS，已準備好應對挑戰。
在最初的創意研討會期間，我們討論了：
如何創建充滿活力的圖層，這些圖層不會填滿整個頁面，而是漂浮在整個頁面上。
每個單獨的層如何以不同的速率滾動以強化分層的運動主題。
當每一層相交時，如何使用不透明度來創造視覺興趣。
如何而不是擁有影片佔用整個螢幕，它可以在設備框架的上下文中呈現在一個簡短的、小的、自動播放的電影中。
執行
計劃制定後，我們就創建了這個想法的粗略模型，我們在另一次協作通話中演練了它。在此基礎上，New Breed 對設計的排版、圖層定位、圖示等進行了微調。針對網站內容進行了全面優化。最後，New Breed 開發了圖形的編碼版本，其中包括不透明度和視差滾動率，以將原始概念變為現實。
前：
SpringCM之前圖解
後：
SpringCM新網站設計
結果和影響
新設計不僅成功地挽救了布魯克的瀑布隱喻，而且還大大提高了滾動速率。在此之前重新設計，只有 25% 的 SpringCM 網站訪客滾動到首屏以下，只有 10% 的訪客到達頁面底部。實施新的層驅動設計後，這個數字急劇上升，50% 的網站訪客一直到達頁面底部。
為了讓您更直觀地了解滾動速率的增加，以下是 SpringCM 網站在實施新圖形設計之前和之後的熱圖圖像。
他們的挑戰
我們與 SpringCM 的合作始於 2016 年，當時他們向 New Breed 尋求協助：轉換優化和網站設計。在過去的兩年裡，SpringCM 和 New Breed 建立了合作關係，並持續合作直至今天，以完成專案。
這個特殊項目啟動於2017 年，當時New Breed 重新設 沙烏地阿拉伯 電話號碼數據
計並重新推出了SpringCM 的網站，其網站採用了“工作流程”瀑布主題，SpringCM 的設計和品牌總監Brooke Glynn 已將其納入SpringCM 的企業品牌，為Dreamforce 2017 做準備。這很可能是由於頁面頂部的全螢幕背景影片部分，阻止訪客繼續瀏覽頁面下方，因為他們過度關注似乎佔據整個頁面的影片。
我們的動態流程
創意產生
雖然我們很清楚導致滾動速率下降的原因，但我們不想完全放棄「工作流程」主題。推出後，新的「工作流程」口號在訊息傳遞、視覺表現和口碑方面受到了客戶和員工的極大關注。很明顯，總體概念已經存在，但視覺表現需要重新審視。
Brooke 認識到 SpringCM 的未來前景，包括擴大辦公空間、SpringCM 解決方案的新功能、圍繞報告、分析和人工智慧的新努力，以及 SpringCM 將在 Dreamforce 上全面展示這一事實。銷售人員年度用戶大會。
布魯克的「工作流程」主題理念遠遠超越了一個聰明的想法品牌策略他們的產品——這是她整個公司的隱喻。瀑布永遠不會停止流動，SpringCM 也不會；該公司發展迅速，產品供應不斷豐富，並且日益智能化。隨著公司不斷發展，她意識到是時候從站在瀑布外的人轉變為完全沉浸在瀑布裡的人了。
瀑布
布魯克的這個專案目標是將他們的主頁設計發展成更現代、更引人注目的東西，同時仍然以更抽象的方式融入「工作流程」主題。在最初的研究過程中，我們一直在尋找以獨特的方式展示「工作流程」主題的方法，但又不嚴重依賴實際的瀑布。直到我們遇到了 MacOS 背景，我們才靈光一現。 Mac 背景傳達出流動性、技術性和活力，與 SpringCM 的願景完美契合。
您的行銷努力是否帶來了合適的潛在客戶？請我們的顧問進行評估以找出答案。
概念開發
在發現新「工作流程」主題的靈感後，下一步是與 New Breed 經驗豐富的網頁設計師 Zane Gunderson 和 Chris Mathieu 進行創意通話。雖然圖形的想法很崇高，但 Zane 和 Chris 是一些最有經驗的開發人員HubSpot CMS，已準備好應對挑戰。
在最初的創意研討會期間，我們討論了：
如何創建充滿活力的圖層，這些圖層不會填滿整個頁面，而是漂浮在整個頁面上。
每個單獨的層如何以不同的速率滾動以強化分層的運動主題。
當每一層相交時，如何使用不透明度來創造視覺興趣。
如何而不是擁有影片佔用整個螢幕，它可以在設備框架的上下文中呈現在一個簡短的、小的、自動播放的電影中。
執行
計劃制定後，我們就創建了這個想法的粗略模型，我們在另一次協作通話中演練了它。在此基礎上，New Breed 對設計的排版、圖層定位、圖示等進行了微調。針對網站內容進行了全面優化。最後，New Breed 開發了圖形的編碼版本，其中包括不透明度和視差滾動率，以將原始概念變為現實。
前：
SpringCM之前圖解
後：
SpringCM新網站設計
結果和影響
新設計不僅成功地挽救了布魯克的瀑布隱喻，而且還大大提高了滾動速率。在此之前重新設計，只有 25% 的 SpringCM 網站訪客滾動到首屏以下，只有 10% 的訪客到達頁面底部。實施新的層驅動設計後，這個數字急劇上升，50% 的網站訪客一直到達頁面底部。
為了讓您更直觀地了解滾動速率的增加，以下是 SpringCM 網站在實施新圖形設計之前和之後的熱圖圖像。