VIGO

企业名金道天成VIGO

行业技术服务

关键词微交互

基于AI的移动端IT服务解决平台

Vigo智能咨询平台,是金道公司开发的,帮助企业解决大量咨询的智能化服务平台。与传统服务台相比,Vigo借助AI的能力,可实现7x24服务、即时应答、自动学习等功能。
  • 遇到的挑战

    网站的性能会对用户体验产生持久的影响。繁重的Javascript应用程序会带来许多性能挑战。如何更畅快的加载、更方便的交互是此项目的技术重点。

  • 解决的问题

    我们提供了快速构建各种特性所需的方向。这使得实现延迟加载、优化交互等功能成为可能。

  • 产生的结果

    我们积极的在前三周完全致力于定义和规划。与VIGO产品和技术团队紧密合作,我们创建了一个功能集列表,定义了我们的技术方法,并对竞争对手进行了比较研究。

视觉设计

创造性概念

我们通过与金道公司的合作,设想一种了新的方式,通过创建一个智能概念,我们将重新设计和简化VIGO的形象,以强调该网站的品牌形象和网站号召力。 我们摒弃了以往枯燥乏味的设计并提出了九种潜在的创意视觉方向,每一个都有一个独特的和引人注目的形象,将它们一同呈现给了VIGO团队进行选择。
艺术表现

使科技具有
生命力

我们为金道公司VIGO产品设计了一个新的营销网站,它使用动画和深思熟虑的内容策略来巧妙地展示他们产品的价值。正确的视觉比喻对于让VIGO的品牌活起来是至关重要的。当确定了一个概念方案后,我们用插图清晰地展示了VIGO的形象以及它是如何工作的。在构建期间,我们添加了延迟加载、图表动画和无限滚动等特性,以匹配预期的用户行为和需求。
前端开发响应

页面级优化
内容放置

我们为金道VIGO定制开发了多终端浏览器响应式策略。代码开发自适应化,应用CSS Hack和Filter技术,在兼容市面上主流浏览器的同时,也保证了在不同终端上,页面展现的一致性。在页面加载上,充分利用CSS Sprites, JS、CSS源码压缩,合理控制图片大小的同时使用lazy-load,减少http请求、优化JavaScript性能,从根本优化页面响应速度,为网站带来显著的速度提升和整体的性能提升。
感悟总结

性能-建造
速度

应用程序的性能会对用户体验产生持久的影响。健壮的Javascript应用程序会带来许多性能挑战。Webpack允许我们根据需要延迟加载应用程序的各个部分,显著减少了交互的初始时间。在此基础上,我们构建了一个客户端图像优化器,优化了加载素材的方式。

Vincent .yang前端开发