不知道如何跟網頁設計團隊溝通自己想要的官網?這篇文章寫在架站之前需要思考和準備的幾個步驟,並提供國內外的豐富網站範例資料庫給您參考,幫助你找到理想的網站藍圖。

與網頁設計團隊、工程師討論需求前,有個初步但具體的草稿很重要,你將化身為網站的產品經理,以下列出幾個步驟帶你收斂出你的產品流程。

目錄

1. 先列出想要的網站功能

這個階段像是將你腦海中所有元素丟出來檢視,先不用設限於自己的資源可行性,無論是過去你覺得很棒的客服機器人外掛、電商頁面、大範圍短片展示、登陸頁等等,覺得想要的功能都可以列出來。

你會發現你可能洋洋灑灑寫了好幾頁不止,不用擔心自己太貪心,這些之後會依據你的銷售目標、體驗流程的優化等漸漸收斂至精練。

之後,根據你的產業,必要性的網站定位要先定調,目前的網頁設計上有幾個主流的形式:

  1. 品牌官網
  2. B2B 形象網站
  3. 內容網站(部落格)
  4. 電商網站

確定好自己的網站屬於哪一個類型,再依據這個網站定位所需的元素,將你方才列出的所有素材中,選出適合的功能放進來。

2. 視覺化呈現

決定好網站需要的元素後,可以運用繪圖的方式畫出網站流程與分頁設計,這些視覺化的過程不用太精細,重點在於讓網頁設計團隊知道你心目中的構想,著重哪個區塊,導覽列如何呈現,購物流程如何體現等。推薦幾項簡單的視覺化工具:GitmindGitmind 是免費的線上心智圖工具,支援中文,有多種樣板可以選擇,能夠自由切換心智圖和魚骨圖,呈現你要的網頁架構脈絡,且介面美觀、容易分享,也能下載高解析度的圖檔,在與客戶溝通或插入投影片時都相當實用。
PPT / Keynote 投影片工具內建的表格與組織圖,通常能直接滿足初步的繪圖需求和網頁的 Prototype (原型),運用不同的投影片呈現每個網站頁面,運用章節分類功能可以快速切換不同頁面,如果運用 Google Slide,還能授權多人同步編輯發想。紙、筆、便利貼 簡單直覺的工具往往最強大,運用大張海報紙和幾隻麥克筆,根據不同的流程拼組是在組內討論時最直接的方式。功能或板塊則可以直接寫在便利貼上,與夥伴討論時,可以直接撕黏便利貼來拼排功能,是效率最高的方式之一。

找尋範例網站(國內國外)

運用 Google 無痕搜尋「wordpress templates」,你會找到比較多豐富的素材與範例資料庫。以下推薦幾個相當好用的網頁設計範例,不需要閱讀冗長的英文原文也可以自由查找,容易上手。

WordPress 官網主題範例

WordPres.org 官網上提供了客戶案例與各主題的模板,可以透過Showcase來參考知名客戶如何設計網頁,也可以透過左邊的清單來選擇適合自己的主題做參考。

Templatemonster

Templatemonster 是規劃網站初稿時發現相當得力和豐富的工具,可以選擇國家語言與你想要的模板(在 All Product 選擇 WordPress Themes),可以看到許多設計主體。

Pinterest

Pinterest 是國外很熱門的靈感收集社群平台,大家會將自己的作品或是喜歡的圖釘(Pin) 在自己的版面上,組成自己的興趣和靈感收集板,沒有靈感時上去逛逛能夠得到許多意想不到的驚喜。

關鍵字可以運用:「website design templates」、「wordpress templates」等,在搜尋欄下也會出現相關關鍵字分類,可以依據自己的需求進一步尋找。看到喜歡的可以釘選在自己的帳戶或是儲存圖片,分享給別人。

喜歡我們的網頁設計嗎?

架設網站就像是參與產品規劃和誕生的過程,網頁設計團隊是你在打造產品過程中最密切的合作夥伴和戰友,透過初步明確的想法規劃,得以讓網頁設計團隊的專業得以最大的發揮。
相關文章
什麼產業需要 RWD 網站?

目錄 如果你真的好奇,那麼答案是:只要你想做網路的生意,就都需要 RWD 網站。 線上消費已是主流而非趨勢 近十年來,從 Bossini、潮牌 STA