优秀企业网站设计（设计公司的官网如何建设才能做到真正的差异化）

力本设计(LBD)是一家成立于上海同济，聚焦于校园规划、教育建筑设计与咨询的甲级建筑设计事务所。 和大多数设计及艺术类的企业一样，力本老的官网从视觉到交互充满了“个性”、“不一样”，但这样盲目追求差异化最终换来的结果就是访客浏览体验差，无法快速找到自己想看的内容，也不利于品牌内容的展示。 力本在教育建筑设计领域深耕多年，不仅拥有丰富的成功案例，还总结出了诸多专业的设计理念与服务理念，如何将这些优质的内容更好的呈现在官网上让访客看到并产生合作意愿呢？接下来我们会从视觉交互、内容布局两个层面来讲解这次帮助力本进行网站改版的思路。视觉交互用精美的视觉和细腻的交互，让力本的网站既好看又好用。力本网站的整体视觉非常的干净、规整，配色十分严谨， 基本上也没有什么炫酷的动效，但整体观感上让人非常舒服。我们把美的东西都放在了细节里，这种设计上的克制反而更能体现出高级感。▲ 产品经理和UI设计师在讨论力本官网的改版思路再来讲讲案例。考虑到力本的案例足够丰富，所以我们在案例的呈现上采用了用户体验更好的瀑布流的方式。访客只需不断滚动页面就可以看到源源不断的案例加载出现。相较于通过点击按钮查看更多，这种瀑布流的展示方式，可以极大提高用户浏览更多案例的可能性，避免了访客因为翻页而跳出。而且，每一个案例都足够精美，浏览的时候你甚至会感到这是一场视觉盛宴。优秀的视觉和交互设计都能有效提升内容传播效率，可是当两者发生冲突时怎么办，到底是视觉上舍弃多一点还是交互上舍弃多一点？这是我们在整个项目过程中一直会面临的问题，所以必然要追求一个平衡点，找到一个既好看又好用的解决方案。▲ 前端工程师为了做出精美的动效已反复调试上百遍为了最大程度保证页面的美观，同时让更多的案例能够被访客看到，我们在重点页面案例的展示上用了下方这样的可以自由移动的箭头按钮来进行切换。 进入案例的详情页后，同样也可以通过自由移动的箭头按钮来浏览更多的案例素材。而且，在每个案例的底部，我们还加入了更多相关的其他项目案例，可以让访客在案例的海洋里一个接一个地浏览下去。在“公司介绍”的页面，向下滚动鼠标浏览页面时，关于力本的文字介绍会清晰地浮现出来，这样的交互方式也十分新颖。这里总结一下，我们用清爽、干净的视觉让访客在浏览的过程中产生了一种美的体验。同时，在力本整个网站的交互设计上，我们除了考虑让访客“顺畅无阻”地浏览，还充分考虑了如何让他阅读量更多，停留时间更长。内容层打破大多数设计公司只放案例的单一网站架构，我们思考的是如何更好地传达力本的思想。视觉好了，交互好了，好看好用都有了。接下来，内容应该如何讲述呢？我们都知道，对于一家设计公司来说，精美的设计图和案例固然重要，但有时候光靠这些是很难与同行拉开差距的。当同行的案例、设计和你差不多的时候，我们拼什么，拿什么来打动访客，让他感受到我们的与众不同呢？答案当然就是内容，内容才能传达更多信息。前面我们讲到过，力本在行业深耕多年，总结出了诸多专业的设计理念与服务理念，如果将这些优质的内容呈现在官网上，一定可以让访客产生更高的合作意愿。所以，我们在“力本学院”的版块，如火如荼地开展了“李老师的必修课”、“设计思维课”、“建筑专业课”、“多元选修课”以及“力本说”等多项培训活动。这些活动不但起到了为设计师开拓思维指点迷津的作用，也极大提升了企业温度，无形中增加了力本的品牌竞争力。在“设计理念”版块，我们着重呈现了“7个校园发展趋势”，“校园设计原则”和“空间即教材、场景即教育”等先进的理念。这些理念的输出，可以让访客充分感受到力本在教育建筑领域深耕多年的积累和思考，无形中体现出了专注、专心、专业的品牌形象。你能从这些图文并茂的内容中感受到力本在创新研发上宝贵的热情和活力，相信这一点就足以领先大多数同行了。力本的新官网上线了，整个网站不光有简洁大气的视觉和细致入微的交互设计，更重要的是在内容的呈现上已遥遥领先于同行，可以让访客充分感受到这家设计公司的气质。如果把力本拟人化，他一定是一个美丽大方，有朝气，有热情，专业能干，勇于探索且不断创新的靠谱的人。增长超人为客户做的从来都不仅仅是一个网站，而是为企业提供从营销策划到落地的一整套互联网解决方案。网站只是一个载体，我们真正的价值在于能够帮助企业找到正确的竞争优势，扭转高成本低转化的现状，实现增长。如果你认可我们的理念并且刚好也有网站升级改版相关的需求，不妨和我聊一聊，相信我们彼此都会感到相识恨晚。