水滴
发现
作品集
音频
EN
关闭 关闭

Resn, 让你的屏幕体验变得更有趣

年度最佳数字创意机构

Resn斩获AwwwardsCSS Design Awards两度年度大奖 —— 2016年度最佳数字创意机构

我们是谁

Resn是一个充满热情的创意机构。我们的唯一愿景就是创意交互体验来来惊艳世界。

我们擅长

2004年以来,Resn在互动开发和设计的前沿工作。我们的高技能团队具有应对复杂的技术挑战和实现创造性梦想的专业知识。从前期创意提出和到后期的设计和开发,我们与客户在每个阶段紧密合作,提供针对他们品牌有价值的服务,我们称之为Resn效应。

服务

  • 创意策略
  • 创意方向
  • 用户体验设计
  • 交互与界面设计
  • 高级创意网页设计与开发
  • 二维与三维动画
  • 插图设计
  • 音乐和音频

解决方式

  • 开放式的交互网站
  • 游戏设计与开发
  • 移动 Web 应用程序
  • 网络 3D 体验
  • (微信微博)技术运营
  • 竞技性网页开发
  • 基于谷歌 、百度地图等街景功能开发与应用
  • 展厅设计与装置

联系我们

我们的足迹遍布世界各地。在美国 ,欧洲 ,亚太地区都设置了办公区。不管你是想寻求合作还是想加入我们Resn大家庭,或者你只是想来打个招呼,请点击 联系我们

所获奖项

Resn获得赞誉无数,但仍保持谦虚之心前行。我们是全球获奖最多的创意数字公司之一。并已被列入FWA (世界权威交互评选机构) 名人堂,并被Advertising Age评选为最好的数字创意公司之一(“A-List”)。

97
30
10
25
14
12

加入我们

想来Resn工作吗? 跟我们一起,开启你的职业生涯

深圳Resn实验室

实验室展示了Resn是如何为中国的著名品牌创造前沿的展厅和装置的技术。

创意机构+客户

RESN

RESN 的角色

展厅设计,软件设计,动画,开发

平台

空间装置, KINECT,飞跃运动

展厅

Resn 实验室是我们项目的物理大合集。在这里,利用我们的在数字领域和设计安装领域的专业知识,陈列了最优秀的五个项目, 客户可以亲身体验我们的魅力。

展厅控制系统

展厅控制系统是 Resn Labs 的核心。ECS提供无缝集成和跨设备通信,以确保整个空间可由一位展厅工作人员员控制。 ECS界面甚至允许工作人员通过平板电脑上的 UI 对展厅的各项设备进行实时调整。

斯巴鲁零垃圾填埋森林

我们用灯光,配乐以及由回收纸板制成的树木,打造出一个森林。参观者可以亲自用手触摸那些“树”,感受昏暗的森林气氛并了解斯巴鲁的环保大事件。

野花旋风

使用 Leap Motion 控制器与触觉反馈系统,参观者向风车吹气后,屏幕上的花瓣会开始随着参观者的手部动作开始飘荡。

选择你的 E-TEC

我们创建了一个虚拟产品展厅,来全方位的展示 E-TEC G2 引擎与功能,利用 webGL 育实时3D展示,能让参观者随心定制自己喜爱的引擎颜色并查看其功能。

音乐条纹

我们独有的“智能条纹识别”系统能将衣服条纹图案转化成交互界面,每个参观者都能轻松变成节奏大师,享受通过挥动双手就能创造音乐的乐趣。

传输

两位玩家使用3D打印出来游戏棋子在我们开发虚拟地形世界里进行对抗。谁能截获并连接能量光束,并能战胜对方,获得胜利。

斯巴鲁零填埋

我们将时间线折叠成树的年轮,加强了环境保护的主题。

创意机构+客户

CARMICHAEL-LYNCH & SUBARU

RESN 的角色

创意,设计,动画,开发

平台

电脑,平板,手机

播放

保护环境

Zero landfill 展示了斯巴鲁十多年来的的环保措施以及它在美国国家公园的所作出的贡献。

用户体验

我们开发了独特的用户交互体验,树木年轮通过模拟运动展开成一个经典的时间表。通过时间和类别这两种模式浏览,用户可轻易获得信息。

拖动
拖动

手机端

考虑到移动手机端用户,我们在不影响网页精美设计的前提下,对其具体需求进行了优化。

复活契诃夫

我们用21世纪的技术,将已逝的19世纪最伟大的剧作家之一成功复活。

创意机构+客户

SLAVA & GOOGLE CREATIVE LAB

RESN 的角色

设计,插画,动画,开发

平台

电脑,平板,手机

播放

你是契诃夫笔下的谁?

复活契诃夫是为其话剧阅读会的直播创造的一个在线角色测验和试镜。 该网站展示了契诃夫笔下28位经典人物。

直播阅读会

在参加测试之后,用户能够录制和提交试镜。 在直播期间,从纽约到南萨哈林斯克,一共有700个人分别在25个舞台上表演契诃夫的话剧。

成果

我们有一百万的访问量,其中528,990位访问者参加了在线测验,850位访问者上传了试镜视频。54亿社交留言,宣传片有6百万观看量,以及3百万的直播回放。Google页面得到2万订阅和4百万留言,Google上契诃夫的搜索量增加了4倍。

成果

我们有一百万的访问量,其中528,990位访问者参加了在线测验,850位访问者上传了试镜视频。54亿社交留言,宣传片有6百万观看量,以及3百万的直播回放。Google页面得到2万订阅和4百万留言,Google上契诃夫的搜索量增加了4倍。

肯德基:上校的名人堂

一段肯德基上校的传奇往事。

创意机构+客户

WIEDEN+KENNEDY PORTLAND & KFC

RESN 的角色

设计,动画,开发

平台

电脑,平板,手机

播放

历史上最酷的炸鸡大师

在这个虚拟的网络名人堂里,你可以玩游戏,听音乐,看话剧等等。从打街机游戏到射击训练,你会了解到肯德基上校的方方面面。就像一堂生动有趣的历史课。

认真的作假

为了表示对炸鸡大师的敬意,我们决定做一些实体的东西。是的,我们要做非数字的东西!那些你可以感受到,触摸到的东西。我们知道,听起来很诡异。与专业的特效人士密切合作,我们为肯德基上校制造了仿真电子模型,复刻了他在每个人生阶段的样貌。一个年轻的,一个年老的还有一尊铜像。铜像代表已经入土为安的肯德基上校(毕竟做个僵尸版本的还是太早了点儿)肯德基上校可能没能活到数字时代,但我们保证这个仿真电子模型一定会让大家满意。

上校的追求

肯德基的味道让我们想起了童年。比如说大萧条时期 (很明显不是什么好的时代) 或者80年代 (大写的黄金时代啊!) 80年代是街机盛行的年代,这就是为什么我们打造了一个街机游戏。游戏共设有6个关卡,8位街机游戏,再现了戏剧性的枪战场景。忘掉你先进的现代手柄吧,用两个按钮,来玩一场80年代的街机游戏

炸鸡游戏

为了宣传,我们将游戏手柄做成了炸鸡形状。很多人感到很奇怪,但还有很多人觉得这个想法厉害坏了。我们是后一种。

麦皇堡

为和平一日(一个宣扬世界和平的非盈利组织),汉堡王邀请麦当劳联手打造至尊汉堡混搭。

创意机构+客户

Y&R NZ & BURGER KING

RESN 的角色

设计,插图,动画,研发

平台

电脑,平板,手机

播放

创意

9月21日是世界和平日。为了增强公众对世界和平的意识,汉堡王邀请常年与其在在快餐界厮杀,争夺汉堡第一宝座的麦当劳携手为宣传世界和平日贡献力量。

提案

Resn 与新西兰 Y&R 携手打造了McWhopper.com。借麦皇堡之手给麦当劳写一封网络公开信,以动画的形式详细说明了对这个合作提案的畅想。

卖皇堡

用两家餐厅的招牌汉堡,麦皇汉堡结合了最美味的 Whooper 和标志性的巨无霸汉堡。这个广告让我们创造出了一个让全世界都流口水的麦皇堡,我们竭尽所能让它看起来美味至极!

成果

麦皇堡在社交网络上的大热完全超出了我们的预期,在48小时内,网页得到了20亿以上的社交网页留言和70万以上的用户访问。

自毁书

James Patterson 是世界上排名第一的畅销书作家。 他最新的书 'Private Vegas' 是一本会自我毁灭书。

创意机构+客户

MOTHER NEW YORK & JAMES PATTERSON

RESN 的角色

设计,动画,开发

平台

电脑,平板,手机

播放

最刺激的阅读体验

为了给 James Patterson 新书 “Private Vegas” 发布造势,Resn 与 Mother New York 创造了自毁书,这是一本激动人心,自带悬念的书。

设计与体验

我们在五天内将1000份iPad版本的书送给幸运读者,他们只有24小时能阅读完这本书,时间一到这本书就开始自我毁灭。我们还为每本书创建了代码,只有指定阅读者才可以访问它。

戏剧化的紧张感

为了制造阅读体验的紧张感,我们在设计的时候将能想到的让人紧张的元素都加入了这款应用里。随着故事的展开,血溅在屏幕上。 烟雾模糊了文字。 隐藏的信息时不时会出现,警笛声响,爆炸声响。

蓄意破坏

输入访问代码后,倒计时开始。为了让网站访问者也能参与阅读体验,我们设计了一个 “破坏计时器”,让他们通过单击按钮就能减少15分钟的阅读时间,这样提高紧张程度并强迫读者阅读更快。

belVita#赢在清晨

我们为belVita的用户设计了持续四小时的网页以及主题小游戏来帮赢在清晨这个话题造势。

创意机构+客户

Droga5 NEW YORK & BelVita Bites

RESN 的角色

设计,插图,动画,开发

平台

电脑,平板,手机

播放

欢乐四小时

我们设计了15个主题小游戏,给你的生活带来喜悦和意义。因为 belVita Bites 能提供四个小时的能量,所以我们给每个发推文时附上 “赢在清晨” 的用户都创建了专属他们自己的网页,维持时间四个小时。结合每位用户的 Twitter 个人资料图片,用户名和推文,我们为他们制定了个性化体验。

高度合作

这个项目是 Resn 和 Droga5 在高度合作的产物。 我们乐意听取任何点子,只要它听起来足够荒谬。 在选择好概念后,我们把它们变成了愚蠢的图片。 然后我们又撤掉了最糟糕的照片,并惩罚那些负责人。 负责人们失去的不仅是工作,还有生命。

形而上学的东西

从扭曲到无法辨认的字体,到防火防盗防老鹰,belVita #赢在清晨 可能是清除我们潜在意识里被压抑欲望的一种隐喻,也有可能是很多不能体会的形而上学。

玩转音乐条纹

Resn 与 Wieden+Kennedy New York 携手帮助 Gap 创造了一款游戏: 超真实的即刻体验,能将你条纹服装变成乐器。

创意机构+客户

WIEDEN KENNEDY NEW YORK & GAP

RESN 的角色

设计,动画,开发

平台

电脑,平板,手机

播放

音乐服装

我们的挑战是能创作一个简单,直观,有趣的游戏,能让用户仅仅穿上普通的条纹服装,对准摄像头就能开始制作音乐。主题曲是 Disasteradio 的 “It is What It is”。

问题解决专家

一项新技术的发现使我们能够快速使用不同的方法进行实践,来解决复杂的问题。 为了找到最好的方法,我们开发了一系列的原型,来进行条纹检测,手部跟踪,样品触发,节拍量化和混音处理。

识别条纹和手部运动

我们专有的智能条纹检测系统™能分析图像中的颜色变化,定位条纹的边界和分清不同的区域。 为了检测手部运动,我们分析网络摄像头反馈的亮度值的差异。我们跟踪用户手部运动,利用斑点检测来确定用户手部正在触摸哪些条纹。

手机端

我们使用 CSS 动画和 HTML 音频,让手机端玩家也能跟着 Blood Orange 的节奏一起舞动。

混音

音乐是实时的动态混合,确保了用户能得到音画同步视频。 用户可将他们录制后的作品在社交网络上分享。

Evinrude E-TEC G2

向大众展示 E-TEC G2, 一款 Evinrude 全新革命性的舷外发动机。

创意机构+客户

CRAMER-KRASSELT & BOMBARDIER RECREATIONAL PRODUCTS

RESN 的角色

设计,动画,开发

平台

电脑,平板,手机

播放

创新设计

让专属定制的 Evinrude E-TEC G2 成为现实。 了解关于这款新型发动机及其突破性功能的方方面面,并亲手定制专属于你的发动机。

定制工具

通过选择马力和设计配色方案来自定义 E-TEC G2。旋转发动机来看到 360度高清完整效果图。 一旦完成设计,您可以下载动态PDF,并在社交媒体上分享。

E-ETC 的之旅

动态摄像机运动能显示引擎的方方面面。当你浏览整个页面,发动机随着鼠标移动,能让你看到不同的角度与层次,让你更深入了解此款发动机的过人之处。

帧数加载

该网页有264帧,我们面临的挑战是用最短的时间让浏览者享受到最高质量的画面。当你浏览我们网页时,我们已经在后台提高帧质量。

adidas Climachill 2016

穿上最新的adidas Climachill系列 ,感受燃烧。

创意机构+客户

adidas

RESN 的角色

设计 ,动画 ,开发

平台

电脑 ,平板 ,手机

保持冷静

这是 Resn 和 adidas Clima 团队三年来的第五次合作。这次我们创造一个令人回味 ,充满时尚感的网页 ,与adidas“另类”美学不谋而合。

拖动
拖动

来到我的地盘

Climazone Hub是我们与adidas合作的第一个数字存储库 ,用于发布整个Clima系列的平台。

冷静一下!

我们给网站加入了微妙的燃烧动画 ,增强了现实感。

福特口袋野马

随时随地释放你的驾驭天分。

创意机构+客户

GTB SHANGHAI & FORD MOTOR COMPANY

RESN 的角色

原型设计,设计,动画,开发

平台

手机 (苹果系统与安卓系统)

播放

回想起童年时代

我们与GTB上海合作,化繁为简,返朴归真,让用户感受孩提时期单纯的快乐。

从手机到野马

我们从手机陀螺仪 (测量旋转) 和跟踪线性加速度中收集数据,将手机变成一部漂移的野马汽车!

实时漂移

通过分析手机的运动路径,设备旋转和加速度的变化,我们可以生成虚拟赛车场的地图,并实时重现客户的手部动作。

关卡解锁

游戏设置为9个关卡,每解锁一个可获得徽章。只有最优秀的玩家能完全解锁所有关卡。不会漂移的玩家会在游戏里受到嘲讽。

车人合一

我们花了两天时间拍摄世界漂移冠军 Vaughn Gittin Jr. 在 Ford's Arizona Proving Grounds 驾驶一辆野马的视频,向用户展示漂移的真正奥秘。

Converse Diamonds

Wetropolis 是一个充满霓虹光彩和未来感的,大雨不停的反乌托邦。

创意机构+客户

ANOMALY,NY & CONVERSE

RESN 的角色

设计,动画,GIF图制作,开发

平台

电脑,平板,手机

播放

欢迎来到 Wetropolis

Resn 与 Anomaly 和 BRTHR 结成合作伙伴,拍了一部互动的音乐录影带来展现新款匡威 Chuck II 的高科技的防水性能,主角是 23岁的韩国说唱巨星 Keith Ape 。

酸雨

为了做出迷幻的互动体验效果,我们利用独特的相机镜头,提取音乐录影带的幕后花絮,制作了大量的交互GIF图。最酷的一点是什么? 我们创新利用位移贴图作为着色器展现实时的雨滴效果,动动手指,你就可以让屏幕下雨!

让你的双脚在雨天也能保持干爽

为了优化屏幕上每个区域以及在每个设备上的播放效果,我们的视频使用预加载器来实现渐进式下载,并使用多个 CDN 加速来保持下载速度,无论你在世界上哪个角落,都能流畅的观看视频。

手机流畅度

我们面临的最大挑战之一是使视频能够在 iOS 系统的手机端上呈现出与使用电脑一样的效果。为此我们还构建了一个自定义的在线平台,允许用户使用移动设备来激活GIF。

世界历史

通过玩家最爱的召唤师杯来了解英雄联盟世界冠军的辉煌历史。

创意机构+客户

RIOT GAMES

RESN 的角色

设计,动画,开发

平台

电脑,平板,手机

播放

首次亮相

Riot 游戏要求 Resn 为英雄联盟世界锦标赛创建一个互动时间表,来展示这项游戏是如何成为全世界最受欢迎的电子竞技的历程。我们梳理了英雄联盟短暂但光辉的五年历史,来庆祝这项游戏的取得的巨大成功。

召唤师之杯

Resn以召唤师杯为创意中心。用户可以通过旋转3D召唤师杯来浏览从2011年至2016年的比赛历史。

五年的旅程

从时间轴选择一个日期后,召唤师杯会照亮年数和标题。用户可滚动布局,浏览每年的战况。动画由星座线连接,与整个网站的银河主题一致。

Panera 清洁之地

Panera 清洁之地是一个最美味的冒险,但要小心那些讨厌的成分。

创意机构+客户

ANOMALY,NY & PANERA

RESN 的角色

设计,动画,插图,内容创意,开发

平台

电脑,平板,手机

播放

躲开讨厌的成分

Panera 承诺在2016年年底之前彻底摒弃任何人工添加成分。我们创造一个有趣并看起来美味的游戏,来展现他们为此做出的努力。这必须有趣,互动性强,创新还有当然要看上去美味极了!

当全世界都变成食物时

Resn 在著名的食品艺术家 Carl Warner 的帮助下精心打造并精心制作了 “Panera清洁之地”。这是一个美丽,宁静,由 Panera 面包坊的食物组成的美味世界。

从现实到数字化

网页中每个部分都由我们用手工创造拼凑出来,然后分解成动画数字展现给大家。用于大版块中的‘极净之地’水平线华丽,流畅的作为网站的地图和入口。

巴黎水:释放赢

一项令人上瘾的泡泡游戏,击破泡泡最多的玩家可获得神秘奖品!

创意机构+客户

OGILVY & MATHER SHANGHAI

RESN 的角色

原型设计,设计,动画,开发

平台

手机,平板,电脑

播放

关于泡泡的一切

巴黎水 : 释放 赢是一款手机端和桌面游戏,设计围绕着气泡展开。

击破泡泡就是胜利

我们与 Ogilvy & Mather Shanghai 和 The Sweet Shop 合作打造了一款游戏,分数高的玩家可获得意想不到的奖品,包括自行车和 DJ 课程到时尚拍摄以及巴黎之行。

十亿泡泡

这款看起来容易,但要掌握却有点困难的游戏特别容易令人上瘾。在游戏发布后,成千上万的玩家加起来击破的泡泡超过了10亿。

专为手机打造

这款游戏为手机端特别打造,硬件加速 CSS 的转换让这款游戏像本地应用程序一样运行流畅。

Resn Shanghai

The Resn pandemic is spreading. Infecting Shanghai June, 2017.

创意机构+客户

RESN

RESN 的角色

RESN

平台

RESN

播放

很高兴能够宣布消息在上海开Resn.

Resn全球大家庭终于迎来了上海---这个历史悠久,又充满生机的城市。我们相信,这座冉冉升起的东方城市,必将成为中国一流数字创意的完美舞台。吾夜观天象,鸡年必为大吉之年。爱让我们成长所以我们愿意与你分享我们的爱。来吧!让我认识未来的你!现在就加入我们吧,在这里申请

开始
重播
年度最佳数字创意机构
AwwwardsCSS Design Awards