大家好，今天和大家分享點有意思的事兒。在這之前先問大家一個問題：如果讓你給一款鞋墊設(shè)計一個網(wǎng)站，你會怎么做呢？

如果一時間不知道從何下手的話，F(xiàn)WA（Favourite Website Awards）3 月 1 日的當(dāng)日最佳項目，肯定會給一個讓你耳目一新的答案。這個叫做「OH HAPPYS DAYS」的網(wǎng)站設(shè)計項目，以其出色的界面設(shè)計、流暢的使用體驗以及別具一格的創(chuàng)意，在 2 天之內(nèi)就得到 FWA 評審團高達 83 分的肯定。除此之外「OH HAPPYS DAYS」還獲得了 CSSDesign Awards 網(wǎng)站 3 月 4 日的最佳項目獎以及 Awwwards 的提名獎。

雖然從名字到設(shè)計界面都不會讓人第一時間聯(lián)想到鞋墊，但是「OH HAPPYS DAYS」的的確確就專門為鞋墊設(shè)計的網(wǎng)頁，出人意料也正是網(wǎng)站以及品牌想要的得到效果。

「OH HAPPYS DAYS」是為 CHRISTOU 1910 旗下新品牌 DAYS 設(shè)計的網(wǎng)站。CHRISTOU 1910 是 1910 年開始在雅典運營的家族企業(yè)，以專業(yè)研發(fā)生產(chǎn)矯正帶、支撐器等醫(yī)療輔助器材發(fā)家。

CHRISTOU 1910 官網(wǎng)主頁

2017 年 12 月，公司獲得首輪融資，之后就開始穩(wěn)步投資開發(fā)創(chuàng)新的運動、健康和保健產(chǎn)品，以期在后疫情時代將“自我保健”的消費理念傳遞給消費者，開拓更廣泛的市場。DAYS 就是 CHRISTOU 1910 基于這個理念成立的全新潮流品牌，于 2022 年 2 月正式上線，主打產(chǎn)品是符合人體工學(xué)、呵護足部健康、材料環(huán)保可回收且外觀設(shè)計創(chuàng)意十足的多款鞋墊。

CHRISTOU 1910 官網(wǎng)中的 DAYS 品牌，非常年輕有活力

為了樹立好 DAYS 年輕、潮流、有活力的新形象，最廣泛地提升 DAYS 的知名度，CHRISTOU 1910 在 DAYS 的品牌設(shè)計上投入了大量精力。他們邀請知名的設(shè)計工作室 Big Horror Athens (Greece)負責(zé) DAYS 的品牌視覺設(shè)計，并量身打造了品牌網(wǎng)站「OH HAPPYS DAYS」。

Big Horror Athens 是一家實力頂尖的創(chuàng)意數(shù)字設(shè)計工作室，在企業(yè)品牌設(shè)計和網(wǎng)頁設(shè)計開發(fā)上經(jīng)驗豐富，他們負責(zé)的項目多次榮獲 FWA、CSSDesign Awards、Awwwards 的獎項。

Big Horror Athens 為 DAYS 的鞋墊設(shè)計了 5 款外觀，每款有不同的顏色搭配，可以提供多樣選擇。配色上使用多種高明度高飽和度的顏色互相搭配，大膽搶眼；搭配閃電、波點、愛心、獵豹、搖滾手勢等手繪涂鴉感十足的小元素，隨性獨特，非常能吸引追求個性和自我的年輕消費群體。

在確定好 DAYS 系列鞋墊的視覺外觀設(shè)計后，Big Horror Athens 聯(lián)合巴塞羅那創(chuàng)意網(wǎng)頁開發(fā)機構(gòu) No Matter，設(shè)計了品牌網(wǎng)站「OH HAPPYS DAYS」，為 DAYS 宣傳其健康、潮流、年輕有活力的品牌理念提供了一個絕佳的平臺。

「OH HAPPYS DAYS」網(wǎng)站配色延續(xù)了鞋墊大膽鮮明的風(fēng)格，使用了紅、綠、黃、藍等的大面積的撞色；字體使用的是線條干凈利落的無襯線體，現(xiàn)代感十足；在裝飾小元素和按鈕樣式上用的是扁平風(fēng)，簡單有趣，非常有親和力。此外還色塊、字體和小元素都設(shè)計了動效，使整個界面活力十足。

網(wǎng)頁功能簡單明了，主要是右上角的 3 個按鈕。「COMFY」和「FRESH」代表兩個不同的系列，「SHOP」轉(zhuǎn)到商店。網(wǎng)頁向右滾動翻頁，過渡非常絲滑，以一個向右走的小云朵進行視覺指引。每一頁是一項鞋墊的功能或特色的介紹，且必然包含一種動態(tài)元素，豐富視覺感受，并引導(dǎo)瀏覽者視線到需要注意的地方。

比較有意思的一點就是在呈現(xiàn)一個系列的多種產(chǎn)品時，網(wǎng)頁并沒有采用傳統(tǒng)的列表，而是做成了了類似于“俄羅斯轉(zhuǎn)盤”的形式，滾動一下就會轉(zhuǎn)動到下一個產(chǎn)品，就像玩游戲一樣。此時鼠標(biāo)也會顯示成一個眼睛的形狀，暗示瀏覽者可以點擊進去查看詳情。

總結(jié)

「OH HAPPYS DAYS」無論是視覺呈現(xiàn)還是瀏覽體驗，都完美地傳達出健康、潮流、有活力的品牌理念，真讓人有一種用上這款鞋墊走路都能輕快很多感覺。「OH HAPPYS DAYS」這個項目獲得專業(yè)獎項，不但體現(xiàn)了 Big Horror Athens 高超的設(shè)計水平，也讓 DAYS 這個品牌的知名度提升到一個新的層次，成就了設(shè)計項目中甲乙方的雙贏。從網(wǎng)頁項目中各種設(shè)計上的小心思足見設(shè)計師的熱情與認真，設(shè)計理念和各種小細節(jié)都非常值得我們學(xué)習(xí)借鑒。