如何為您的 Web 開發客戶提供定制設計服務
已發表: 2022-08-24提供定制設計服務作為您的整體 Web 開發服務的一部分，可以幫助增加您的吸引力、您的收入，並讓您為客戶增加更多價值。 在本文中逐步了解它是如何完成的。
希望將您的服務擴展到一般 Web 開發工作之外？ 或者，也許您正在學習新的網頁設計技能並尋找一種有利可圖的方式來使用它們？
在本文中，我們將向您展示如何為您的客戶提供專業的網頁設計服務，即使您擁有零設計技能或經驗。
僅供參考，我們調查了我們的 50,000 多名會員並研究了數十個專業網站，以得出本文中提到的建議和建議。
“我從這項副業中賺到的錢已經支付了假期和新玩具的費用，否則我將無法負擔得起。” – Phil（WPMU DEV 成員）
當你讀完的時候，你會有一些想法……
- 為您的客戶提供的最佳網頁設計服務類型。
- 如何實施或外包服務。
- 您可以為設計服務收取多少費用。
跳到本文的任何部分：
- 為您的 Web 開發客戶提供的頂級設計服務
- 品牌推廣
- 視覺識別
- 登陸頁面和潛在客戶生成
- 重新設計
- 顯示您的設計服務菜單
- 開始為您的客戶提供網頁設計服務
什麼是設計服務以及您應該提供哪些服務？
如上所述，我們對設計服務的定義是超越常規主題、模板或頁面構建器方法的服務。
品牌塑造、品牌重塑、標誌設計、登陸頁面設計。 這些是很多 Web 開發人員可能會做的事情，這很好。
但是，如果您想賺取額外收入，為您的客戶提供更多價值，並使您的整體 Web 開發服務脫穎而出，我們將向您展示如何做到這一點。
如果您不是設計師，或者認為您沒有提供這些服務所需的技能或經驗，也不要擔心。
我們將為您提供各種外包選項，這些選項仍然允許您應用加價並賺取利潤。
當我們涉及每項服務時，您還會看到我們為您提供了許多工具和資源，如果您想自己完成這項工作，您可以使用這些工具和資源。
您可以提供的 4 大網頁設計服務（由我們的會員投票）
一旦您決定提供這些額外的網頁設計服務，下一個問題就是您將實際提供什麼類型的服務。
與其在黑暗中刺傷，或者復制谷歌的頂級結果所說的話，我們認為我們會問一群比任何人都更了解的人，因為他們實際上是以此為生……
我們的 50,000 多名網絡開發人員成員！
以下是我們在最近的一次成員討論中問到的設計服務：
- 品牌推廣
- 視覺識別
- 登陸頁面和潛在客戶生成
- 重新設計
現在讓我們詳細了解這些設計服務中的每一個。 您將了解每項服務、資源、工具和外包選項所涉及的內容，以及您可能向客戶收取的費用。
網頁設計服務1：品牌
品牌塑造是企業如何將自己與其他實體區分開來，以及客戶將識別和關聯的內容。
您不必超越基礎知識就可以建立和運行品牌，尤其是在它不是大型公司的情況下。
如果或當它們變得相關時，也可以補充其他品牌組件。
“只從需要的東西開始，必要時添加更多。” – Databoy （WPMU DEV 成員）
–
品牌服務涉及什麼？
我們關注的品牌——基於成員社區的輸入——只是通過整合調色板、選擇字體和戰略性地放置徽標或文字標記來創建品牌（我們將單獨討論徽標創建；請參閱下面的視覺識別） .
為您的客戶品牌創建調色板
採用調色板是客戶網站協同作用不可或缺的一部分。
如果您需要幫助為您的客戶將色調放在一起，您可以使用一些很棒的在線工具。
這裡只是我們喜歡的幾個，所有這些都是免費的。
調色板工具：
冷卻器
使用 Coolors，您可以快速隨機生成調色板，或者更精確地使用顏色檢查器（RGB 條），或者通過上傳圖像 - 用於實體和漸變。
如果您更喜歡現成的選項，他們有一個巨大的圖書館。
該工具可通過 iOS 和 Android 應用程序、Figma 插件和 Chrome 擴展程序獲得。
他們還提供了一個對比度檢查器和一個藝術品重新著色工具（見上圖中我的測試用例）。
土坯顏色
Adobe Color 提供其專業的色輪工具，提供三種模式：RGB、HSB 和 LAB。
您可以從圖像中提取主題以保存為調色板或漸變。
可訪問性工具是另一個優點； 使用他們的對比度檢查器和色盲安全模式分別查看。
蛋黃醬
Eggradients 允許您從許多現成的漸變中進行選擇。 這些是簡單的兩種顏色混合，但如果您正在尋找基本的調色板方法，它們可能會有所幫助或激發創造力。
他們的調色板生成器可讓您從不同的陰影漸變列表中進行選擇。
他們還有一個“50 種顏色”部分，它將在該顏色系列中提取隨機色調，每個色調都有相應的十六進制代碼。
選擇網站字體
排版和強大的字體選擇在新設計的成功中起著至關重要的作用。
有幾種不錯的工具可以用於比較和測試字體，以及提供對各種字體本身的強大訪問權限的網站。
同樣，這些都是免費選項。
網頁字體工具
字體對
Fontpair 在其網站上收集了從網絡上收集的一組預先配對的字體。
他們有一個建議/提交頁面，每週都會添加新的配對。
配對和比較
Pair & Compare 使嘗試字體配對變得容易。
您可以使用 Google 或本地字體（從您的設備共享），並在屏幕上同時顯示最多三個比較字體。
有很多編輯選項：大小、重量、顏色、行高等等。
您還可以更改任何示例文本，並為以後的測試添加書籤字體。
谷歌字體
Google Fonts 是查找和使用字體的絕佳資源，擁有近 1500 個系列，包括可變字體和材料符號。
這些都可以免費使用，甚至可以在商業上或在商業銷售的產品中使用（例如：徽標或文字標記）。
下載可用於家庭或個人風格，並可通過鏈接與他人共享。
提供免費字體的其他網站：
- FontBase（這是一個字體管理系統）
- 字體松鼠
- 大方網
- 字體空間
- 1001免費字體
- 城市字體
以及精選的高級/付費字體網站：
- Adobe 字體
- 我的字體
- EnvatoElements 字體
- 字體包
您可以為品牌服務收取多少費用？
要了解如何為您的品牌服務定價，一個有用的練習是查看競爭對手提供的內容以及創建相同或相似內容的收費。
我們自己做了這件事，這裡有一些相關的例子可以從中獲得定價靈感：
TechCrunch有一篇關於創業品牌和視覺識別成本的精彩文章，來自一位擁有十年經驗的設計師（包括財富 500 強）。
以下是他們收取的費用明細：
根據業務階段，定價估算分為兩類，如您所見，這極大地影響了大致成本。
品牌代理機構是一家提供全方位服務的數字代理機構，提供涵蓋品牌所有要素和級別的服務和建議。
他們有一篇內容豐富的文章，其中提供了幫助規劃和計算品牌成本的規格。
這些價格也存在差異，但它們仍然有助於了解設計服務的典型範圍。
考慮到您的技能和知識水平（以及給定項目的範圍），了解這一點可以幫助您防止過度收費或過度收費。
當然，您可以而且應該定價越高，您的品牌包裝中包含的越多。
品牌服務的平均價格範圍：$1,000-$30,000+
網頁設計服務 2：視覺識別
視覺標識可以是僅圖形（徽標）、僅藝術文本（文字標記）、兩者的組合或全部補充。
它可以像一個帶有首字母的圓圈一樣基本，也可以是特定字體、重量和顏色的企業名稱。
恰當的例子>> WPMU DEV！：
提供視覺識別服務涉及什麼
為客戶決定一個標誌有不同程度的困難。
歸結為他們有多特別，以及他們的預算是多少。
客戶設想的設計越複雜或越具體，他們的需求就越有可能通過定制設計得到滿足。
定制設計的另一個明顯優勢是它將是獨一無二的。 任何人都可以使用預製件，因此多家公司可以購買和使用相同的設計。
正如我們檢查了一些可以幫助建立品牌核心元素的網站一樣，我們接下來開始尋找可以為視覺標識（徽標、文字標記等）提供不錯選擇的資源。
用於創建自定義徽標的工具和外包選項
標誌網
Logo.com 上的所有徽標都是免費的。
這些是非常基本的預製千篇一律的產品，但數量很多。
如果您需要非常特定的陰影，它們還允許顏色有很大的變化（有一個十六進製字段）。
在 Logo.com 上玩免費的徽標定制。
考慮到這些是完全免費的，如果您不需要任何復雜或獨特的東西，這是一個不錯的選擇。
創意市場
Creative Market 擁有 150,000 多個徽標模板，可用於企業品牌、電子商務和創業。
徽標模板集包括用於創建獨特和現代徽標的徽章、圖標和其他元素。
這些都是預製設計，所以請記住，除了您之外，任何數量的人都可以購買/使用藝術品。 如果您的客戶想要一個獨特的徽標，此選項將不起作用。
五福
Fiverr 是一個非常受歡迎的賣家市場，您可以在其中聘請個人藝術家來製作作為 Gigs 提供的任意數量的設計元素。
因為這完全取決於您碰巧選擇的設計師，所以您的里程可能會有所不同。 但總的來說，評論者總體上看起來很滿意，並覺得他們付出的代價得到了很好的交易。
我們最好的專業 WP 工具在一個捆綁包中
價格從 5 美元到 995 美元不等，具體取決於藝術家的技能水平和所包含的組件。
徽標
Logoglo 是一個優質的標誌網站。 你在這裡得到的任何東西都是獨一無二的一次性設計，根據你的簡介從頭開始專業製作。
隨著層級的增加，軟件包會包含更多內容——例如初始概念的數量、周轉時間和修訂津貼。
如果您的客戶預算稍大，並且想要人們不會在其他地方看到的藝術品，這是一個很好的選擇。
99個設計
99designs 是非常成功的在線印刷公司 VistaPrint 的子公司。
產品包括設計師的水平，以及您是否獲得專門的經理和優先支持。
展示的設計概念數量從 30 個開始，增加到 90 個。所有設計都有退款保證和完整的版權所有權。
您可以為視覺識別服務收取多少費用？
Jacob Cass 是品牌設計師、戰略家，也是屢獲殊榮的品牌和設計諮詢公司JUST Creative的創始人。
JC.com 有一篇關於設計成本的文章，並附有關於標誌設計定價的有用圖表。 此外，他們還提供了一份更詳細地列出成本的清單。
全球身份的完整品牌定價非常高，超過一百萬美元。
這當然是精英上層，遠高於平均水平。
對於我們關注的級別，您可以看到差異從 DIY/免費徽標製作者的 0 美元到經驗豐富的設計師的 5000 美元以上。
視覺識別服務的平均價格範圍：$500-$5,000
網頁設計服務 3：登陸頁面和潛在客戶生成
大多數網站（除了教育和娛樂）的主要目標是將傳入流量轉化為潛在客戶。
為您的客戶提供登陸頁面或類似的基於轉換的服務是非常值得的。
畢竟，他們不太可能拒絕獲得更多客戶和潛在客戶的潛力。
“每一頁都有一個目的，就是轉化。 確保您對客戶希望如何轉換，客戶希望每位訪問者的目標是什麼有明確的路徑。 讓您的設計專注於獲得轉化點擊。” –克里斯（WPMU DEV 成員）
所涉及的內容和幫助您提供登陸頁面和潛在客戶生成服務的工具
登陸頁面
您可能已經有一個用於客戶登錄頁面的模板——無論是自行創建的、購買的還是免費獲得的。
如果您正在尋找新鮮的東西，或者還沒有選擇，這裡有一些登陸頁面網站的選項。
工具和外包選項
尼斯頁面
Nicepage 提供 10,000 多個預先設計的登陸頁面，您也可以自己製作。
您可以編輯任何預製模板，使用他們自己的網站構建器 - 允許拖放，無需編碼自定義，如內容編輯、佈局更改（塊）、修改顏色和字體，以及針對不同的響應進行調整模式。
Nicepage 可作為 WordPress 插件用於 Windows 或 Mac OS。
五福
Fiverr 經驗豐富的登錄頁面設計師可以為您的頁面創建正確的佈局和品牌標識。
期待優質圖像、適用於移動設備和桌面的響應式設計、內容上傳（您提供的內容）等等。
價格差異很大，具體取決於您想要什麼，您想要多快，以及您選擇的藝術家的自稱技能和經驗。 作為參考，我們發現價格從 5 美元到 1500 美元不等。
著陸頁
Landingfolio 擁有一系列精美多樣的登陸頁面，這些登陸頁面來自網絡。
他們的產品包括：
- Tailwind CSS 網站模板 – Figma 包含在所有設計中
- 徽標——設計師 Jord Riekwel 的收藏，捐贈給社區（免費）
- Mockup Generator – 為您的應用或網頁設計快速創建設備模型； 輸入您的網站 URL，他們會為您生成模型
Tailwind 是一個類似於 Bootstrap 的 CSS 框架，可以加快您的開發時間。 它使用類來設置元素的樣式，因此您不必編寫任何 CSS。
流行的頁面構建器，如 Elementor 和 Divi
當然，如果需要，您可以隨時使用頁面構建器和主題，其中大部分將幫助您為客戶創建高質量的自定義登錄頁面。
Divi僅提供其構建器的付費版本，當涉及到登錄頁面和轉換元素時，它提供了一個漂亮的最終產品。 Elementor還能夠在免費版和專業版中創建登錄頁面。
使用 Hustle 創建潛在客戶生成模塊
每個好的登陸頁面都需要有效的潛在客戶生成元素。
您可以使用我們的免費 Hustle 插件組合一些出色的潛在客戶生成模塊。
選擇加入、彈出窗口、滑入、社交分享和嵌入 - Hustle 可幫助您創建所有這些，旨在推動結果並轉換訪問者。
使用 Hustle 專業設計的模板（18 個並且還在增加），可以在幾分鐘內輕鬆構建美觀的模塊。
所有這些都是移動響應的，並帶有電子郵件選擇表單和信息設計的選擇（即，用戶單擊一個按鈕並被發送到另一個頁面）。
Hustle 有免費版和專業版。 兩者都為您提供所有相同的出色設置和選項。
唯一的區別是專業版帶有無限的選擇加入、自定義內容和社交共享。
想要更多喧囂？ 在博客上查看這些信息豐富的文章：
- 如何充分利用喧囂
- 如何在 Hustle 中使用可見性條件
- 如何使用 Hustle 獲得最多的電子郵件訂閱者
您可以為登陸頁面和潛在客戶生成服務收取多少費用？
F5 Studio是一家成功的網絡開發公司，自 2013 年開始營業，有一篇很棒的文章分解了設計元素，以及登陸頁面定價的內容。
他們說，數字代理商創建靜態登錄頁面的費用約為 600 至 3,000 美元，動態登錄頁面的費用為 2,000 至 5,000 美元。
Brimar是一家屢獲殊榮的全方位服務營銷機構，分享了有關著陸頁成本的這些見解，聲稱代理商可以根據項目的複雜性和客戶的業務目標，對每個著陸頁收取 300 到 3,000 美元的費用。
總體而言，創建登錄頁面的成本取決於工作的完整範圍以及涉及的工作量。
著陸頁和轉換服務的平均價格範圍：300-5,000 美元
網頁設計服務 4：重新設計/品牌重塑項目
客戶可能會受益於或希望重新設計網站有幾個原因。 最常見的是：
- 整體外觀和感覺已經過時或沒有吸引力。
- 商業標識在設計中沒有得到很好的體現，或者很快就不會因為計劃中的品牌重塑。
- 可用性很差，使導航變得困難並限制了轉換。
“如果試圖吸引完全不同的受眾——例如，如果網站從 b2c 變為 b2b，那麼徹底改革（用戶界面可能需要徹底重新考慮）尤其重要。” –瑪麗安娜（WPMU DEV 成員）
所涉及的內容和幫助您提供重新設計服務的工具
了解用戶體驗是關鍵。 如果一個站點的交互/轉化率遠低於其站點流量，那麼您應該研究行為分析。
Hotjar 和 Crazy Egg 提供 UX 洞察
Hotjar 和 Crazy Egg 等工具可以為網站的 UX 設計/可用性提供深刻的見解。
通過觀察記錄的屏幕行為，您可以找出任何薄弱環節，並根據實際使用數據進行升級。
Hotjar 免費提供服務，最高可達 1000 美元（每月），具體取決於您需要哪些功能，以及有多少會話（“觀察”）或響應（“詢問”）。
Crazy Egg 定價包括 5 種不同的套餐，從每月不到 30 美元到按報價定價。 每一層都允許更多數量的服務（如跟踪的頁面視圖、快照和記錄）。
了解客戶將鼠標移動到哪里以及點擊的位置、他們關注的內容與他們忽略的內容，可以消除任何疑問和猜測，讓您專注於特別強調的需要改進的領域。
您可以為重新設計服務收取多少費用？
就所需的整體工作量而言，重新設計與新設計非常相似。 它們涉及許多相同的元素、工具和時間要求。
如上所述，重新設計的唯一價格差異是 UX 洞察工具的額外成本。
至於整體網頁重新設計成本，最近一項全球重新設計調查的參與者揭示了一些關鍵統計數據：
- 設計網站的平均成本（具有基本功能）：3,200 美元
- 設計網站的平均時間（具有基本功能）：2個月
- 人們聘請專業網頁設計師（而不是使用網站建設軟件）的首要原因：完全定制的能力。
不管重新設計背後的原因是什麼，提前確定對范圍和成本的期望是很重要的。
我們看到平均 3+K 美元和大約兩個月的完整網頁設計/重新設計時間框架。 考慮到您的平均構建時間以及您將包括哪些服務來幫助設定價格。
網站重新設計的平均價格範圍：2,000-4,000 美元
把你所有的網頁設計組件放在一起
收集信息並給予適當考慮後，您現在可以構建一個專門為您的網頁設計服務量身定制的菜單，為感興趣的客戶提供方便的訪問（和價值主張）。
完整的設計服務菜單示例：
這是我們提出的一個示例，其中包括元素價格的變化，具體取決於所包含的組件和所涉及的預期工作。
開始為您的客戶提供網頁設計服務
我們希望您從提供網頁設計服務的詳細介紹中獲得一些有價值的見解。
如果您需要有關本文中討論的任何內容的更多建議或說明，請隨時在下面的評論中詢問我們。
作為一名 Web 開發人員，有很多事情要做。 在 WPMU DEV，我們的目標是幫助使該過程盡可能簡單。
如果您有興趣嘗試我們的平台，我們的免費計劃是最好的起點。 它包括無限制的站點管理、內置計費、插件等。