项目案例

since 2015-2016

示例

公司独立WebApp

手机端的WebApp,目标是实现用户手机下单购买旅游产品以及阅读相关公众号所产出的功略文章。
技术架构:
Gulp + Webpack + Vue.js + Framework7 + 后端leancloud

微信扫一扫

微信端-办理入台证

项目背景: 该公司属传统线下旅行社,开拓做互联网线上旅游电商,由于业务的售中环节需要用户上传资料进行预约,便希望通过微信的公众号入口,方便顾客进行操作。

任务职责: 负责该项目的原型视觉设计,前端开发,后端使用Leancloud。独立开发,后端支付调用与同事配合完成。保证该项目体验流畅,简单易用。

工作内容: 首先梳理了该业务在传统模式下的工作流程。明确问题的处理边界。考虑各种情景下的业务流程,统一之后确立设计方向和视觉风格。利用PS和Sketch绘制出设计稿,前端切图,构建并打包上线。与同事完成项目的支付宝联调工作。

工作成效: 成功将公司在线上渠道和微信公众号中所积累客群吸引到微信菜单中的Html5页面,完成流量变现和业务转化。顾客在点击菜单进入“入台证办理”的网页之后,便可运用手机摄像头进行拍照证件资料,实现足不出户,不用去打印店扫描证件,即可办理台湾自由行入台证。

微信扫一扫

微信端-台湾高铁预约

帮助在天猫等各大渠道购买的顾客凭相关信息,在进入公司的公众号后,点击菜单兑换成相应的电子票券。从公众号直接进入的顾客也能通过手机付款购票。

微信扫一扫

微信公众号服务菜单

汇总所有公司的业务对接。分发至买家,提供良好的售中体验。

微信扫一扫

H5营销-刮刮卡

利用刮刮卡随机挂出优惠券,拉动老客户回流。

使用Html5技术

有利用到Camera、Canvas、localStorage等新技术。

促使公众号的用户和淘宝用户相互打通

吸引微信用户上淘宝购买商品,进行流量变现。

微信扫一扫

H5营销-和明星合影

利用和明星合影的小游戏,促进公众号的用户活跃度。

使用Html5技术

有利用到Camera、Canvas、localStorage等新技术。

微信扫一扫

星巴克表单填写(业务优化)

企业内部的操作优化,键入产品核销信息,即可一键导出预约单信息,提供给买家。

使用前

操作用时约2分钟

员工手工填写多个变量如日期,时间,兑换码,还需要选中文字后进行粘贴。

使用后

操作用时约30秒

员工通过可视化操作,只需录入兑换码,点击按钮即可完成后续步骤。提升效率至少4倍。

微信扫一扫

WiFi 手机预约单

响应式布局,PC手机同时支持。

概述

便利性:旅客在任何时间任何地点都可预约之前购买的wifi产品。

让自由行的背包族旅客更加自由,充分享受移动互联网的红利。

微信扫一扫

尚旅汇品牌设计规范

涵盖企业LOGO、二维码、中英文字体、品牌用色规范等。

LOGO

规范LOGO的使用原则和统一下载路径。公司内外都可访问及下载相关文件。

增加公司的品牌影响力,在上下游合作中能更好的提升企业形象。

二维码

公司拥有2个微信号。既服务号和订阅号。原则上为统一企业形象,不做设计区分。

为方便运营更好更快的抓取二维码进行投放,特设此处以便提供下载。

字体

为避免在互联网上侵犯其他字体公司的版权,有利于规避潜在法律风险。字体规范为开源的思源字体。该字体有多国语言支持,并且拥有多个字重,能在印刷、Web等多个展示空间方便使用。

线下平面物料

此部分为公司下线合作商的平铺物料,包车外围装饰,横幅等。

微信扫一扫