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

如果一时间不知道从何下手的话,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 这个品牌的知名度提升到一个新的层次,成就了设计项目中甲乙方的双赢。从网页项目中各种设计上的小心思足见设计师的热情与认真,设计理念和各种小细节都非常值得我们学习借鉴。

以上就是今天的推荐。附上网址,对网页设计有兴趣的朋友可以多去探索感受一下。

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

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

优设一直致力于为设计师提供最实用的设计干货知识,也为大家推荐了很多提升设计效率的神器。为了更好地为设计师提供服务,我们新建了一个「优设-花生设计交流群」,由我主导运营。无论你是想找神器、找教程还是想解决设计路上疑问,都可以进群交流,优设与大家共同成长。进群方式见下图,等你哦~

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

赞赏
收藏 33
点赞 38

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。