如何設計個人品牌網站

Image for post
Image for post
原文刊載於 https://riven.design/2126

為什麼會需要做個人網站

這年頭如果想要提高專業領域的知名度,我們很幸運地有相當多種途徑可以選擇;你可以開一個 Facebook 粉專來與粉絲互動,可以開始好好地拍照、製圖來經營 Instagram,更搞剛一點還能夠拍影片上傳 YouTube 頻道,或靠聲音錄製 Podcast 來跟聽眾交流等等,目前網路上視線可及的努力方式有很多種。

  1. 自己做的網站可以有高度的設計彈性,滿足控制欲強的朋友。
  2. 懂了網站開發可以去客製一些小功能,提升使用者體驗。
  3. 建立搜尋引擎排名堡壘,防止未來意外引發的網路公關危機。
  4. 可以在名片印上自己網站的網址,這還挺帥的。
  5. 長期建立 SEO 搜尋能見度,大家可以更容易認識你。
  6. 能將多種類媒體放在一起,比如說文章、影片、照片及履歷,方便整理與瀏覽。
  7. 不用被平台(惡房東)演算法與規矩影響,開心做自己,並吸引相投氣味的人們。
  8. 產出的內容可以累積,而不會被社群平台的時間軸稀釋掉長尾流量。
  9. 使用者造訪會留下數據,這可以讓你分析、並追求更好的境界。

聽起來夠刺激的吧,你準備好了嗎?

客觀地去設計個人網站

試著想想看,通常在幫一個品牌設計網站,上面會有哪些內容呢?

  1. 定義使用者 (User Persona)
  2. 擬定網頁線框稿 (Wireframe)
Image for post
Image for post

壹、規劃網站地圖(Sitemap)

個人網站設計的第一步,就是先將網站的資訊架構做出來,可以透過簡單的紙筆來規劃,或是透過像 Whimsical 這樣的線上圖表工具來製作。

Image for post
Image for post
https://whimsical.com/
Image for post
Image for post
Flowcharts 可以輕鬆規劃網站架構
Image for post
Image for post
riven.design 的網站架構
Image for post
Image for post

貳、定義使用者 (User Persona)

當我們規劃好心中理想的網站架構後,要努力意識到一件重要的事情 — — 「這個網站不是給自己看的。」

Image for post
Image for post
https://www.notion.so
Image for post
Image for post

參、擬定網頁線框稿 (Wireframe)

前面兩個準備階段後,相信我們都對現在要做的這個網站有了一定的想法,並且也清楚自己在幹嘛了!這很重要噢,如果新手一股腦兒地直接動手做起網站,很容易弄到一半就產生「我是誰?我在哪裡?!」的想法,常常想架網站的人都是在這樣混沌的狀態下放棄了。

Image for post
Image for post
Image for post
Image for post
Adobe Xd

如何架設個人網站

推薦可以使用的架站軟體有 Webflow 以及 WordPress,而如果是想打造個人品牌網站的話,這邊會推薦使用後者的 WordPress 搭配主機與專屬網域。

申請你的專屬網域

當設計好了自己的個人網站,接著我們就可以來選一個自己喜歡的專屬網址!可以透過像 GoDaddy 這樣的平台來購買網域授權,通常一年的費用大概是幾百元,貴一點的幾千到幾萬都有。

Image for post
Image for post

購買網站使用的主機

現在要架設網站變的滿容易的,我們可以使用 CLOUDWAYS 來購買租賃主機,然後一鍵就可以安裝架設 WordPress 系統。

Image for post
Image for post
CLOUDWAYS

選擇適合的設計主題

而架設好 WordPress 網站之後,則是可以選擇一個適合的佈景主題,這邊則是推薦使用 Divi 來做網頁的設計,彈性大且美觀。

Image for post
Image for post
Divi Theme

建立個人網站的基礎內容

當作多網站連結縮網址

不知道你有沒有注意到許多國外 IG 熱門帳號,在個人檔案的地方都有置入 linktr.ee/XXX 這樣的網址,這是由 Linktree 提供的短網址服務,可以在上面放上你想要曝光的多個網站連結,而台灣也有本土新創團隊開發的 SocialVIP 可以用,都相當適合創作者用單一網址來串連自己的各平台帳號。

Image for post
Image for post
https://riven.design/
Image for post
Image for post

打造 MAP 網站

如果你看過最近很熱門的韓劇《Strat Up:我的新創時代》裡面的第 15 集,除了韓常務的笑容讓我徹底融化之外,更值得注意的是那集呼應的標題「最簡可行產品」(MVP),這在新創圈可說是相當熟悉的產品作法,如果你對這個有興趣,可以買 Eric Ries 著作的《精實創業》(The Lean Startup) 來看,這本創業者人手一本的創業聖經,將 MVP 的精神徹底執行在新創公司的策略上。

Image for post
Image for post
https://riven.design/contact/
Image for post
Image for post
https://riven.design/cv/

用部落格長期發展網站內容策略

欸問你噢,你怎麼看現在寫部落格這件事情?會不會覺得有點過時,現在大家平常都在用臉書跟 IG 了,有人還會看部落格嗎~

Image for post
Image for post
可以透過個人網站來經營部落格內容
https://riven.design/blog
Image for post
Image for post
同時放上圖文、影片或 Podcast 等媒體內容

✅ 個人網站重點資訊清單

個人品牌網站會因為擁有者本身的專業領域不同,而需要不同的架構與內容去編輯,但總歸來說有一些是屬於通用型區塊,以下整理給大家有哪些東西或通常一定會有,可以作為製作自己網站時的檢查清單。

  1. 乾淨且具有專業感的形象照,請一定要排預算去找攝影師正式拍攝,禁放生活照。
  2. 羅列過去經歷的事蹟、獎項、紀錄,建議可以條列式以方便日後持續更新上去。
  3. 各個社群平台的連結,以及聯繫信箱。
  4. 職業工作情境照片,以及可以代表你日常職場環境的紀錄照等,提升信任感與沈浸感。
  5. 合作品牌 LOGO 一覽(或課程學員評價、邀請朋友寫一段對你的看法)
  6. 關於你個人的媒體報導、轉載、刊登紀錄,或是維基百科跟受邀專訪等。
  7. 產品或服務等業務項目的資訊。
  8. 部落格或影音等創作內容,以及電子報訂閱系統。
  9. 版權宣告。

後記:做一個網站,然後把這一生放進去。

現在網路社群呈現的樣態,會讓想經營個人品牌的人陷入焦慮與慌亂,既想經營 Facebook 粉專,也建立了臉書社團,同時間可能還要更新 Instagram、發送 Email 電子報,還有 YouTube 頻道、部落格、Line@、Telegram.., 等等,我們都曉得這樣全平台的社群媒體佈局,可以更好地得到不同受眾族群的關注,但在起步階段要把這些平台顧好,真的很累⋯

Image for post
Image for post

Written by

是數位遊牧型態的設計師💻 喜歡邊旅行邊工作的生活,逐網路、插座與咖啡而居。期待能夠將艱難的設計與開發技術,用麻瓜都能夠聽得懂的話,說給每一個人聽。更多關於我:riven.design

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store