Ova—高端眼镜品牌

任务

Ova 是一个高端眼镜概念品牌：采用透明钴蓝色醋酸纤维材质、抛光钢制铰链和蜜色镜片。 其登陆页必须与产品一样彰显奢华感——设计简约、色调深邃，每个页面都如同时尚造型册中的一页——同时还要具备销售功能：展示镜架、系列产品，并引导用户加入候补名单。

创意

该页面以对比为设计核心：深邃的黑色、一抹鲜明的钴蓝色以及醒目的白色大字。每个页面都像一个独立的场景，紧贴视口并随滚动而变化，因此浏览体验更像是在观看一部短片，而非单纯的纵向滚动。 色彩运用极为克制，且每处都有其用意：蓝色、橙色、白色和绿色是本系列的四种主色调。

首屏

半屏人像画面中，品牌标语以定制字体垂直排列，并配有两个按钮。页面打开时照片已预先呈现；随后眼镜出现在脸上，背景中飘过一抹柔和的蓝色光晕，每隔几秒钟，画面中便会出现短暂的视觉故障效果。

设计

随着滚动，镜框在眼前旋转：正面、四分之三视角、侧面，背后以巨型字体呈现“钴蓝”一词。随后镜头转向细节——五段式铰链和镜腿的钢芯——每张图片内都带有缓慢的视差效果。

系列

四款不同颜色的镜框排列在横向轨道上。每次滑动都会改变整个屏幕的背景：蓝色、橙色、白色、绿色。轻触卡片即可打开产品弹出窗口，其中包含完整描述、带图标的功能介绍、尺码及价格。

氛围

“Wear your light”采用透视字体呈现。当你滚动页面时，文字一行行滚动出现，并随着系列中的四种颜色变换，镜框则悬浮其上。

故事

一副镜框的故事——从工作台到包装盒再到店铺——通过水平条带呈现，并由垂直滚动驱动。菜单会跟随您的滚动，并突出显示您当前所在的版块。

候补名单

最后一个屏幕将表单与页脚相结合：选择颜色、留下邮箱，下方则显示包含链接的完整页脚。首页的那张肖像照作为页面结尾。

移动端

在手机上，每个屏幕都保持其场景：汉堡图标可打开全屏菜单，产品系列即使在 iPhone SE 上也能完整显示在一屏内，文字大小会根据屏幕高度自动调整。

效果

这是一个高端的单页品牌网站，产品始终是主角：每个页面仅使用一种点缀色，采用大号字体，动画效果用于展示画面框架而非单纯装饰页面。