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

WebUI 创建于:2023-05-27

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

如果一时间不知道从何下手的话,FWA(Favourite Website Awards)3 月 1 日的当日最佳项目,肯定会给一个让你耳目一新的答案。这个叫做「OH HAPPYS DAYS」的网站设计项目,以其出色的界面设计、流畅的使用体验以及别具一格的创意,在 2 天之内就得到 FWA 评审团高达 83 分的肯定。除此之外「OH HAPPYS DAYS」还获得了 CSSDesign Awards 网站 3 月 4 日的最佳项目奖以及 Awwwards 的提名奖。

FWA OH HAPPYS DAYS 界面设计 网页设计

FWA OH HAPPYS DAYS 界面设计 网页设计

FWA OH HAPPYS DAYS 界面设计 网页设计

虽然从名字到设计界面都不会让人第一时间联想到鞋垫,但是「OH HAPPYS DAYS」的的确确就专门为鞋垫设计的网页,出人意料也正是网站以及品牌想要的得到效果。

「OH HAPPYS DAYS」是为 CHRISTOU 1910 旗下新品牌 DAYS 设计的网站。CHRISTOU 1910 是 1910 年开始在雅典运营的家族企业,以专业研发生产矫正带、支撑器等医疗辅助器材发家。

FWA OH HAPPYS DAYS 界面设计 网页设计

CHRISTOU 1910 官网主页

2017 年 12 月,公司获得首轮融资,之后就开始稳步投资开发创新的运动、健康和保健产品,以期在后疫情时代将“自我保健”的消费理念传递给消费者,开拓更广泛的市场。DAYS 就是 CHRISTOU 1910 基于这个理念成立的全新潮流品牌,于 2022 年 2 月正式上线,主打产品是符合人体工学、呵护足部健康、材料环保可回收且外观设计创意十足的多款鞋垫。

FWA OH HAPPYS DAYS 界面设计 网页设计

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 OH HAPPYS DAYS 界面设计 网页设计

FWA OH HAPPYS DAYS 界面设计 网页设计

FWA OH HAPPYS DAYS 界面设计 网页设计

FWA OH HAPPYS DAYS 界面设计 网页设计

在确定好 DAYS 系列鞋垫的视觉外观设计后,Big Horror Athens 联合巴塞罗那创意网页开发机构 No Matter,设计了品牌网站「OH HAPPYS DAYS」,为 DAYS 宣传其健康、潮流、年轻有活力的品牌理念提供了一个绝佳的平台。

「OH HAPPYS DAYS」网站配色延续了鞋垫大胆鲜明的风格,使用了红、绿、黄、蓝等的大面积的撞色;字体使用的是线条干净利落的无衬线体,现代感十足;在装饰小元素和按钮样式上用的是扁平风,简单有趣,非常有亲和力。此外还色块、字体和小元素都设计了动效,使整个界面活力十足。

FWA OH HAPPYS DAYS 界面设计 网页设计

网页功能简单明了,主要是右上角的 3 个按钮。「COMFY」和「FRESH」代表两个不同的系列,「SHOP」转到商店。网页向右滚动翻页,过渡非常丝滑,以一个向右走的小云朵进行视觉指引。每一页是一项鞋垫的功能或特色的介绍,且必然包含一种动态元素,丰富视觉感受,并引导浏览者视线到需要注意的地方。

FWA OH HAPPYS DAYS 界面设计 网页设计

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

FWA OH HAPPYS DAYS 界面设计 网页设计

总结

「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 OH HAPPYS DAYS 界面设计 网页设计

原文地址:https://www.uisdc.com/oh-happy-days

免责声明:本文来源于互联网,版权归合法拥有者所有,如有侵权请公众号联系管理员

* 本站提供的一些文章、资料是供学习研究之用,如用于商业用途,请购买正版。

夏花生