广告视频模块

为了突出Neato新产品的广告, 我们建立了一个响应式视频模块,用户可以在一个易于使用的界面中探索每个广告. 用户选择要观看的视频,并在模块内播放.

访问的网站
http://www.neatorobotics.com/robot-vacuum/botvac-connected-series/
Neato狗和猫视频广告选择模块

所面临的挑战

我们必须创建一个简单的视频选择模块,响应式设计和流畅的用户界面. Neato希望它是一个大的全宽部分在他们的顶部 Botvac连接系列 页面.

我们的方法

以前做过类似的模块, 我们发现使用jQuery来处理事件和动画是构建一个产品以获得我们想要的结果的最佳解决方案. 自从Neato在Vimeo上发布广告后, 我们必须将Vimeo的视频播放器集成到模块中.

Neato D3的猫狗广告 & D5连接机器人

随着Botvac D3的发布 & D5连接机器人, Neato还发起了一场营销活动,在电视和网络上播放视频广告. 广告中,机器人真空的宠物分享产品信息.

狗 & D5连接

一只鲍克瑟犬讲述了它在家里吃的东西,以及它是如何清理自己的脏东西的.

猫 & D3连接

一只猫在谈论它决定打翻的东西,以及尼托是如何清理的.

狗 & 猫在D3 & D5连接机器人

狗和猫都证明了他们的关系是如何改善的,因为他们不必担心自己制造的麻烦会惹上麻烦.

建立视频模块显示广告

当Neato在他们的网站上要求一个响应式视频选择器时, 我们知道我们必须让它尽可能简单. 这样一来,Neato既节省了资金,也不会让用户的界面变得复杂. Neato想要展示的视频在Vimeo上, 所以我们创建了一个模块来播放在模块边界内嵌入的Vimeo.

使用jQuery,我们的团队编写了选择显示哪个视频的功能. 我们还需要确保如果有视频在播放它会在加载新视频之前停止播放并卸载. 我们还添加了一些其他功能,以改善该模块的用户体验.

狗和猫简介
Botvac D3 & D5连接机器人

为Neato Robotics公司制作的广告,介绍他们的新产品——Botvac D3连接和Botvac D5连接. 可以通过智能手机应用程序激活的机器人吸尘器.

和我们一起开始你的下一个项目

从营销策略到网页开发, 移动应用开发的Logo设计, 我们有解决您所有需求的方案. 请与我们九州彩票手机app,了解我们如何帮助您建立更好的品牌.

九州彩票苹果版