大家好我是花生,今天和大家分享點有意思的事兒。在這之前先問大家一個問題:如果讓你給一款鞋墊設計一個網站,你會怎么做呢?

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

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

「OH HAPPYS DAYS」是為 CHRISTOU 1910 旗下新品牌 DAYS 設計的網站。CHRISTOU 1910 是 1910 年開始在雅典運營的家族企業,以專業研發生產矯正帶、支撐器等醫療輔助器材發家。

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

CHRISTOU 1910 官網主頁

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

CHRISTOU 1910 官網中的 DAYS 品牌,非常年輕有活力

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

Big Horror Athens 是一家實力頂尖的創意數字設計工作室,在企業品牌設計和網頁設計開發上經驗豐富,他們負責的項目多次榮獲 FWA、CSSDesign Awards、Awwwards 的獎項。

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

在確定好 DAYS 系列鞋墊的視覺外觀設計后,Big Horror Athens 聯合巴塞羅那創意網頁開發機構 No Matter,設計了品牌網站「OH HAPPYS DAYS」,為 DAYS 宣傳其健康、潮流、年輕有活力的品牌理念提供了一個絕佳的平臺。

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

總結

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

以上就是今天的推薦。附上網址,對網頁設計有興趣的朋友可以多去探索感受一下。

「OH HAPPYS DAYS 官網」 https://days.christou1910.com/en/

「Big Horror Athens 官網」 https://www.bighorrorathens.com/

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

獲得 FWA 和 CSSDesign Awards 當日最佳的,居然是鞋墊網站?

贊賞
收藏 38
點贊 39

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。