全屏设计，运用了大量动态特效。

1、因为甲方主要从事变色技术研究，所以我们决定首先就要突出他们最大的特点：变色，既要呈现出它的显著特点，还要直观的让人能感受出来。 2、其次是想再设计一些互动，让访客参与到体验的过程中应该是一件非常有趣的事。于是，我们在页面中做了一幅室内的效果图，底部中间的位置有四个玻璃色度调节按钮。第一个按钮是纯透明无颜色，点击第二个按钮，玻璃开始变色，与此同时整个房间的光线也相对会变暗一些。 3、为了让个性化需求得到更丰富的满足，我们将全屋划分为四个区域。点击不同的按钮就可以实现某块区域玻璃的独立变色。为了还原真实的场景，我们一并把对应区域的光线也变暗了，通过这种方式让访客自己来感受分区变色带来的体验。 4、整个过程中我们也一直在跟甲方不断地交流沟通，结合双方的观点和意见，打造一个最完美的效果。

甲方老板跟我们一样都是完美主义者，对自己的产品向来精益求精，对网站也是要求甚高。完美主义者碰到完美主义者的后果就是，光是网站的首页我们就设计了17个版本。对很多建站公司来说，为一个客户做17张设计稿简直是自残式的行为，但对我们来说，17个版本，代表了我们精细化的服务，代表了我们对极致的追求。 1、首屏业务明确突出核心 首屏是访客进入网站后第一眼看到的内容，基本上重要的信息都应该在Banner图上呈现，所以，我们分别 制作了以下三张Banner图。 第一张，我们以灿锐核心的产品为主体，明确了灿锐的业务，并以“史上最全规格”来彰显企业实力。 第二张，我们不同年份的镜头作对比，说明产品在不断迭代更新，为客户提供尖端的光学解决方案。 第三张，是工人在擦拭产品镜头的场景，这也是一张非常有意境的照片，表现了灿锐的精密工艺。 2、动态效果细致到毫秒 为了让网站具备视觉冲击感，我们加入非常流畅的交互动效，千万别小看这动效，不同的前端工程师做出来 的东西会有很大的偏差。我们的前端工程师为了动效的流畅性细致到毫秒，调试了不下100遍。 3、更人性化的交互逻辑 光学产品每款都有具体的规格图纸，这些图纸都是客户必看的。传统的做法是将这些图纸上传到网站上， 客户需要下载才能查看。在我们看来，这样的用户体验是非常糟糕的。我只是想快速了解一款产品，你非 要我下载几十张图纸，简直就是噩梦嘛。所以，我们通过前端后端数据的联动，多做了一个【在线查看】 的功能，这样就不用让客户费时费力去下载查看了。 4、真正的响应式网站 不是所有的响应式都能真正做到响应式，像镜头参数这么专业的数据，到普通的建站公司手里，大多数会偷 懒只做个图片，进行放缩，还要收你万把块钱，这简直就是敷衍了事。而我们的做法是将每个参数都做成表 格，在对不同尺寸的屏幕进行适配时，实现完整清晰的呈现。 5、提升网站颜值，专业摄影服务 事实上，那些高端、大气、上档次的高颜值网站，70%-80%靠的是高质量的图片素材撑起来的。好的图片 素材能够直观地传达企业的形象，让客户真实地感受到灿锐的公司概况、专业技术、产品信息等等。因此， 我们为灿锐提供了专业的摄影、后期制作服务，让网站更加高大上。

任何网站都需要合理引导用户，让用户看到我们希望他们看到的内容，并且让用户进行咨询或是留下联系方式。网站的每一个交互动效都经过了我们的前端工程师上百次的调校，只为了呈现出流畅度和美观度满分的动效，作为一群完美主义者，我们要么不做，要做就将每件事都做到最好。增长超人的出品，首先要过得了自己这一关。我们的设计师以像素级的要求死磕细节，保证了网站上每个字符、每张图片、每个图标都极致清 晰明亮。