Design News
網頁設計新知
網站重新設計清單：成功所需的 12 個關鍵步驟
Aug 17, 2022
通過適當的規劃、研究和一點遠見，您可以使您的下一個網站設計取得巨大成功，並避免不必要的壓力。
喬·里納爾迪
網站重新設計清單
如果做得好，網站重新設計可以改善人們在您網站上的體驗，並將其變成您最有價值的銷售工具之一。事實上，Marcus Sheridan，他們問，你回答的作者，經常把你的網站稱為你最好的銷售代表。
但是，當我們偷工減料時，網站重新設計很容易脫軌，使您的公司花費寶貴的時間、精力和金錢，最終可能對您的營銷弊大於利。
但不要讓這些高風險嚇到你。
通過適當的規劃、研究和一點遠見，您可以使您的下一次重新設計取得巨大成功並避免不必要的壓力——我們隨時為您提供幫助。
IMPACT 十多年來一直在規劃和網站設計，在本文中，我將分享：
但首先，您如何知道是否該重新設計網站？
在將寶貴的公司資源投入到網站重新設計之前，您需要確保重新設計網站是出於正確的原因。
雖然重新設計網站有很多好的理由，但也有很多不好的理由。諸如“我只是不再喜歡我們的網站”或“我們的競爭對手剛剛重新設計了他們的網站”之類的問題是重新設計的糟糕理由。
如果您現有的網站有效地吸引了網站訪問者並轉化了潛在客戶，那麼就沒有理由改變它。如果您的網站有效地允許您在最高級別成功實施入站營銷，也許現在不是時候。
讓你的分析，而不是你自己的主觀意見，成為評委。問自己一些問題，例如：
（注意：在為網站重新設計項目設定目標時，這些相同的問題也將有所幫助，我們稍後將深入探討。）
假設所有跡像都指向重新設計，以下是您需要採取的 12 個關鍵步驟。
第 1 步：建立專門的相關者團隊
在進行任何網站重新設計討論之前，您需要組建一個網站工作組（或簡稱為“網路團隊”，但這聽起來並不那麼令人興奮）來監督該項目。
擁有一支敬業的團隊有助於避免“廚房裡有太多廚師”的問題，這確實會減慢重新設計的進度。
這個團隊應該是一個多元化、跨職能的團隊，由不超過五人組成，最好來自不同的部門。
這有助於確保您從不同觀點的人那裡獲得反饋。一個好的網站團隊將擁有：
在團隊內部進行審批和決策時，此人將擁有最終決定權，並最終確保項目不斷推進。
有了您的團隊，您就可以開始了！
第 2 步：審核您當前的網站
您為網站重新設計做準備和計劃所採取的步驟通常清楚地表明您的重新設計項目將有多成功。
您可以做的最有益的事情之一就是完成對您當前網站的深入審核。
審核將讓您鳥瞰您必須使用的所有資產，並讓您深入了解當前在您的網站上表現良好的方面以及哪些方面表現不佳。
在審核您的網站時，您希望：
評估您網站的當前頁面性能
我建議為您當前的網站構建一個站點地圖，然後查看每個網頁的分析以評估任何明顯的用戶趨勢。
通過分析關鍵指標（例如流量、轉化率、跳出率和頁面停留時間），您將能夠了解人們認為哪些頁面有用、哪些頁面可能丟失以及可以刪除哪些頁面。
總體而言，這將使您了解必須使用哪些頁面，並在以後將站點地圖放在新網站上時派上用場。
完成對您網站的 SEO 審核
搜索引擎優化(SEO) 審核是對您在搜索結果中排名的努力以及您的網站是否設置良好的綜合評估。
進行此類審核的目的是確定任何可能對您的自然搜索性能產生負面影響的問題。這可能是技術問題，例如頁面加載速度，也可能是與內容相關的問題，例如缺少關鍵字。
Semrush 、Screaming Frog和Google Search Console等平台可以幫助識別您網站上的任何 SEO 問題。
在 IMPACT，我們特別喜歡 Semrush 的網站健康審核，它會在爬網時查看 120 多個因素，並根據發現的內容為您提供百分比分數。
Semrush 根據優先級將問題分組為錯誤、警告和建議。該工具還告訴您問題是什麼以及如何解決這些問題。
在為重新設計製定行動計劃時，將您發現的任何想要解決的問題列在一個運行列表中。
查看您網站的當前副本
許多企業仍然錯誤地認為他們的網站都是關於他們的。他們的大部分內容都是為了告訴用戶他們有多棒以及為什麼他們是獨一無二的，而實際上買家想要知道一件事的答案：你的公司能解決我的問題嗎？
您的網站副本在多大程度上回答了這個問題？
試著瀏覽你的網站，計算有多少句子包含“你”和“我們”這樣的詞。在他們問，你回答Marcus Sheridan 分享說，理想的比例是五比一，這意味著你應該比你自己多五倍地推薦你的買家。
如果你沒有達到這個比例，那麼它通常是一個明確的指標，表明你的內容需要重新設計，以關注買家的問題和需求。
第 3 步：了解用戶旅程
與購買者的旅程類似，用戶旅程描繪了用戶在購買過程中所經歷的不同階段，重點關注人們在每個階段可能感受到的不同行為和情緒。
真正為成功做好準備的唯一方法是了解用戶正在尋找什麼，他們需要回答什麼問題，以及他們在購買時將如何在您的網站上尋找這些問題。
在您計劃重新設計時要問自己的一個重要問題是“我們網站的用戶旅程中是否有任何漏洞？”
使用客戶訪談
有幾種方法可以讓您獲得這個問題的答案。例如，一種方法是採訪您的客戶並向他們詢問有關他們的體驗的問題：
使用用戶測試
您還可以設置用戶測試並要求您的受眾在您當前的網站上執行不同的任務。Userlytics和UserTesting等服務使設置用戶測試變得盡可能簡單。
這將使您能夠親眼看到潛在客戶如何與您的網絡體驗互動，以及您需要在哪裡解決他們的挫敗感。
用戶在他們的旅程中跌落到哪裡去了？他們一直在與您網站的哪些區域進行交互？網站上是否有任何重大問題或錯誤？
實施Hotjar或Lucky Orange等熱圖工具是識別快速優化區域的另一種好方法。這些工具通過對頁面上獲得最多和最少互動的不同元素進行顏色編碼，讓您更直觀地了解人們如何與您的網站互動。
通過專注於用戶旅程並減少任何摩擦，您將重新設計以產生真正的結果。
第 4 步：設定目標
正如我們之前提到的，您需要重新設計您的網站是有原因的。現在是深入研究這些原因並設定一些具體目標的時候了。
隨著網站重新設計所投入的金錢和努力，成功至關重要。為您的網站設定切合實際的目標以供參考和衡量將使您能夠做到這一點。根據您在現場審核期間發現的情況，您應該清楚了解您的現場哪些領域需要改進。這是開始創建目標的好地方。
例如，也許您注意到您當前的網站有穩定的流量，但潛在客戶並沒有湧入。根據這一發現，您可以設定在六個月內將轉化率提高 1% 的目標。
然而，僅憑數據並不總能為我們提供完整的故事。從團隊成員那裡獲得想法也很有價值。向不同的團隊成員發送調查是獲得額外反饋的一種簡化方式。
詢問您的團隊：
無論您設定什麼目標，都應與整個團隊溝通，以便在規劃、設計和開發網站時將其放在首位。
這些目標將用於指導應在發布前或發布後不久設置的報告。
第 5 步：定義您的策略
了解您當前網站的性能和一組明確的目標後，您就可以製定實現這些目標的策略了。
你的策略應該包括什麼
確保您制定了一個完全實現的策略：
一個新的站點地圖
在您的站點審核期間，您很可能發現了一些性能非常好的頁面，一些沒有人訪問過，還有一些您甚至不知道它們來自哪裡。您的新站點地圖是您重新組織現有頁面、刪除舊頁面和添加可能丟失的新頁面的機會。
我喜歡像下面的例子那樣製作一個可視化的站點地圖，這樣我就可以理解每個頁面的層次結構。
消息傳遞策略
最後，好的網頁設計是關於有效地幫助和傳遞預期的信息。為此，您需要清楚地了解您的信息是什麼。
您想在您的網站上講述的故事是什麼？您試圖帶您的買家踏上什麼樣的旅程，您在幫助他們完成什麼？你幫助他們克服了哪些問題或挑戰？
在 IMPACT，我們發現最有效的消息傳遞策略是 Donald Miller 的StoryBrand 框架。簡而言之，StoryBrand 框架是您價值的七步大綱，它將您的業務定位為客戶克服特定問題的旅程的指南。
了解此策略後，您可以使用它來構建您的網站和每個單獨頁面的旅程。您可以在我們的文章“使用 StoryBrand 的 5 種方法”框架來製作更好的網站 中了解有關 StoryBrand 和您的網站的更多信息。
使用此策略，您可以更有效地開發理想的用戶流。
理想的用戶流
雖然用戶旅程代表了某人在進行購買時所經歷的階段，但用戶流程描繪了某人理想地在這些階段內完成某項操作的具體步驟。
繪製理想的用戶流程將幫助您開始思考人們如何與您的網站互動，從首次訪問者一直到成為合格的潛在客戶。
一旦您計劃了某人將如何通過您的網站，您就可以開始弄清楚如何優化他們旅程的不同部分。
像上面的例子一樣，從一個非常簡單的用戶流程開始是完全可以的。啟動網站並收集更多數據後，您可以返回並對其進行改進。
從這裡，您可以為最重要的頁面創建單獨的頁面策略和內容。稍後再談。
關鍵詞研究
進行關鍵字研究是優化新網站以進行搜索和了解訪問者正在尋找什麼的重要步驟。
了解您的理想買家搜索的術語可以讓您在編寫網站內容時使用相同的術語。這不僅可以幫助您在搜索引擎中獲得更好的排名，還可以更好地在您的網站上與您的受眾產生共鳴。
在進行關鍵字研究時，使用諸如Semrush 之類的工具可以為您節省大量時間並為您提供最準確的見解。Semrush 包含關鍵字魔術工具、關鍵字分析器工具和位置跟踪工具等功能。
Keyword Magic 是我們網站策略師的最愛。這是一個易於使用的關鍵字研究工具，它提供了構建最有利可圖的 SEO 或 PPC 活動所需的所有關鍵字。
有了它，您只需輸入一個單詞，就會收到一份包含建議以及競爭密度、難度、搜索量和 SERP 功能的報告。
第 6 步：設置時間線
制定好如何實現目標的計劃後，是時候為實現目標設定一個現實的時間表了。這裡重要的詞是“現實的”。
卓越的網站需要時間。您不希望創建一個太短的時間表並迫使您的團隊匆忙完成重要的步驟，或者留下太多時間並且缺乏緊迫感。
不幸的是，網站重新設計需要多長時間沒有神奇的答案。很大程度上取決於您網站的大小以及您在此過程中需要多少級別的批准，但您應該計劃在重新設計上花費 2-5 個月的時間。
考慮一下您何時肯定需要您的新網站。有什麼活動要來嗎？貿易展覽？如果有什麼緊迫的事情，請儘早開始，這樣您就有足夠的時間來獲得您想要的優質網站。
一旦你決定了你喜歡的截止日期，就把這個截止日期分解成更小的部分並設置里程碑。這些里程碑將幫助您密切關注項目的進展情況。
在完成項目時，請確保跟踪截止日期的進度，並在必要時重新調整截止日期。
在更多的時間緊縮下？考慮從啟動板網站開始。
啟動板是一個外觀和性能比您現在擁有的更好的站點，並且是可擴展的，但在設計方面仍處於發展過程中。完成 20% 的工作，完成 80% 的工作，並收集所需的數據以供以後迭代和改進。
第 7 步：查看和更新（或創建）您的品牌風格指南
您的品牌風格指南是您公司擁有的最重要的工具之一——如果您目前沒有，現在是時候製作一個了！
當人們聽到您公司的名稱或看到您的徽標時，他們會想到您的品牌。這就是您所代表的以及您作為公司的身份。
品牌風格指南可確保您希望品牌表達的內容與實際傳達的內容保持一致。這是一套指導方針，可以讓你公司的任何人都能理解和復制你的品牌。
這就是為什麼在開始收集靈感和進入設計之前確保更新這些文檔如此重要的原因。
您需要確保品牌風格指南的兩個主要部分是更新且準確的：消息傳遞和視覺。
消息方式
這又回到了我們在第 5 步中提到的消息傳遞策略。如果您不知道自己是誰或在賣什麼，那麼您的網站策略和文案充其量是有缺陷的，最壞的情況是完全不准確。這可能會對時間線造成嚴重破壞，因為事情會不斷變化。
為避免這種情況，我們建議您編寫一個 StoryBrand BrandScript，它概述了您的框架的七個部分，並幫助您確定用來描述您的價值的詞語。
視覺風格指南
視覺風格指南記錄了您品牌的 - 驚喜，驚喜 - 視覺元素。這些元素可以包括：
您的排版是否發出了正確的信息？你有一個定義明確的調色板來喚起正確的情緒嗎？人們應該如何在不同的用例中使用您的徽標？
來自 Unfold 的示例品牌風格指南
一旦您的品牌風格指南準備就緒，就該開始收集一些設計靈感了。
第 8 步：收集靈感並分析競爭情況
在製定策略的同時，您還可以開始考慮設計（終於！）。
這樣做很聰明，因為 1) 它加快了流程，2) 策略應該決定設計。但是設計可以決定功能（例如，我們知道我們想要頁面上的定價模塊，並且優秀的 UX 設計師將提供最佳佈局方式的輸入）。
我建議深入研究兩三個競爭對手的網站以及你所在行業之外的一兩個網站。這將使您了解行業標準以及您可以在哪些方面進行一些調整（只要它有利於用戶）。
收集這些資產還可以讓您作為一個團隊討論您想要合併的視覺元素和样式。這最終有助於確認您的整個團隊在重新設計的視覺方向上保持一致，並且與項目的總體目標保持一致。
在尋找靈感時，請嘗試回答以下問題：
如果您不熟悉情緒板，可以將它們視為不同圖像和文本的拼貼，直觀地解釋您想要設計的方向。
情緒板可以包括排版樣式、佈局示例、圖像處理、圖像、調色板甚至整個網站等內容。
示例 IMPACT 情緒板.
有很多不同的平台可以幫助您創建情緒板。您可以使用Pinterest或Canva等免費工具，或者為了通過更多自定義選項獲得更優質的體驗，您還可以使用Invision Boards等付費工具。
無論您使用什麼工具，最終都取決於您和您的團隊。只要確保你正在記錄你正在收集的靈感。
第 9 步：製作您的內容
團隊在重新設計期間最難做的事情之一就是在設計之後專注於內容。
團隊很容易過分熱心並想要直接投入設計，這樣他們就可以看到他們所有的辛勤工作開始融合在一起。另外，說實話，這通常是最有趣的部分。
他們認為，“我們將在之後編寫內容並將其融入我們創建的設計中。”
這是您在重新設計網站時可能犯的最大錯誤之一。
它使人們產生一種心態，即內容更多是事後才想到的，總是可以稍後再做。
更不用說嘗試將內容改造成現有的設計會創建很少正確排列的元素，並且通常會迫使您進行不可預見的設計修改或犧牲內容的質量。
您的內容應始終決定您網站頁面的佈局。設計旨在增強您的信息，而不是分散注意力或壓倒它。
許多人傾向於設計優先的方法，因為他們不確定在創建內容時從哪裡開始。感覺就像在看一張白紙。
幸運的是，它不必有這種感覺。
這就是頁面策略發揮作用的地方。完成 StoryBrand 框架和 BrandScript 後，我們建議您創建頁面策略，概述故事在頁面上的佈局方式。
請注意諸如可以在哪裡引入對優質內容的號召性用語、常見問題解答的位置以及可以在哪裡引入博客/學習中心內容。這將指導設計。
然而，重要的是要注意，並非所有頁面都需要策略。
人們應該只關注他們網站中 80% 的轉化率（即主頁、定價、服務/產品詳細信息和漏斗底部的直接著陸頁）的 20%。像這樣的頁面開闢了將用戶從漏斗頂部帶到底部的主要路徑。
您可以使用Trello或GatherContent等工具來組織這些頁面。
將您的頁面組織成更易於管理的工作塊，開始創建內容線框，準確分解每個頁面上需要的內容和信息。
這將幫助您專注於您為每一頁講述的故事，並消除那種看著白板的感覺。
創建內容時，請確保您不斷尋找機會來教育訪問者。
一個簡單的練習，看看你對訪問者的教育程度如何，就是頭腦風暴一下你經常從買家那裡聽到的關於你的產品或服務的前 25 個問題。確保您在新網站的頁面中回答了這些問題。
此外，尋找機會在您的內容中包含以下內容：
如果您想跳過內容優先的方法，請記住，雖然一個人對網站的第一印像是基於視覺效果的，但它是強大且有用的內容，可以讓他們保持參與並想要更多。
第 10 步：開始設計
作為一名設計師，我有點偏見，但這是最好的部分。現在是您數週的辛勤工作開始發揮作用並開始成型的時候了。
潛入並開始設計所有頁面可能很誘人，但相反，您需要慢慢來，並確保在此過程中不斷獲得反饋和支持。
使用InVision或Zeplin等工具可以幫助簡化您的反饋並使設計過程更具協作性。這兩種設計工具都與當今的大多數設計程序相集成。
最流行的開始設計過程的方法是創建線框。這些可以是簡單的黑白設計，顯示您希望如何在每個頁面上佈置內容。
示例 IMPACT 線框
線框將使您專注於內容，並確保您以最佳方式佈置內容。
當你準備好開始創建全頁設計時，首先設計一個高影響力頁面的前三個或四個部分（我喜歡從主頁開始），然後將設計帶回團隊以獲得反饋。
從長遠來看，這可以確保您的設計朝著正確的方向發展，從而節省您的時間和不必要的修改。
一旦您的團隊在設計方向上完全一致，您就可以參加比賽了。瀏覽每一頁，確保你得到團隊的持續反饋和支持。
第 11 步：開發您的網站
開發通常是任何重新設計的最後階段，我們的網站重新設計清單也不例外。
達到這一點是一個漫長的過程，因此這一步可能伴隨著很多焦慮，但匆忙的開發可能會導致災難和延誤。
遵循 SEO 和行業最佳實踐以及您愛上的設計，留出足夠的時間來乾淨地編碼網站。
在此步驟中，您的內部或外部團隊將把創建的平面設計模型轉換為 HTML、CSS 和其他語言。
隨著頁面的開發，請確保您正在檢查跨瀏覽器功能，以確保為所有用戶提供一致的體驗。這讓您高枕無憂，無論使用什麼瀏覽器，您的網站都將完全按照預期顯示，並確保您的用戶獲得完全優化的體驗。
移動設備也是如此。瀏覽各種屏幕尺寸需要時間。
通常，確定最流行的設備並對其進行測試是個好主意。谷歌分析可以幫助你。這為您提供了網站在不同設備上的真實快照，再次確保了不會讓任何人感到沮喪的一致用戶體驗。
第 12 步：啟動您的新網站！
你成功了！經過數月的審核、規劃、設計和開發，您終於準備好啟動您的新網站了。太令人興奮了！
在發布之前，請確保您對您的網站進行了發布前審查，以確認您的新網站的一切都井然有序並準備就緒。您的發布前審查應包括：
接下來，我還建議在發布前進行 Semrush 現場審核，並將其與您在重新設計過程開始時進行的審核進行比較。能夠比較網站的健康狀況並確保在重新設計期間沒有任何事情變得不那麼有效，這一點很重要。
當您確定一切準備就緒時，發送該網站直播，然後給自己倒一杯！
啟動後立即確保所有頁面都正確呈現，您的分析和熱圖跟踪代碼已到位，並且您已將新站點地圖提交到Google Search Console。
所以現在你可以退後一步，看著線索流入。但你的工作還沒有完成。
計劃實驗，然後沖洗並重複
您的全新網站已開發並啟動，但樂趣不止於此。現在，您必須開始收集和審查有關新設計的用戶數據。
與您的團隊合作，計劃進行 A/B 測試不同佈局或功能的實驗，以提供幫助
改善用戶旅程。首先關注您網站上最重要的頁面，並根據需要多次執行步驟 6-11，直到您最終實現目標——然後設定新目標！
在 HubSpot、Google Data Studio、Marketo 或其他平台中創建報告，以幫助您了解自己的表現。營銷人員需要能夠將發布前指標與發布後指標進行比較。基準線索、轉化率、關鍵字排名、網站速度和網站健康尤其重要。
這些測試以及您因此而做出的後續更改只會有助於改善您網站的用戶體驗、潛在客戶生成和整體有效性。
記住，準備是關鍵
這是我們的網站重新設計清單！照著書看並不總是那麼容易，尤其是在截止日期或時間緊迫的情況下。但是，盡可能密切關注它將幫助您使您的新網站成為您一直想要的流量驅動、潛在客戶生成機器。
請記住，在考慮開始重新設計項目時，第一步是始終評估您要重新設計網站的原因。確保你的決定背後有合理的理由。
從這裡開始，您重新設計的成功將完全取決於投入適當的時間進行準備和規劃。
確保您了解您必須使用哪些當前資產、您想要改進網站的哪些區域以及您將跟踪哪些目標以查看您的重新設計是否成功。
按照這些步驟，你不會出錯。
您是否正在實施入站營銷並希望確保您的網站設置為成功執行您的策略？查看我們的課程元素他們問，你回答網站，深入了解一個偉大的入站營銷網站是什麼樣的。
快樂的重新設計！
資料來源：IMPACT Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
喬·里納爾迪
網站重新設計清單
- 第 1 步：建立專門的相關者團隊
- 第 2 步：審核您當前的網站
- 第 3 步：了解用戶旅程
- 第 4 步：設定目標
- 第 5 步：定義您的策略
- 第 6 步：設置時間線
- 第 7 步：查看和更新（或創建）您的品牌風格指南
- 第 8 步：收集靈感並分析競爭情況
- 第 9 步：製作您的內容
- 第 10 步：開始設計
- 第 11 步：開發您的網站
- 第 12 步：啟動您的新網站！
如果做得好，網站重新設計可以改善人們在您網站上的體驗，並將其變成您最有價值的銷售工具之一。事實上，Marcus Sheridan，他們問，你回答的作者，經常把你的網站稱為你最好的銷售代表。
但是，當我們偷工減料時，網站重新設計很容易脫軌，使您的公司花費寶貴的時間、精力和金錢，最終可能對您的營銷弊大於利。
但不要讓這些高風險嚇到你。
通過適當的規劃、研究和一點遠見，您可以使您的下一次重新設計取得巨大成功並避免不必要的壓力——我們隨時為您提供幫助。
IMPACT 十多年來一直在規劃和網站設計，在本文中，我將分享：
- 如何知道是否該重新設計網站。
- 我的 12 步網站重新設計清單可幫助您和您的團隊為成功做好準備。
但首先，您如何知道是否該重新設計網站？
在將寶貴的公司資源投入到網站重新設計之前，您需要確保重新設計網站是出於正確的原因。
雖然重新設計網站有很多好的理由，但也有很多不好的理由。諸如“我只是不再喜歡我們的網站”或“我們的競爭對手剛剛重新設計了他們的網站”之類的問題是重新設計的糟糕理由。
如果您現有的網站有效地吸引了網站訪問者並轉化了潛在客戶，那麼就沒有理由改變它。如果您的網站有效地允許您在最高級別成功實施入站營銷，也許現在不是時候。
讓你的分析，而不是你自己的主觀意見，成為評委。問自己一些問題，例如：
- 我們的企業網站目前是否針對行動式裝置進行了優化？
- 自我們上次啟動網站以來，我們的業務目標是否發生了變化？
- 我們當前網站上的品牌是否已經過時？
- 我們的網站是否正常運行？
- 我們的網站是否設置為便於更新和內容發佈？（換句話說，它是否在使網站維護變得容易的內容管理系統上？）
- 我們的目標受眾能否輕鬆導航並找到滿足其需求的最佳內容？
- 我們的商業網站指標如何？我們是否在我們的網站上轉換潛在客戶？
（注意：在為網站重新設計項目設定目標時，這些相同的問題也將有所幫助，我們稍後將深入探討。）
假設所有跡像都指向重新設計，以下是您需要採取的 12 個關鍵步驟。
第 1 步：建立專門的相關者團隊
在進行任何網站重新設計討論之前，您需要組建一個網站工作組（或簡稱為“網路團隊”，但這聽起來並不那麼令人興奮）來監督該項目。
擁有一支敬業的團隊有助於避免“廚房裡有太多廚師”的問題，這確實會減慢重新設計的進度。
這個團隊應該是一個多元化、跨職能的團隊，由不超過五人組成，最好來自不同的部門。
這有助於確保您從不同觀點的人那裡獲得反饋。一個好的網站團隊將擁有：
- 設計師
- 開發商
- 內容作家
- 戰略家
- 來自 C-Suite 的最終決策審查員
在團隊內部進行審批和決策時，此人將擁有最終決定權，並最終確保項目不斷推進。
有了您的團隊，您就可以開始了！
第 2 步：審核您當前的網站
您為網站重新設計做準備和計劃所採取的步驟通常清楚地表明您的重新設計項目將有多成功。
您可以做的最有益的事情之一就是完成對您當前網站的深入審核。
審核將讓您鳥瞰您必須使用的所有資產，並讓您深入了解當前在您的網站上表現良好的方面以及哪些方面表現不佳。
在審核您的網站時，您希望：
評估您網站的當前頁面性能
我建議為您當前的網站構建一個站點地圖，然後查看每個網頁的分析以評估任何明顯的用戶趨勢。
通過分析關鍵指標（例如流量、轉化率、跳出率和頁面停留時間），您將能夠了解人們認為哪些頁面有用、哪些頁面可能丟失以及可以刪除哪些頁面。
總體而言，這將使您了解必須使用哪些頁面，並在以後將站點地圖放在新網站上時派上用場。
完成對您網站的 SEO 審核
搜索引擎優化(SEO) 審核是對您在搜索結果中排名的努力以及您的網站是否設置良好的綜合評估。
進行此類審核的目的是確定任何可能對您的自然搜索性能產生負面影響的問題。這可能是技術問題，例如頁面加載速度，也可能是與內容相關的問題，例如缺少關鍵字。
Semrush 、Screaming Frog和Google Search Console等平台可以幫助識別您網站上的任何 SEO 問題。
在 IMPACT，我們特別喜歡 Semrush 的網站健康審核，它會在爬網時查看 120 多個因素，並根據發現的內容為您提供百分比分數。
Semrush 根據優先級將問題分組為錯誤、警告和建議。該工具還告訴您問題是什麼以及如何解決這些問題。
在為重新設計製定行動計劃時，將您發現的任何想要解決的問題列在一個運行列表中。
查看您網站的當前副本
許多企業仍然錯誤地認為他們的網站都是關於他們的。他們的大部分內容都是為了告訴用戶他們有多棒以及為什麼他們是獨一無二的，而實際上買家想要知道一件事的答案：你的公司能解決我的問題嗎？
您的網站副本在多大程度上回答了這個問題？
試著瀏覽你的網站，計算有多少句子包含“你”和“我們”這樣的詞。在他們問，你回答Marcus Sheridan 分享說，理想的比例是五比一，這意味著你應該比你自己多五倍地推薦你的買家。
如果你沒有達到這個比例，那麼它通常是一個明確的指標，表明你的內容需要重新設計，以關注買家的問題和需求。
第 3 步：了解用戶旅程
與購買者的旅程類似，用戶旅程描繪了用戶在購買過程中所經歷的不同階段，重點關注人們在每個階段可能感受到的不同行為和情緒。
真正為成功做好準備的唯一方法是了解用戶正在尋找什麼，他們需要回答什麼問題，以及他們在購買時將如何在您的網站上尋找這些問題。
在您計劃重新設計時要問自己的一個重要問題是“我們網站的用戶旅程中是否有任何漏洞？”
使用客戶訪談
有幾種方法可以讓您獲得這個問題的答案。例如，一種方法是採訪您的客戶並向他們詢問有關他們的體驗的問題：
- 是什麼讓您決定購買產品 X？
- 網站上有什麼讓你感到沮喪嗎？
- 您是如何導航到第 X 頁的？
使用用戶測試
您還可以設置用戶測試並要求您的受眾在您當前的網站上執行不同的任務。Userlytics和UserTesting等服務使設置用戶測試變得盡可能簡單。
這將使您能夠親眼看到潛在客戶如何與您的網絡體驗互動，以及您需要在哪裡解決他們的挫敗感。
用戶在他們的旅程中跌落到哪裡去了？他們一直在與您網站的哪些區域進行交互？網站上是否有任何重大問題或錯誤？
實施Hotjar或Lucky Orange等熱圖工具是識別快速優化區域的另一種好方法。這些工具通過對頁面上獲得最多和最少互動的不同元素進行顏色編碼，讓您更直觀地了解人們如何與您的網站互動。
通過專注於用戶旅程並減少任何摩擦，您將重新設計以產生真正的結果。
第 4 步：設定目標
正如我們之前提到的，您需要重新設計您的網站是有原因的。現在是深入研究這些原因並設定一些具體目標的時候了。
隨著網站重新設計所投入的金錢和努力，成功至關重要。為您的網站設定切合實際的目標以供參考和衡量將使您能夠做到這一點。根據您在現場審核期間發現的情況，您應該清楚了解您的現場哪些領域需要改進。這是開始創建目標的好地方。
例如，也許您注意到您當前的網站有穩定的流量，但潛在客戶並沒有湧入。根據這一發現，您可以設定在六個月內將轉化率提高 1% 的目標。
然而，僅憑數據並不總能為我們提供完整的故事。從團隊成員那裡獲得想法也很有價值。向不同的團隊成員發送調查是獲得額外反饋的一種簡化方式。
詢問您的團隊：
- 您決定重做網站的主要原因是什麼？
- 您對該網站的第一目標是什麼？
- 您希望用戶能夠在您的網站上做的最重要的事情是什麼？
無論您設定什麼目標，都應與整個團隊溝通，以便在規劃、設計和開發網站時將其放在首位。
這些目標將用於指導應在發布前或發布後不久設置的報告。
第 5 步：定義您的策略
了解您當前網站的性能和一組明確的目標後，您就可以製定實現這些目標的策略了。
你的策略應該包括什麼
確保您制定了一個完全實現的策略：
一個新的站點地圖
在您的站點審核期間，您很可能發現了一些性能非常好的頁面，一些沒有人訪問過，還有一些您甚至不知道它們來自哪裡。您的新站點地圖是您重新組織現有頁面、刪除舊頁面和添加可能丟失的新頁面的機會。
我喜歡像下面的例子那樣製作一個可視化的站點地圖，這樣我就可以理解每個頁面的層次結構。
消息傳遞策略
最後，好的網頁設計是關於有效地幫助和傳遞預期的信息。為此，您需要清楚地了解您的信息是什麼。
您想在您的網站上講述的故事是什麼？您試圖帶您的買家踏上什麼樣的旅程，您在幫助他們完成什麼？你幫助他們克服了哪些問題或挑戰？
在 IMPACT，我們發現最有效的消息傳遞策略是 Donald Miller 的StoryBrand 框架。簡而言之，StoryBrand 框架是您價值的七步大綱，它將您的業務定位為客戶克服特定問題的旅程的指南。
了解此策略後，您可以使用它來構建您的網站和每個單獨頁面的旅程。您可以在我們的文章“使用 StoryBrand 的 5 種方法”框架來製作更好的網站 中了解有關 StoryBrand 和您的網站的更多信息。
使用此策略，您可以更有效地開發理想的用戶流。
理想的用戶流
雖然用戶旅程代表了某人在進行購買時所經歷的階段，但用戶流程描繪了某人理想地在這些階段內完成某項操作的具體步驟。
繪製理想的用戶流程將幫助您開始思考人們如何與您的網站互動，從首次訪問者一直到成為合格的潛在客戶。
一旦您計劃了某人將如何通過您的網站，您就可以開始弄清楚如何優化他們旅程的不同部分。
像上面的例子一樣，從一個非常簡單的用戶流程開始是完全可以的。啟動網站並收集更多數據後，您可以返回並對其進行改進。
從這裡，您可以為最重要的頁面創建單獨的頁面策略和內容。稍後再談。
關鍵詞研究
進行關鍵字研究是優化新網站以進行搜索和了解訪問者正在尋找什麼的重要步驟。
了解您的理想買家搜索的術語可以讓您在編寫網站內容時使用相同的術語。這不僅可以幫助您在搜索引擎中獲得更好的排名，還可以更好地在您的網站上與您的受眾產生共鳴。
在進行關鍵字研究時，使用諸如Semrush 之類的工具可以為您節省大量時間並為您提供最準確的見解。Semrush 包含關鍵字魔術工具、關鍵字分析器工具和位置跟踪工具等功能。
Keyword Magic 是我們網站策略師的最愛。這是一個易於使用的關鍵字研究工具，它提供了構建最有利可圖的 SEO 或 PPC 活動所需的所有關鍵字。
有了它，您只需輸入一個單詞，就會收到一份包含建議以及競爭密度、難度、搜索量和 SERP 功能的報告。
第 6 步：設置時間線
制定好如何實現目標的計劃後，是時候為實現目標設定一個現實的時間表了。這裡重要的詞是“現實的”。
卓越的網站需要時間。您不希望創建一個太短的時間表並迫使您的團隊匆忙完成重要的步驟，或者留下太多時間並且缺乏緊迫感。
不幸的是，網站重新設計需要多長時間沒有神奇的答案。很大程度上取決於您網站的大小以及您在此過程中需要多少級別的批准，但您應該計劃在重新設計上花費 2-5 個月的時間。
考慮一下您何時肯定需要您的新網站。有什麼活動要來嗎？貿易展覽？如果有什麼緊迫的事情，請儘早開始，這樣您就有足夠的時間來獲得您想要的優質網站。
一旦你決定了你喜歡的截止日期，就把這個截止日期分解成更小的部分並設置里程碑。這些里程碑將幫助您密切關注項目的進展情況。
在完成項目時，請確保跟踪截止日期的進度，並在必要時重新調整截止日期。
在更多的時間緊縮下？考慮從啟動板網站開始。
啟動板是一個外觀和性能比您現在擁有的更好的站點，並且是可擴展的，但在設計方面仍處於發展過程中。完成 20% 的工作，完成 80% 的工作，並收集所需的數據以供以後迭代和改進。
第 7 步：查看和更新（或創建）您的品牌風格指南
您的品牌風格指南是您公司擁有的最重要的工具之一——如果您目前沒有，現在是時候製作一個了！
當人們聽到您公司的名稱或看到您的徽標時，他們會想到您的品牌。這就是您所代表的以及您作為公司的身份。
品牌風格指南可確保您希望品牌表達的內容與實際傳達的內容保持一致。這是一套指導方針，可以讓你公司的任何人都能理解和復制你的品牌。
這就是為什麼在開始收集靈感和進入設計之前確保更新這些文檔如此重要的原因。
您需要確保品牌風格指南的兩個主要部分是更新且準確的：消息傳遞和視覺。
消息方式
這又回到了我們在第 5 步中提到的消息傳遞策略。如果您不知道自己是誰或在賣什麼，那麼您的網站策略和文案充其量是有缺陷的，最壞的情況是完全不准確。這可能會對時間線造成嚴重破壞，因為事情會不斷變化。
為避免這種情況，我們建議您編寫一個 StoryBrand BrandScript，它概述了您的框架的七個部分，並幫助您確定用來描述您的價值的詞語。
視覺風格指南
視覺風格指南記錄了您品牌的 - 驚喜，驚喜 - 視覺元素。這些元素可以包括：
- 排版
- 圖像處理
- 調色板
- 圖像學
- 標誌使用
您的排版是否發出了正確的信息？你有一個定義明確的調色板來喚起正確的情緒嗎？人們應該如何在不同的用例中使用您的徽標？
來自 Unfold 的示例品牌風格指南
一旦您的品牌風格指南準備就緒，就該開始收集一些設計靈感了。
第 8 步：收集靈感並分析競爭情況
在製定策略的同時，您還可以開始考慮設計（終於！）。
這樣做很聰明，因為 1) 它加快了流程，2) 策略應該決定設計。但是設計可以決定功能（例如，我們知道我們想要頁面上的定價模塊，並且優秀的 UX 設計師將提供最佳佈局方式的輸入）。
我建議深入研究兩三個競爭對手的網站以及你所在行業之外的一兩個網站。這將使您了解行業標準以及您可以在哪些方面進行一些調整（只要它有利於用戶）。
收集這些資產還可以讓您作為一個團隊討論您想要合併的視覺元素和样式。這最終有助於確認您的整個團隊在重新設計的視覺方向上保持一致，並且與項目的總體目標保持一致。
在尋找靈感時，請嘗試回答以下問題：
- 訪問者在訪問您的網站時應該得到什麼感覺？
- 您的新網站應該具備哪些新工具和新功能？
- 您應該使用哪些類型的圖像和圖形？
如果您不熟悉情緒板，可以將它們視為不同圖像和文本的拼貼，直觀地解釋您想要設計的方向。
情緒板可以包括排版樣式、佈局示例、圖像處理、圖像、調色板甚至整個網站等內容。
示例 IMPACT 情緒板.
有很多不同的平台可以幫助您創建情緒板。您可以使用Pinterest或Canva等免費工具，或者為了通過更多自定義選項獲得更優質的體驗，您還可以使用Invision Boards等付費工具。
無論您使用什麼工具，最終都取決於您和您的團隊。只要確保你正在記錄你正在收集的靈感。
第 9 步：製作您的內容
團隊在重新設計期間最難做的事情之一就是在設計之後專注於內容。
團隊很容易過分熱心並想要直接投入設計，這樣他們就可以看到他們所有的辛勤工作開始融合在一起。另外，說實話，這通常是最有趣的部分。
他們認為，“我們將在之後編寫內容並將其融入我們創建的設計中。”
這是您在重新設計網站時可能犯的最大錯誤之一。
它使人們產生一種心態，即內容更多是事後才想到的，總是可以稍後再做。
更不用說嘗試將內容改造成現有的設計會創建很少正確排列的元素，並且通常會迫使您進行不可預見的設計修改或犧牲內容的質量。
您的內容應始終決定您網站頁面的佈局。設計旨在增強您的信息，而不是分散注意力或壓倒它。
許多人傾向於設計優先的方法，因為他們不確定在創建內容時從哪裡開始。感覺就像在看一張白紙。
幸運的是，它不必有這種感覺。
這就是頁面策略發揮作用的地方。完成 StoryBrand 框架和 BrandScript 後，我們建議您創建頁面策略，概述故事在頁面上的佈局方式。
請注意諸如可以在哪裡引入對優質內容的號召性用語、常見問題解答的位置以及可以在哪裡引入博客/學習中心內容。這將指導設計。
然而，重要的是要注意，並非所有頁面都需要策略。
人們應該只關注他們網站中 80% 的轉化率（即主頁、定價、服務/產品詳細信息和漏斗底部的直接著陸頁）的 20%。像這樣的頁面開闢了將用戶從漏斗頂部帶到底部的主要路徑。
您可以使用Trello或GatherContent等工具來組織這些頁面。
將您的頁面組織成更易於管理的工作塊，開始創建內容線框，準確分解每個頁面上需要的內容和信息。
這將幫助您專注於您為每一頁講述的故事，並消除那種看著白板的感覺。
創建內容時，請確保您不斷尋找機會來教育訪問者。
一個簡單的練習，看看你對訪問者的教育程度如何，就是頭腦風暴一下你經常從買家那裡聽到的關於你的產品或服務的前 25 個問題。確保您在新網站的頁面中回答了這些問題。
此外，尋找機會在您的內容中包含以下內容：
- 自選工具
- 優質內容，例如電子書、白皮書和購買指南
- 視頻
- 社會證明，例如推薦、客戶評論和案例研究
如果您想跳過內容優先的方法，請記住，雖然一個人對網站的第一印像是基於視覺效果的，但它是強大且有用的內容，可以讓他們保持參與並想要更多。
第 10 步：開始設計
作為一名設計師，我有點偏見，但這是最好的部分。現在是您數週的辛勤工作開始發揮作用並開始成型的時候了。
潛入並開始設計所有頁面可能很誘人，但相反，您需要慢慢來，並確保在此過程中不斷獲得反饋和支持。
使用InVision或Zeplin等工具可以幫助簡化您的反饋並使設計過程更具協作性。這兩種設計工具都與當今的大多數設計程序相集成。
最流行的開始設計過程的方法是創建線框。這些可以是簡單的黑白設計，顯示您希望如何在每個頁面上佈置內容。
示例 IMPACT 線框
線框將使您專注於內容，並確保您以最佳方式佈置內容。
當你準備好開始創建全頁設計時，首先設計一個高影響力頁面的前三個或四個部分（我喜歡從主頁開始），然後將設計帶回團隊以獲得反饋。
從長遠來看，這可以確保您的設計朝著正確的方向發展，從而節省您的時間和不必要的修改。
一旦您的團隊在設計方向上完全一致，您就可以參加比賽了。瀏覽每一頁，確保你得到團隊的持續反饋和支持。
第 11 步：開發您的網站
開發通常是任何重新設計的最後階段，我們的網站重新設計清單也不例外。
達到這一點是一個漫長的過程，因此這一步可能伴隨著很多焦慮，但匆忙的開發可能會導致災難和延誤。
遵循 SEO 和行業最佳實踐以及您愛上的設計，留出足夠的時間來乾淨地編碼網站。
在此步驟中，您的內部或外部團隊將把創建的平面設計模型轉換為 HTML、CSS 和其他語言。
隨著頁面的開發，請確保您正在檢查跨瀏覽器功能，以確保為所有用戶提供一致的體驗。這讓您高枕無憂，無論使用什麼瀏覽器，您的網站都將完全按照預期顯示，並確保您的用戶獲得完全優化的體驗。
移動設備也是如此。瀏覽各種屏幕尺寸需要時間。
通常，確定最流行的設備並對其進行測試是個好主意。谷歌分析可以幫助你。這為您提供了網站在不同設備上的真實快照，再次確保了不會讓任何人感到沮喪的一致用戶體驗。
第 12 步：啟動您的新網站！
你成功了！經過數月的審核、規劃、設計和開發，您終於準備好啟動您的新網站了。太令人興奮了！
在發布之前，請確保您對您的網站進行了發布前審查，以確認您的新網站的一切都井然有序並準備就緒。您的發布前審查應包括：
- 檢查任何損壞的鏈接
- 確保您的 301 重定向已全部設定
- 驗證每個頁面的描述和頁面標題是否正確
- 檢查任何損壞或丟失的圖像
接下來，我還建議在發布前進行 Semrush 現場審核，並將其與您在重新設計過程開始時進行的審核進行比較。能夠比較網站的健康狀況並確保在重新設計期間沒有任何事情變得不那麼有效，這一點很重要。
當您確定一切準備就緒時，發送該網站直播，然後給自己倒一杯！
啟動後立即確保所有頁面都正確呈現，您的分析和熱圖跟踪代碼已到位，並且您已將新站點地圖提交到Google Search Console。
所以現在你可以退後一步，看著線索流入。但你的工作還沒有完成。
計劃實驗，然後沖洗並重複
您的全新網站已開發並啟動，但樂趣不止於此。現在，您必須開始收集和審查有關新設計的用戶數據。
與您的團隊合作，計劃進行 A/B 測試不同佈局或功能的實驗，以提供幫助
改善用戶旅程。首先關注您網站上最重要的頁面，並根據需要多次執行步驟 6-11，直到您最終實現目標——然後設定新目標！
在 HubSpot、Google Data Studio、Marketo 或其他平台中創建報告，以幫助您了解自己的表現。營銷人員需要能夠將發布前指標與發布後指標進行比較。基準線索、轉化率、關鍵字排名、網站速度和網站健康尤其重要。
這些測試以及您因此而做出的後續更改只會有助於改善您網站的用戶體驗、潛在客戶生成和整體有效性。
記住，準備是關鍵
這是我們的網站重新設計清單！照著書看並不總是那麼容易，尤其是在截止日期或時間緊迫的情況下。但是，盡可能密切關注它將幫助您使您的新網站成為您一直想要的流量驅動、潛在客戶生成機器。
請記住，在考慮開始重新設計項目時，第一步是始終評估您要重新設計網站的原因。確保你的決定背後有合理的理由。
從這裡開始，您重新設計的成功將完全取決於投入適當的時間進行準備和規劃。
確保您了解您必須使用哪些當前資產、您想要改進網站的哪些區域以及您將跟踪哪些目標以查看您的重新設計是否成功。
按照這些步驟，你不會出錯。
您是否正在實施入站營銷並希望確保您的網站設置為成功執行您的策略？查看我們的課程元素他們問，你回答網站，深入了解一個偉大的入站營銷網站是什麼樣的。
快樂的重新設計！
資料來源：IMPACT Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful