【精選範例】傳送門頁面設計(個人品牌)

2022-04-20

個人品牌

請上傳圖片

喜歡傳送門這套簡單的頁面工具，也想為自己打造美觀又有質感的入口網站，卻苦無靈感、不知該如何規劃自己的版面嗎？

本篇文章精選雪羊視界、溫美玉老師兩位個人品牌類使用者的傳送門，為所有想自建頁面的創作者提供範例。不必懷疑，你也可以利用這款簡單工具，輕鬆打造出媲美他們的個人門面。

由於個人品牌類型的經營者，一般不比圖文創作者具有強大的設計與製圖能力，因此在傳送門的頁面建置上，會以資訊整理功能及社群連結整合為主。但是別忘了，有好看的圖像或照片素材，依舊是打造個性化門面的重要視覺焦點。

雪羊視界的傳送門： https://portaly.cc/Snowram

雪羊是登山界與高山攝影知名的 KOL，也是與多家媒體合作的專欄作家。在頁面規劃上，先以五個貼紙文字，將各個專欄、採訪特輯等社群平台集中在一個區塊，不僅方便粉絲搜尋閱讀，亦能凸顯出其專業地位。

貼紙文字下方規劃兩個「方形看板」，用磅礡大器的山岳美照為視覺中心，清楚勾勒出其高山專業背景。在整個頁面規劃上，清爽、簡單又保有質感。

第一個方形看板規劃為「歷年專訪回顧」，這邊雪羊利用了傳送門特別又好用的「自訂分頁」功能。點擊橫幅看板，即進入「歷年媒體專訪」的自訂分頁。

這頁同樣以山岳大景美照為首圖，將過往的文字或影音採訪報導等，運用超連結功能條列整理，呈現出清爽、易讀的個人受訪簡歷。更運用自訂分頁內建的文字編輯器設定條列方式，讓閱讀更加舒適。

第二個方形看板規劃為「山岳映像」，精選數張山岳攝影照片搭配「自動輪播」功能，打造動態攝影牆。

看完雪羊視界的傳送門頁面，可以清楚看出不必擁有強大的設計能力，就能打造出高質感的個人品牌入口頁面。這邊再來看看另一位個人品牌類型 KOL 的頁面。

溫美玉的傳送門： https://portaly.cc/Wenmeiyu

溫美玉老師是知名的教育界人士，出版過十餘本暢銷著作，在翻轉教育、親子教養皆有獨特的視角與豐富的經歷，更曾榮獲多項教育貢獻獎。

溫美玉傳送門的上半部，規劃兩塊「橫幅看板」，分別用來介紹自己與宣傳剛上市的新書。在新書發表的橫幅看板下方，再加上一個立即訂購的「文字按鈕」，達到呼籲粉絲立即行動的效果。

這兩塊「橫幅看板」都連結了傳送門的「自訂分頁」，以承載較多的文字資訊。首先來看第一個「老師的故事」看板所連結的分頁。

該分頁的上半部清楚地將溫老師的重要經歷、獲獎殊榮列出；下半部則將歷年出版作品條列整理，同時搭配文字編輯器的超連結功能連結至商品頁。

透過這樣的自訂分頁規劃，讓粉絲與訪客多了一扇窗口，來了解溫老師的經歷與背景。在遇到需要提供簡歷或自我介紹的場合時，更可以直接提供此頁的連結，成為圖文並貌的自介利器。

第二個橫幅看板「新書發表」，同樣連結到傳送門的「自訂分頁」。該分頁目標是作為新書簡介，強力為剛上市的新書進行宣傳。圖片下方還加上「立即訂購」按鈕連結至商品頁，再度呼籲粉絲行動。

回到傳送門首頁，接著是一個「媒體報導」的橫幅看板。這塊看板將溫老師受訪過的報導文章集中至一區，再運用「自動輪播」功能，強化整體頁面的動態感，同時也展現出老師在教育界的專業地位。

接著再置入了兩組「雙方格看板」，把溫老師出版過的四本書對稱陳列。透過將作品集中於一個區域的規劃，達到如同作品牆般的推廣效果。

雙方格看板的下方，再運用一個「方形看板」，作為連結至溫老師教育專欄的入口。

這邊選擇方形而非橫幅看板，主要是為了配合這張照片的構圖。在打造自己的傳送門時，如果你已經選定了一張符合需求又好看的照片或圖像，就可以透過不同類型的區塊模組，打造出最美觀的視覺體驗。

頁面最後透過四個清晰的「文字按鈕」，提供目標明確的訪客，一處能快速瀏覽的捷徑。這邊透過簡潔的文字描述，能讓按鈕導向的社群輪廓與用途更加清楚。

以上介紹了兩位個人品牌類型使用者的傳送門。他們依據自己的品牌特色與個人風格，規劃了彰顯自我特色的入口頁面。想必你也獲得不少靈感，已經手癢難耐了吧？趕快登入自己的傳送門頁面，動手打造自己的個人品牌網站。

我們未來將持續更新更多精選使用範例與進階教學，歡迎持續追蹤我們的Medium。

By Portaly 傳送門開發團隊

Portaly 傳送門是一台灣團隊開發的「創作者品牌首頁」Link-in-bio 網站工具。以極簡的介面設計，整合創作者的經歷與作品，輕鬆完成一個專屬自己的微型網站，永久免費使用。

http://portaly.cc/

傳送門 Discord 官方社群

傳送門 Instagram 官方社群