大家好，我是博敏小编，以下是我历经了镁伽官网完整的设计制作过程总结的心得。

每次网站的新建或改版升级，我们希望不仅仅是机械地做了一个网站，而是带着思考去解决问题。

因此建站前我们团队会头脑风暴，提出一个主要问题，后续设计与制作围绕解决此问题展开。

具体执行思路

围绕“如何增加用户在网站上的停留时间”，以及规避同行网站的问题确定以下5步执行思路：

第一步：简化设计；

第二步：内容提炼；

第三步：素材升级。

第四步：留白与辅助图形贯穿始终。

第五步：用户行为分析与转化跟踪。

第一步：简化设计

镁伽产品非常丰富，且交叉分类，按产品分以及按解决方案分。我们把产品和解决方案集合成一个栏目，但是又很清晰地做了区分，对整体框架做了极致地简化。让几百个产品逻辑架构导航清晰展现，不显杂乱、臃肿，且访客可以很清晰快速地定位到自己想看的内容。

针对具体产品又采用鼠标移动切换的方式，看起来简洁明了。考虑了用户的视觉层次，有重点有突出。

产品作为重点展示内容从产品名称到描述实现了折叠即能直观明了，缩短了用户的访问路径。实现了不点击就能了解系列下所有产品的信息。

网站在展现足够信息量的情况下，做到了简洁舒展。

第二步：内容提炼

镁伽每个页面针对文案都做了提炼，展现重点信息，文案写成小块、易读的段落。

用户的专注力与时间是有限的，访客需要阅读、点击或记忆的内容越少，他们就越能够理解与吸收你的内容。因此，提炼内容做到了文案的有效传播。加上跟文案内容涵义相关的图标以及恰到好处的留白，给用户带来更宽敞、平衡的感觉。

增加访客的阅读有效率与耐心时长。

第三步：素材升级

站内的每一张图片，每一个视频，每一个gif，甚至到每一个图标我们都做了精心地策划，不放过每一处细节。产品图片以高质量的三维渲染或矢量图为主，视频以精美的三维动画制作为主。

网站整体素材的提升让访客对镁伽的专业度有了初步的认可。

通过上面的视频也能看出来产品素材的精美与用心，以此来吸引用户访问的兴趣。

第四步：留白与辅助图形贯穿始终

网站整体留白较多，特别是内页，给人视觉留有放松的空间，创造视觉层次，使设计更加有序和结构，让人访问起来舒适。足够的空白区域使得文本不显得拥挤，从而提高内容的可读性和信息的传达效率。

适当的留白也可以帮助引导用户的注意力，突出重要信息或元素。帮助用户区分不同的内容块和信息层级。

留白同时也营造一种简约、雅致的氛围，提升品牌认知度。

为了提升效果，在留白的同时我们搭配了不易察觉的辅助图形，也不会造成视觉干扰，如果我不说可能您访问完整个网站都没有发现辅助图形。让访问浏览器里感官舒适，毫不费力，在无形中提升整体访问体验，提升访问时长。

第五步：用户行为分析与转化跟踪

网站的每个产品页面以及下载资料文档都有用户留资，后台能获取到用户的访问行为路径，了解到用户是对哪个产品感兴趣。

用户的留资第一时间同步到镁伽内部的CRM系统，由于镁伽产品业务板块众多，针对此实现了自动分配至负责对应业务板块的销售专员。

提高了效率，实现了业务员第一时间获取到潜在客户的联系方式，并与客户进行洽谈，从线上营销方面最大程度上留住了客户。

最后：

一个出色的网站一定是确保用户体验和功能性兼备。当然，也要保持移动设备友好性。

镁伽官网上线两年，我们收到不下于20个访客对这个网站的赞美，并要求参考它来做。也佐证了网站获得了大家的广泛认可。博敏一直追求设计与技术的进步，欢迎大家的品鉴交流。