2010年,万博思图的Flash交互网站设计在业内已经卓有名气,年底时万博思图接到一个很特别的项目——天人茶。
天人茶是一家中国茶叶品牌,以中国茶园到俄罗斯销售的整体性供应链系统为支柱,在俄罗斯市场拥有广泛知名度。天人茶口碑与品质俱佳,不但在市场领域覆盖俄罗斯90余个城市,其各种茶叶也是世界食品博览会的金奖得主。
正因如此,立足国际化视野的天人茶非常重视官网品质。对于万博思图来说,既要充分展现品牌特性,又要在中国风与国际化中找到平衡,非常挑战创意思维。
1
设计思路
前沿定制级交互网站
首先,万博思图选择以Flash交互网站的形式为天人茶定制官网。2010年,数字媒体仍处于快速兴起阶段,优秀的Flash交互网站在当时是高端品牌的名片,这种定制级官网更加符合天人茶国际一线品牌的调性。
实拍与动画的创意结合
采用实景拍摄+Flash 3D动画相结合的方式呈现天人茶主视觉。既有产品的直观展示,又有柔美灵动的交互体验。
将中国风融入全局设计
在产品展示模块中,使用折扇为基础形状制作了产品卡片抽屉,表现天人茶品牌的中国风气质;通过层叠堆积的卡片突出天人茶品类丰富的特性;用户点击卡片后产品介绍以卷轴形式展开,为产品增添一份神秘感。
2
技术亮点
万博思图开发的天人茶网站共有三个版本,使用Actionscript3.0+php+mysql框架开发。
同步开发后台更新系统,方便客户更新网站内容。
3
效果展示
真实拍摄的茶碗素材
配合动画展现茶叶自然舒展的瞬间
茶碗作为中心视觉
向外延伸的藤蔓连接着菜单栏
鼠标滑过茶包触发弹动效果
折扇样式的卡片抽屉
科技感与中国风完美结合
卷轴样式产品介绍页面
切换自如图文并茂
2010版天人茶官网距今已有12年,但以如今的眼光来看仍然是交互类网站中的精品。
领取专属 10元无门槛券
私享最新 技术干货