今天良言视觉和大家分享点有意思的事儿。在这之前先问大家一个问题：如果让你给一款鞋垫设计一个网站，你会怎么做呢？
如果一时间不知道从何下手的话，FWA（Favourite Website Awards）3 月 1 日的当日最佳项目，肯定会给一个让你耳目一新的答案。这个叫做「OH HAPPYS DAYS」的网站设计项目，以其出色的界面设计、流畅的使用体验以及别具一格的创意，在 2 天之内就得到 FWA 评审团高达 83 分的肯定。除此之外「OH HAPPYS DAYS」还获得了 CSSDesign Awards 网站 3 月 4 日的最佳项目奖以及 Awwwards 的提名奖。
虽然从名字到设计界面都不会让人第一时间联想到鞋垫，但是「OH HAPPYS DAYS」的的确确就专门为鞋垫设计的网页，出人意料也正是网站以及品牌想要的得到效果。
「OH HAPPYS DAYS」是为 CHRISTOU 1910 旗下新品牌 DAYS 设计的网站。CHRISTOU 1910 是 1910 年开始在雅典运营的家族企业，以专业研发生产矫正带、支撑器等医疗辅助器材发家。
CHRISTOU 1910 官网主页
2017 年 12 月，公司获得首轮融资，之后就开始稳步投资开发创新的运动、健康和保健产品，以期在后疫情时代将“自我保健”的消费理念传递给消费者，开拓更广泛的市场。DAYS 就是 CHRISTOU 1910 基于这个理念成立的全新潮流品牌，于 2022 年 2 月正式上线，主打产品是符合人体工学、呵护足部健康、材料环保可回收且外观设计创意十足的多款鞋垫。
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 款外观，每款有不同的颜色搭配，可以提供多样选择。配色上使用多种高明度高饱和度的颜色互相搭配，大胆抢眼；搭配闪电、波点、爱心、猎豹、摇滚手势等手绘涂鸦感十足的小元素，随性独特，非常能吸引追求个性和自我的年轻消费群体。
在确定好 DAYS 系列鞋垫的视觉外观设计后，Big Horror Athens 联合巴塞罗那创意网页开发机构 No Matter，设计了品牌网站「OH HAPPYS DAYS」，为 DAYS 宣传其健康、潮流、年轻有活力的品牌理念提供了一个绝佳的平台。
「OH HAPPYS DAYS」网站配色延续了鞋垫大胆鲜明的风格，使用了红、绿、黄、蓝等的大面积的撞色；字体使用的是线条干净利落的无衬线体，现代感十足；在装饰小元素和按钮样式上用的是扁平风，简单有趣，非常有亲和力。此外还色块、字体和小元素都设计了动效，使整个界面活力十足。
网页功能简单明了，主要是右上角的 3 个按钮。「COMFY」和「FRESH」代表两个不同的系列，「SHOP」转到商店。网页向右滚动翻页，过渡非常丝滑，以一个向右走的小云朵进行视觉指引。每一页是一项鞋垫的功能或特色的介绍，且必然包含一种动态元素，丰富视觉感受，并引导浏览者视线到需要注意的地方。
比较有意思的一点就是在呈现一个系列的多种产品时，网页并没有采用传统的列表，而是做成了了类似于“俄罗斯转盘”的形式，滚动一下就会转动到下一个产品，就像玩游戏一样。此时鼠标也会显示成一个眼睛的形状，暗示浏览者可以点击进去查看详情。
「OH HAPPYS DAYS」无论是视觉呈现还是浏览体验，都完美地传达出健康、潮流、有活力的品牌理念，真让人有一种用上这款鞋垫走路都能轻快很多感觉。「OH HAPPYS DAYS」这个项目获得专业奖项，不但体现了 Big Horror Athens 高超的设计水平，也让 DAYS 这个品牌的知名度提升到一个新的层次，成就了设计项目中甲乙方的双赢。从网页项目中各种设计上的小心思足见设计师的热情与认真，设计理念和各种小细节都非常值得我们学习借鉴。
文章作者：夏花生