我制作概念网站，是为了在还没有客户项目的领域展示能力。ORIVA 就是其中之一：一家虚构声学工坊的网店，出售耳机、音箱、功放、黑胶唱片和配件。品牌、商品、价格和门店都是虚构的，网站为俄文。

这家商店必须从头到尾都能用，而不只是看起来高端。买家应当能够筛选目录、在商品页选择颜色、使用优惠码、完成逐项校验的结账流程并看到订单确认。还没准备购买的访客，也应当能找到门店并预约试听。

18 个页面：首页、目录、商品、购物车、结账、订单确认、账户、心愿单、专栏、门店、工坊、配送、支持、联系、隐私、条款、Cookie 和 404。目录共 13 件商品，可按类别、价格、颜色和标签筛选，支持排序，并用标签显示当前筛选条件。商品页有带灯箱的图库、颜色与数量选择、折叠面板、评价和相关商品。

购物车支持 2 个演示优惠码，并显示距离 30,000 卢布包邮门槛（演示值）的进度条。结账分三步并逐项校验：联系方式、配送和付款。6 座城市的门店分布在交互地图上，可预约试听；试听室是一个画成旋转唱片加唱臂的播放器：5 首曲目、进度条、音量和自动切歌。

首页以视频首屏开场，随后是带计数器的滚动叙事；动效使用 GSAP、ScrollTrigger 和 Lenis 平滑滚动。网站为纯 HTML、CSS 和 JavaScript，无需构建：页眉、页脚和浮层由一个共享脚本渲染，账户、购物车和预约都保存在浏览器的 localStorage 中，不向任何地方发送数据。

现在它是一个可用的概念：18 个页面、13 件商品、6 座城市的门店和一间有 5 首曲目的试听室，无需服务器即可从目录走到订单确认。2026 年 9 月 22 日对 17 个页面的检查显示：每页一个 H1，100% 的图片有替代文本，内部失效链接为 0。

Lighthouse 给首页的 SEO 为 100，无障碍在手机和桌面端均为 99；性能桌面端 97、移动端 66。拖累移动端评分的是体积：页面向手机传输 12.8 MB，包括全高清首屏视频和图片，LCP 为 7.3 秒。