你是不是有那種，一點開一個網站，馬上就把游標移到右上角按叉叉，連往下滑都不想，就直接跳出的經驗？
我不知道你有沒有，但我非常多。

▍論Landing Page的重要性

Landing Page顧名思義就是登錄頁面（恩，有解釋跟沒解釋一樣），它就是你讓別人第一個到達的網站頁面，也是你的品牌/企業給人的第一形象，要用口語一點來比喻的話，那就把Landing Page解釋成它就像一張電子名片好了！

所以網站的視覺設計和排版佔了很重要的地位，這也就像是假設你今天去面試一份工作，你會希望別人怎麼記得你一樣，你的品牌/企業風格給人的第一印象是什麼？是成熟穩重的？青春活潑的？形式是圖像式設計為主的？還是文字內容為主呢？這一些小元素，組成了整個網頁的獨特個性。

所以說，Landing Page是很重要的！！

但是！But！網站固然有不同風格，逛網頁的人也有不同喜好，要符合每個人的胃口，可以說是一件不可能的事，所以要怎麼讓逛網頁的人，想要繼續停留下來呢？以下提供三個方式，可以讓你的網站Landing Page生色不少，更抓住別人眼球！

▍如何讓Landing Page超吸睛？

  1. 使用動圖背景，搭配文案更突出
    我們異星最近在架網頁時，由於想讓大家很Focus在Slogan上，所以在背景的選擇上研究了很久，經過我們對不同年齡層的消費者作調查後，發現大家普遍喜歡動圖背景，它不只非常吸睛，也更能凸顯文字，讓人將注意力更集中在文字上。

大家有興趣可以去我們的House Go網站看看：https://www.housego.com.tw/

我們都很喜歡這個動圖素材，我自己每次看也都覺得很幽默，影片中的房屋仲介完全把『房屋完售』的爽快心情淋漓盡致的表達出來。

以下還有幾個例子可以帶大家來看看：

(1)Nike：https://purpose.nike.com/

網頁中的前景文字表述Nike設計理念，背景則搭配Nike產品製作流程、各種運動員專注運動的影片動圖，總體在傳達Nike希望透過運動，讓世界變成一個更健康、平等的地方。

使用文字故事與動圖的結合，品牌理念一次就傳達到位，讓人有種在『看電影』的感覺，很容易就被吸引住，想一直看下去。

(2)Movie Mark：http://movie-mark.com/

Movie Mark是影片行銷公司，網頁使用一句很簡短的標語，搭配以遊樂園場景、溫暖色調為基底，渲染出富有『快樂』情緒張力的影片，傳達強烈的故事感。

利用這個網頁告訴你，Movie Mark可以幫你的企業/品牌做動人的影片行銷，讓你的企業/品牌更人性化。

  1. 採用互動式設計，讓人停留更久
    光看到「互動」這兩個字，是不是就已經引起你興趣了呢？！好了～不要不承認了喔～
    相信大家都有點進去過需要互動的網頁吧？是不是都會逗留比較久玩一下，互動式網站設計很吸引人的事實已經是不言而喻了，所以就直接來推薦幾個網站案例，或許你可以參考這些方式，讓大家對你的各種產品更有興趣！

(1)Jan Ploch：https://janploch.de/

這是一個很有趣的線上作品集網站，一進網站可以看到好多個圖示隨機排列的特殊視覺，這時候就會吸引人想移動游標到每個圖示上，藉由游標移過去會放大的效果，讓你明白它是可以按的，按進去後可以觀賞每個作品集的內容，精美的設計讓人忍不住想一直滑！滑完之後又會有強迫症讓人回到首頁點另一個作品集看。

試想看看如果今天一進去網頁，作品集是表列式，或是所有作品集內容直接展開在你眼前，這樣是不是就少了會想繼續看下去的fu呢？可能看個幾眼就想跳出網頁了，藉由這樣互動的小巧思，拉長別人在你網站上的停留時間。

(2)Pieces：http://species-in-pieces.com/

這個網站介紹了30種瀕臨絕種動物，利用色塊小碎片的排列，組成各種動物形狀，透過點按以及滑動，可以觀賞不同瀕危動物，以及他們的相關資訊，包括生存的地區、現存數量與面臨的危險…等資訊，簡潔、色塊式搭色的設計，配上點按互動和有教育意義的內容，讓人忍不住想每一種動物都看完，是不是很有趣味性？

  1. 運用滾動式效果，讓內容更豐富
    你有沒有發現，現在許多網站都採用一頁式網站？點開網頁後一直往下滑就可以看到不同資訊，這樣的設計非常直覺性，除了資訊精簡許多之外，也很符合現代消費者「滑」的使用體驗，此外，也可以利用往下滑的形式，讓網站內容更有層次感與故事性。

(1)Cyclemon：http://www.cyclemon.com/

Cyclemon是個介紹自行車的網站，往下滑動就可以看到品牌為不同消費者角色，搭配了不同款的自行車。除了插畫風格很吸引人之外，還藉由創造了不同使用情境，帶你認識不同自行車款，非常具有趣味性，滾動時場景與腳踏車款的轉變，讓人忍不住來來回回往上滑又往下滑，樂此不疲！

(2)微醺大飯店：https://www.surpriselab.com.tw/thegreattipsy/index.html

前陣子很紅的互動式表演-微醺大飯店也有製作專屬網站，利用滾動式設計，以微醺大管家的口吻，娓娓道來微醺大飯店的故事，配上色彩鮮豔的插畫，帶你一步一步進入故事內容，不用影片呈現，就非常有故事張力！

▍你也想製作一個出色的Landing Page嗎？

如果你正在考慮架設一個網站，或是想改進現有的網頁，參考以上方式能夠讓你的網站更生動，也能夠讓你的網站使用者，滑鼠點進網站之後，更願意往下滑動，看更多、了解你更多，避免發生一進站就想關掉的窘境。這不也就是我們架設網站的主要目的嗎？

如果你想改進你的網站，但又不知道怎麼做比較好，異星有提供非常良好的分析與顧問服務，如同下表數據顯示，我們能夠透過此表幫助你更了解你的網站，並給出適當的優化建議，全面提升你網站的整體體驗和效益。

希望本次異星觀點能帶給你不錯的收穫，我們下次見～