Skip to content

作品集網站架構如何規劃?6個要素建立起能將技能與想法傳達給他人

無論是一頁式作品集架構還是一個完整作品集網站,建議在架設網站之前,都要先釐清你要去哪、你要為這世界提供什麼服務、你要如何呈現風格、你的目的是什麼等。

所以,網站架構規劃變得很重要,今天這篇文章將要來分享6個作品集網站基礎架構。

網站架構是什麼?

讓對方與你一起為網站初步了解網站可能會放那些東西,簡單來說就是對方與你透過規劃去了解使用者體驗,這樣才不會在後面造成沒有共識狀況發生。

為什麼需要事先做網站架構?

如果你有開過店,我想應該很清楚知道要開設一家店的背後其實需要諸多規劃,例如:店要開在哪裡、店面需要什麼風格、動線如何設計等。

而網站也是同樣道理,也需要去做規劃,讓客戶從網站去了解你,你想怎麼讓客戶進來(sEO/下廣告/當面推銷…)、你想傳達給客戶什麼、你有甚麼價值觀、你有什麼想解決的問題等。換句話說就是骨幹的意思。

也因此,這部分想好了之後,在後續網站設計的行為上不會因此迷失方向。

收集資料與發想

我們在初步建立架構之前我們可以收集資料為開始,尋找同業的網站架構模型,然後進行發想如何稍微跟他不一樣。

網頁規劃基本架構

無論是企業形象網站、內容型網站還是作品集網站都一樣離不開以下三種基本架構組成:

  • 頁首:在網站讓人們第一眼瞬間就能看到的「門面」。
  • 頁面:在這其中人們會看你寫的內容、個人形象等。
  • 頁尾:可以讓讀者在看到最後時,再去點其他頁面。

這三個基本上就足以支撐一個最基本網站架構,你可以想像成,我們「人」的樣子,頁首等於頭部、頁面等於身體、頁尾等於腳部。

頁首(Header)

在觀眾進到網站來時,這是初步第一印象,一般來說,會放的東西大致上有:LOGO、其他分頁選單、重要頁選單。

面(Page)

在該頁面上透過書寫、圖片、影音等方式傳遞給你想給人分享的內容、作品、想法等。

尾(Footer)

在頁尾部分可以放置E-mail、相關連結、版權聲明、免責聲明、隱私權政策等。

作品集網站架構的6要素

作品集網站目的就是讓別人更快速知道我們的技能、讓客戶可以更快的去了解你,因此,以下是作品集網站架構的6要素:

  • 首頁
  • 頁首
  • 文章頁面
  • 作品內容
  • 服務頁面
  • 頁尾

首頁

就像一家店的門面一樣,在外觀看起來非常漂亮,所以大致上會放個人介紹重大作品內容、幾個熱門文章、客戶評價、聯絡我們等。

若是以Wordpress去做的話,建議這部分以Elementor外掛+Photoshop來使網站的首頁看起來非常有質感。

延伸閱讀:WordPress是什麼?12個優缺點了解為什麼我選它做形象作品集網站

頁首

依造上述的頁面顯示,LOGO、選單、重要頁選單,所以如果在基礎選單上可以放:BLOG、服務頁面、作品內容、關於我等。

重要頁選單則可以放:諮詢頁銷售頁Email名單收集等。

文章頁面

利用文章來傳達出自己對於專業內容的看法、該領域名人作品看法、如何解決問題的看法等。

作品內容

跟文章頁面很相似,但這個比較著重於製造出來的作品。

如果你有相關拍攝出來的作品可以放在這類地方,並且在作品欄的每一個小作品都能進去看更多細節,最後在放上讓客戶點擊的諮詢按鈕

而這類方式我們可以利用Wordpress外掛來協助,推薦Grid KIT PortfolioVisual portfolio

文章:在這個頁面上,寫著各類對你的專業領域看法、分享使用專業上的技巧等。

服務頁面

透過服務頁面可以讓客戶大致上了解流程怎麼走,建議在Illustrator畫圖然後在放上來。

頁尾

這部分以放置LOGO相關連結E-mail聯絡還有最重要的是免責聲明隱私權政策,這兩個必須放,因為法律上有規定這件事。

關於架設網站,我能自學嗎?

當然可以,你可以從中慢慢摸索,不一定要寫程式碼才能做,我也是還在摸索當中,Wordpress也是我一開始什麼都不會,也有去上課,後來摸索出一些心得。

我上的課程我很推薦站長路可的WP電商網站架設,雖然站長路可是講電商部分,但是你可以從中了解到Wordpress基本邏輯,然後選擇要不要代入電商。

如果你不想自己學、自己來,想找人協助,那你也可以點擊下方按鈕來進一步了解。


creativeminishop

本站有部分連結與商家有合作關係,若透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明及使用條款


如果你經常大量使用圖片的話,本網站推薦三個好用的平台:

  • 重度Adobe使用者,不需要把圖片下載到桌面,直接線上儲存:Adobe stock
  • 目前全球最知名專業的圖庫平台,若你只需要圖像來使用的話:Shutterstock
  • CP值高的素材平台,每月付一次錢就可以下載各式各樣素材:Envato element

看更多素材文章內容....



文章引用請來信索取授權,否則將保留法律追訴權。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *