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

如果一時間不知道從何下手的話，F(xiàn)WA（Favourite Website Awards）3 月 1 日的當(dāng)日最佳項(xiàng)目，肯定會給一個讓你耳目一新的答案。這個叫做「OH HAPPYS DAYS」的網(wǎng)站設(shè)計項(xiàng)目，以其出色的界面設(shè)計、流暢的使用體驗(yàn)以及別具一格的創(chuàng)意，在 2 天之內(nèi)就得到 FWA 評審團(tuán)高達(dá) 83 分的肯定。除此之外「OH HAPPYS DAYS」還獲得了 CSSDesign Awards 網(wǎng)站 3 月 4 日的最佳項(xiàng)目獎以及 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ùn)營的家族企業(yè)，以專業(yè)研發(fā)生產(chǎn)矯正帶、支撐器等醫(yī)療輔助器材發(fā)家。

CHRISTOU 1910 官網(wǎng)主頁

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

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

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

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

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

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

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

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

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

總結(jié)

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

以上就是今天的推薦。附上網(wǎng)址，對網(wǎng)頁設(shè)計有興趣的朋友可以多去探索感受一下。

「OH HAPPYS DAYS 官網(wǎng)」 https://days.christou1910.com/en/

「Big Horror Athens 官網(wǎng)」 https://www.bighorrorathens.com/

優(yōu)設(shè)一直致力于為設(shè)計師提供最實(shí)用的設(shè)計干貨知識，也為大家推薦了很多提升設(shè)計效率的神器。為了更好地為設(shè)計師提供服務(wù)，我們新建了一個「優(yōu)設(shè)-花生設(shè)計交流群」，由我主導(dǎo)運(yùn)營。無論你是想找神器、找教程還是想解決設(shè)計路上疑問，都可以進(jìn)群交流，優(yōu)設(shè)與大家共同成長。進(jìn)群方式見下圖，等你哦~