获得 FWA 和 CSSDesign Awards 当日最佳的,居然是鞋垫网站?

2022-05-14 PM 05:05.来自优设 夏花生er

(阅览)Read 1330

(调整字号)Size

16px 14px 12px

大家好,今天和大家分享点有意思的事儿。在这之前先问大家一个问题:如果让你给一款鞋垫设计一个网站,你会怎么做呢?


如果一时间不知道从何下手的话,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 个按钮。「COMFY」和「FRESH」代表两个不同的系列,「SHOP」转到商店。网页向右滚动翻页,过渡非常丝滑,以一个向右走的小云朵进行视觉指引。每一页是一项鞋垫的功能或特色的介绍,且必然包含一种动态元素,丰富视觉感受,并引导浏览者视线到需要注意的地方。


获得 FWA 和 CSSDesign Awards 当日最佳的,居然是鞋垫网站?


比较有意思的一点就是在呈现一个系列的多种产品时,网页并没有采用传统的列表,而是做成了了类似于“俄罗斯转盘”的形式,滚动一下就会转动到下一个产品,就像玩游戏一样。此时鼠标也会显示成一个眼睛的形状,暗示浏览者可以点击进去查看详情。


获得 FWA 和 CSSDesign Awards 当日最佳的,居然是鞋垫网站?

总结

「OH HAPPYS DAYS」无论是视觉呈现还是浏览体验,都完美地传达出健康、潮流、有活力的品牌理念,真让人有一种用上这款鞋垫走路都能轻快很多感觉。「OH HAPPYS DAYS」这个项目获得专业奖项,不但体现了 Big Horror Athens 高超的设计水平,也让 DAYS 这个品牌的知名度提升到一个新的层次,成就了设计项目中甲乙方的双赢。从网页项目中各种设计上的小心思足见设计师的热情与认真,设计理念和各种小细节都非常值得我们学习借鉴。


0371/8622 0001

weekdays :   -am. 09:00-11:30
-pm.14:00-18:30 Open Hours

中国郑州 郑东新区金水东路与中兴路交汇处楷林IFC /A座 -17F-1713

Room1713 Building A,Kineer IFC,JinShui East Rd.
Zhengdong New Area,Henan,China