作為我們更大的品牌重塑項目的一部分，99designs最近對我們博客的外觀進行了徹底的修改。因為我們是一家設(shè)計公司，寫與設(shè)計相關(guān)的話題，我們想我們應(yīng)該談?wù)劄槭裁矗ㄒ约叭绾危┳鑫覀兯龅氖虑椤?/p>
我們重新設(shè)計博客
的三個原因-
我們舊博客上的一篇文章
1。從視覺上看，我們的博客設(shè)計已經(jīng)過時了。
我們以前的博客設(shè)計是建立在兩列布局上的，這使得它看起來像一個模板。內(nèi)容雜亂無章，讓人不知所措，不知道該看哪里。當我們在寫關(guān)于圖形和網(wǎng)頁設(shè)計趨勢的文章時，這兩件事都不能給讀者帶來信心。
2。舊的設(shè)計與我們其他的品牌不匹配
事實上，還不清楚這是一個公司博客。去年夏天我在一個會議上遇到一個女人，她說她每天都在看我們的博客真棒！-她不知道我們除了寫博客什么都沒做。
三。功能不能滿足我們或讀者的需求
我們的文章模板限制了我們向讀者展示的內(nèi)容。這些圖像的最大寬度只有區(qū)區(qū)624倍，沒有任何變化的選擇。我們的導(dǎo)航也很差，導(dǎo)致了很高的跳出率（即使是博客）。最后，我們運行了兩個獨立的英語博客，以及一個德語博客和法語博客。這不僅讓讀者感到困惑，而且有四個獨立的wordpress后端，它也是一個需要管理的野獸。
是時候改變了。
我們博客重新設(shè)計的6個目標以及如何實現(xiàn)它們
-
基于上述評論，內(nèi)容策略團隊與我們在搜索引擎優(yōu)化、用戶體驗設(shè)計和工程方面的同事坐下來討論，并為我們的博客重新設(shè)計提出了六個目標。
1?？勺x性
文章應(yīng)該美觀易讀。如果我們有一個良好的閱讀經(jīng)驗，人們會想留在周圍，閱讀更多。
我們?nèi)绾谓咏簩拡D像和窄文本
這個目標分成了幾個部分：圖像應(yīng)該易于看到，文本應(yīng)該易于閱讀。
香蕉貓王正在打破許多障礙（字面上和隱喻上）。我們還用他時髦斗篷上的紅色把這篇文章系在一起。本杰明阿姆斯特朗。
如果你想看圖片，你需要把它們放大。根據(jù)上下文，應(yīng)該有多種方式來顯示它們。因此，我們構(gòu)建了幾個圖像模板：全寬、靈活的網(wǎng)格和帶文本換行的浮動一半。
另一方面，文本應(yīng)該放在一個相對狹窄的欄中，這樣讀者的眼睛就不必在屏幕上不斷地來回跳躍（這使得他們更難保持自己的位置，擾亂閱讀過程）。
為了彌補文本和圖像之間不同寬度的需求，我們允許我們的圖像打破了中心列的障礙。這還有一個額外的好處，就是允許我們在頁面上創(chuàng)建一個可視化的流。
最后，由于我們希望文章的內(nèi)容成為每個頁面的焦點，所以我們決定不采用大的特色圖片趨勢，而是在文章標題上添加了一點顏色。這種顏色是從頁面上的圖片中提取出來的，用于所有的標題和鏈接中，在文章中創(chuàng)建一種統(tǒng)一的感覺。它也被用在每一篇文章開頭的獨特的小垂帽上，這會給人一種微妙的視覺效果，同時也能把讀者的目光立即吸引到文章中。
當然，我們創(chuàng)建了移動版和平板電腦版的設(shè)計，以確保一切都是響應(yīng)和最好的服務(wù)于我們的讀者正在使用的設(shè)備。
2。直覺導(dǎo)航
讀者應(yīng)該能夠很容易地理解和瀏覽我們的博客，并且能夠找到與其興趣相關(guān)的有趣內(nèi)容。
我們是如何做到的：像讀者一樣思考并創(chuàng)建一個視覺層次結(jié)構(gòu)
你的博客的第一個目標應(yīng)該是讓一個人讀這篇文章。第二個目標是讓他們讀第二篇文章。要做到這一點，讀者必須能夠很容易地找到下一篇文章閱讀。
我們像讀者一樣思考這個問題。在合并和重新設(shè)計之前的幾個月，我們完全重新設(shè)計了網(wǎng)站上的類別。我們沒有將它們與內(nèi)部產(chǎn)品或流程聯(lián)系起來，而是考慮讀者可能要查找的內(nèi)容類型，并以此為基礎(chǔ)對我們的類別進行分類。我們還咨詢了我們的搜索引擎優(yōu)化團隊，以確保這些是谷歌友好。
一旦我們發(fā)現(xiàn)了這一點，我們就可以開發(fā)一個視覺層次結(jié)構(gòu)來進一步鼓勵我們的讀者堅持下去。在文章頁面上，我們關(guān)注以下幾點：
- 相關(guān)的文章在頁面底部，所以如果讀者讀完了一篇文章并喜歡它，他們會立即與其他一些可能感興趣的文章一起提供。我們確實有一個算法，拉這些，但也有一個手動覆蓋，以便我們可以手動挑選文章，如果我們愿意（驅(qū)動交通，我們最希望它去）。
- 標簽和作者頁面也很容易從文章的底部訪問，因為這些可能是讀者希望與我們的內(nèi)容接觸的其他方式。
這篇博文的一些精選相關(guān)文章。想看嗎？滾動到底部！
在主頁上，我們想展示我們內(nèi)容的多樣性，同時也吸引讀者的眼球。我們構(gòu)建了一個網(wǎng)格，這樣您就可以很容易地看到各種產(chǎn)品，而不是按時間順序排列的帖子。我們還在主頁的頂部發(fā)布了三個更大的帖子，允許我們展示特定的內(nèi)容。
主頁上不同大小的圖片會吸引人們對我們希望刊登的文章的注意
三。最大化搜索引擎優(yōu)化價值
我們希望讀者找到我們的內(nèi)容，這意味著我們需要最大限度地發(fā)揮我們的搜索潛力。
我們是如何做到的：基于類別的slug和正確的插件
我們博客70%的流量已經(jīng)來自有機搜索。如果我們想提高整個頁面的瀏覽量和讀者群，我們需要確保我們在搜索算法上玩得很好。
我們決定做的第一件事是改變我們的鼻涕蟲。如上所述，我們合并了兩個英語博客。當然，每個博客都有不同的url結(jié)構(gòu)。所以我們需要鞏固。我們決定使用類別名稱/文章標題格式。添加類別名稱為我們提供了一個將關(guān)鍵字添加到url中的機會。
我們做的第二件事是確保安裝了正確的插件。我們使用yoast進行seo管理，并使用disks進行評論。
最后，我們對重定向進行了兩次和三次檢查，以確保不會丟失舊頁面的價值。
4。連接到主99designs站點
需要明確的是，該博客連接到99designs.com。
如何實現(xiàn)：設(shè)計元素與產(chǎn)品集成
我們希望我們的博客看起來像我們網(wǎng)站的其他部分，但也作為一個博客的功能。為此，我們從我們的品牌指南中確定了幾個關(guān)鍵的視覺元素，并將它們整合到設(shè)計中：
我們的網(wǎng)站（和博客）上到處都是設(shè)計師的作品。戴維德彼得森項目辦。
- 使用我們的平臺集成到網(wǎng)站中的設(shè)計（如浮動大象，出現(xiàn)在這里和電子郵件訂閱框旁邊）
- 基于頁面圖像的動態(tài)調(diào)色板
- 保持色調(diào)和圖像輕盈真實
我們就導(dǎo)航問題爭論了一段時間，我們想集成主站點的導(dǎo)航嗎？會不會因為還需要博客導(dǎo)航而感到困惑？最后，我們妥協(xié)了，沒有合并我們的主要網(wǎng)站導(dǎo)航，但有l(wèi)ogo鏈接回到我們的主頁（并建立“博客主頁”到我們的博客導(dǎo)航）。
最后，我們創(chuàng)建了更多與我們產(chǎn)品的鏈接，其中包括一個用兩個CTA突出我們當前設(shè)計競賽的部分：讓潛在客戶開始他們自己的競賽，或者讓潛在設(shè)計師注冊。我們還有一個靈活的促銷欄（在每一頁）和框（在主頁上），讓我們讓人們知道特別優(yōu)惠。
5。訂婚
讀者應(yīng)該能夠很容易地在社交媒體上分享我們的文章，注冊我們的電子郵件列表和評論文章。
我們是如何做到的：關(guān)注你的社交圖標和每頁的電子郵件截圖
這一點很直截了當：如果我們想讓人們參與進來，我們就必須讓他們?nèi)菀讌⑴c進來。這意味著社交媒體鏈接和電子郵件注冊。
為了確保社交媒體盡可能容易訪問，我們將圖標設(shè)置為粘滯狀態(tài)，這樣它們會跟隨您進入頁面（但也會巧妙地設(shè)計，這樣它們就不會干擾閱讀體驗）。對于電子郵件注冊，我們決定暫時放棄彈出的lightbox注冊趨勢，而是在每個頁面的底部集成一個注冊。這也許是我們將來要回到的話題。
6。更輕松的博客管理
博客的后端應(yīng)該可以讓作者、編輯、管理員和開發(fā)人員的工作變得更容易。而且它的構(gòu)建方式應(yīng)該允許擴展。
我們?nèi)绾螌崿F(xiàn)它：一個后端和一個多語言插件
在你的博客設(shè)計上做一個快速的視覺檢查是很容易的。但這并不經(jīng)常解決管理問題。我們已經(jīng)成長了，而且還在擴張，而我們現(xiàn)在的體制并沒有削弱它。
這需要大量的研究和一些嘗試和錯誤，但我們最終決定，對我們來說最好的解決方案是在一個后端建立我們的多語言博客，并使用WordPress多語言（WPML）插件。這需要更多的努力來實現(xiàn)，我們必須手動將所有類別、標記和以前翻譯過的文章與其他語言的對應(yīng)內(nèi)容關(guān)聯(lián)起來，但最終會使我們的工作更輕松。所有博客都有一個設(shè)計和一個樣式表。如果有技術(shù)問題，開發(fā)人員可以進行故障排除并修復(fù)一次。如果我們想翻譯內(nèi)容，我們可以很容易地把文章翻過來，保持圖片和格式完整。（如果這更有意義的話，就把它們換掉）。
logo設(shè)計趨勢英語…
法語…
和德語。
這在當時確實是一個令人頭疼的問題，但投資我們的基礎(chǔ)設(shè)施使我們有了更好的發(fā)展方向。（我們的日本團隊決定在我們完成這個項目的同時建立一個日本博客，這正好是時候?。?/p>
那么，成功了嗎？A603-
新博客還為時不到一個月，所以結(jié)果還沒有定論。從管理的角度來看，這肯定更容易。我們喜歡這個新造型。但我們需要給數(shù)字一些時間。但別擔心，我們會在3-4個月內(nèi)跟進這篇文章，讓你知道我們是否成功，并確保鏈接到這篇文章的結(jié)果。
考慮重新設(shè)計你自己的博客？請記住以下幾點：
- 列一張什么有用什么不有用的清單
- 列出優(yōu)先事項（并找出衡量其成功的方法）
- 記住，創(chuàng)建好的內(nèi)容是你能為你的博客做的最好的事情
- 但你也應(yīng)該考慮搜索引擎優(yōu)化和用戶體驗
