15個開朗的節日網頁設計例子

15個開朗的節日網頁設計例子

快樂的例子Holiday Homepage Designs.png

在即將到來的幾周里,你的網站上將會出現很多眼睛。 一個 全國零售基金會 調查發現 超過56% 的假日購物者將在線購買禮品。 更重要的是, 幾乎80% 的購物者正在前往互聯網 研究禮物 即使他們最終實際購買了該物品 有存貨

這些數字只會上升。 最聰明的營銷人員不僅會為此做好準備 通過在他們的網站上準備高於正常的流量 為移動設備優化它 ,而且通過給他們的網站設計一定的節日歡呼。 從HubSpot的#HolidayHub下載更多假期資源,以幫助您的企業在本季成功

這一切都始於首頁:許多人在他們訪問您的網站時會看到的第一頁。 其他公司如何在假期重新設計他們的主頁? 讓我們來看看。

注意:企業定期更換其主頁。 下面的例子可能不是最新的。

假日首頁設計讓你精神振奮

1) 自由人

當您的企業像美國波希米亞零售公司Free People那樣具有響亮的個性時,在您的主頁上留下第一印象可能是件好事。 自由人的重新設計是無所不包的,首先是穿著一些最新的節日假日服裝的模型的大型高清圖像。

我們特別喜歡標題中使用的異想天開,有趣的字體,“2016年的禮品店”。 對於某些品牌來說,這些裝飾字體可能會成為您首頁風格的季節性特徵。 ( 在我們的免費自助設計指南中獲取有關在您的網頁設計中使用字體的提示 。)

FreePeople_holiday.png

2) 貝寶

誰曾經說過在線匯款網站在節假日里玩得不開心?

貝寶的假日首頁的作品,因為它仍然看起來像貝寶 – 只是更多的節日。 “Jingle Bells”的抒情詩作為節日口號,巧妙地旋轉了季節性風格,但仍然很容易瀏覽。 該 空白 鼓勵參觀者將注意力集中在形像中的快樂模特上,讓人類面對一個業務和技術行業。

paypal holiday.png

3) 絲芙蘭

和PayPal一樣,絲芙蘭也沒有對其網站的整體外觀做出很多改變。 它所做的功能是特別推出最高評價的產品和編輯精選的節日版,專門為不同的禮品收件人,價格範圍,類別等進行策劃。

通過讓編輯選擇前沿和中心,絲芙蘭提醒客戶公司重視客戶的成功。 另外,我們喜歡在整個頁面上噴灑寶石 – 這是一個可愛的,節日的方式來分離頁面上的模塊。

絲芙蘭假日homepage.png

4) Baudville

雖然季節性網站重新設計通常由B2C公司主導,但也有一些B2B企業已經知道打扮網站。 Baudville是員工認可解決方案之一。

雖然一些網頁設計師喜歡在他們的假期設計中添加大量新元素,但Baudville表明你不必這樣做。 只需將節日禮品商店幻燈片添加到主頁圖片橫幅,就足以在一年中的這段時間熱烈歡迎用戶訪問您的網站。

baudville_holiday.png

5) La Colombe

La Colombe的節日主頁設計具有柔和的冬季色調和節日燈光。 在共享的桌子周圍,觀眾可以享受到享受La Colombe咖啡產品的人們的高清攝影。 這個網頁是一個企業保持真實品牌與假日接觸的另一個例子。

La Colombe _ Holiday.png

6) L.L. Bean

對於像L.L. Bean這樣的美國戶外零售公司來說,假期意味著冬天……這意味著寒冷。 (不幸的是,對於我們大多數人來說)。它完全避免了季節性重新設計的假期:主頁上的精選照片是一個模特穿著展示的松樹前穿的服裝,這符合品牌的戶外主題。

L.L. Bean分享了一些節日禮物的想法,其中包括一些最受歡迎和最受歡迎的產品。 季節性的主頁口號 – “超越現在的禮物” – 提醒參觀者L.L. Bean的驚人之處 滿意保證

如果你更喜歡以冬季為主題的季節性重新設計,請考慮使用 winter-themed庫存照片 為您的主頁。 您也可以考慮在節日期間冷卻整個場地的配色方案。 這意味著使用藍色,紫色和綠色等較冷的色調,使其具有更“寒冬”的感覺。 (您可以 在本博客文章中閱讀關於色彩理論的更多關於炫酷色彩方案 。)

llbean holiday.png

7) 集裝箱商店

這個網頁對於假期來說是一個奇妙的舉動,因為它為參觀者提供了豐富的禮物。 這個主頁上的每個模塊都有助於為客戶提供有用的東西 – 放養者,禮物創意,度假旅行行李,派對優惠和DIY項目。

各種種類 商品交易顧問 在主頁上清楚地告訴訪客他們需要知道的關於網站其他部分的內容。 幾何形狀整潔地組織了所有內容,因此儘管主頁上有幾個不同的優惠,但它並沒有混亂。

Container Store_holiday.png

8) Xfinity

在體育賽事,節日電影之間,讓你的家人狂歡 – 觀看你最喜歡的電視連續劇,假期帶來大量的屏幕時間。 這個主頁提醒遊客準備好與家人一起玩耍。

主要的CTA不僅僅是“為了節省你的錢而進行的交易!” 或“交易讓你從我們的網站購買!” 相反,這個主頁將其“準備好節日促銷”與有趣的家庭的圖像一起廣告,有些則與屏幕一起。

由於這種定位,這個信息不像是一種賺錢的方式,更像是一個點頭假日的家庭時間,包括很多的團結,可能還有一些電視。

xfinity holiday.png

9) J. Crew

J. Crew的假日主頁超出了對服裝店的預期。 頁面上的空白非常簡單,讓服裝和配飾在網頁上向潛在購物者脫穎而出,同時保持網站的真實品牌形象。

它的主頁刊登了“Present-Topia”禮品指南,該指南按年齡,性別和價格對J.Crew產品進行細分,以方便購物。 黑色標註框宣傳它正在運行的包括季節性服裝在內的銷售。 J. Crew還出版了策劃性的外觀,訪問者可以瀏覽或直接購物,以使購物體驗更輕鬆,更直觀。 這個主頁重新設計優先用戶體驗,同時保持網站的美觀和品牌。

jcrew holiday.png

10) 微軟

我們喜歡微軟的簡約假日主頁,因為它始終忠於品牌並使用空白來展示本季推廣的新產品。 簡單的紅色橫幅吸引了他們對假期購物CTA的關注,並提醒人們考慮他們的朋友和家人可能需要的產品。 然後,還有另一個CTA閱讀“立即購物”,驅動家庭需要點擊並開始購物。

microsoft holiday.png

11) Fitbit

Fitbit主頁的黑色背景讓節日金色配色和產品閃耀。 攝影造型將Fitbits作為一種類似於珠寶的禮物放在漂亮的盒子裡,而不是一件運動裝備上,以使Fitbit產品吸引更廣泛的購物者,而不僅僅是運動員。

fitbit holiday final.png

主要的CTA是“購買禮品指南”,它引導訪問者瀏覽所有產品,並說明他們可以購買哪些產品,這樣購物者可以很容易地想像他們的家人和朋友使用該產品。

此外,該網站還有一個整潔的功能,訪問者可以向某人暗示他們自己想要將Fitbit作為禮物。

fitbit gift guide.png

12) 約翰劉易斯

英國零售商約翰劉易斯沒有給其主頁做假日改造,但通過根據本季度調整每個模塊,使得網站訪問者在查看品牌產品和項目想法之前很難走開。

折疊上方的主要模塊以節日假日裝飾為特色,建議您查看廚房和家庭用品以準備大家庭用餐。 就在下面,約翰劉易斯提供有關訂購節日禮物的送貨日期以及它提供免費送貨的獎勵的有用信息。

我們也喜歡“啟發靈感”部分,其特色是旅行和時尚理念,不直接為John Lewis產品做廣告,而是以真正的入境營銷方式提供有用的內容。

johnlewisholiday.png

13) 生命值

我們不能保證惠普的 假日首頁視頻 不會讓你哭泣,但我們可以說這是對傳統假日營銷的一種獨特和衷心的關注。 惠普的主頁是另一個網站的例子,它保留了頁面的最低限度裝飾,只有他們的精選視頻“重塑捐贈”,在上面。

這部動人的視頻描繪了一位使用惠普技術的兄弟為他的兄弟提供了完美的禮物,他的弟弟聽力很差 – 這是一種吉他,在播放時會顯示閃爍的燈光,以便他的兄弟可以看到自己在播放音樂,即使他可以’ 聽不到它。 情感在廣告中 是有效的,特別是在節日期間 – 每個人都有一個朋友或家人想要找到完美的禮物。

hp holiday.png

14) Madewell的

Madewell首頁上的圖片和標題非常符合該公司的典型品牌:在中性背景前穿著華麗服裝的模特,伴隨著假日旋轉的節日裝飾字體。

這對首次訪問簡單圖像和用戶體驗的訪客以及返回用戶都很有吸引力,他們期待這樣的設計,但仍然欣賞增加的假期觸摸。 #giftwell標籤會提示訪問者開始關於他們在社交媒體上的購物體驗的對話,從而培養品牌忠誠感。

Madewell_Holiday.png

15) Warby Parker

Warby Parker在其季節性主頁重新設計中堅持精美簡潔的設計基礎。 “2016年冬季”是一個簡單的標題,它展示了一個穿著冬季服裝的男人,它有很多負面空間來吸引人們對他的裝備細節的關注 – 也就是他的眼鏡。

雖然主要CTA仍然是其“通常購物”,但當您滾動時,您會注意到一個輔助CTA,其中介紹了“我們喜歡它,我們喜歡它:Warby Parker版”。 這種社交證明迫使遊客點擊,導致他們成為一個有趣的節日禮物創意列表,如狗玩具和書籍,其中包括一個名為“50種失去你的眼鏡的方式”的品牌。 這一部分是獨一無二的,因為Warby Parker出售的商品不同於它通常出售的商品,以幫助有價值的顧客完成他們的假日購物清單,這是一種很好的培養方式 品牌忠誠度

warbyholidayhomepagefinal.png

最後,Warby Parker的響應式設計為移動用戶帶來了愉快的假日購物體驗。 根據谷歌 2014年在線購物的人群中有53%使用智能手機或平板電腦,而購物者仍然在商店中的移動搜索產品有 增加了30%

預計這一數字今年將上升,尤其是 現在有更多人在他們的智能手機上搜索谷歌而不是在桌面上搜索 ,所以 請確保您的網站在假期中適合移動設備

瓦爾比派克-1.png

(要查看電子商務企業在假期重新設計其網站的更多示例, 看看Crayon.co上的這個例子庫 。)

哦,還有一件事:當你為假期規劃自己的網站設計策略時,一定要 計劃並準備好您的網站以獲得高於正常的流量 。 你希望最後一件事是讓你的網站在你希望做大企業的時候停下來。

你看到這個假期有什麼偉大的主頁重新設計? 與我們分享評論。

編者按:本文最初發佈於2015年11月,並已更新為新鮮,準確和全面。

了解有關HubSpot課堂培訓的更多信息!

發表迴響

Close Menu