整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML5作為移動端主流營銷推廣方式的一種，具有互動性高，成本低，易于傳播方式的優點。受各大品牌商和UED團隊歡迎。
縱觀H5整個創作過程報考：策劃、操作邏輯構思、腳本草圖繪制、設計制作、開發實現。
首先了解幾種用戶現象——什么情況下會促使用戶點擊或主動轉發？
1. 用戶發自內心覺得喜歡
戳中用戶痛點，自然會引起共鳴。以下痛點，可以試著戳戳看：
好玩－互動娛樂類、輕型小游戲。像早前火爆朋友圈的腦洞神作“圍住神經貓”和最近百度外賣的“種太陽”。
炫酷—開進你朋友圈的寶馬的M2上市推廣、淘寶造物節全景圖重力體驗邀請函，還有其他各種牛逼的3D H5、VR H5，一看就跟外面那些五（yao）毛（yan）特（jian）效（huo）不一樣。
實用—如“十個iPhone手機使用技巧” 和“絕對干貨!!旅行收納實用技巧匯總”，這種一看就low不屑點開，但身體還是會很誠實的點開并悄悄發給身邊的好基友。
攀比心—曬消費，曬得分，曬皮膚年齡…能滿足人艱不拆的小小優越感和大家都曬我也得曬的“被”從眾心理。
同理心—能引起情感共鳴，細膩走心的內容，像“我們之間就一個字”，和最近頻頻讓人驚艷到的方太抽油煙機廣告，還有被淘寶一下就戳中味蕾的鲅魚水餃…
冷知識（漲姿勢） — 知乎、果殼、好奇心日報這些內容為王的平臺為我們提供的遠不止這些。
圖1：(部分案例）
2. 利益驅使下被動分享
比起細分領域的禮品，大眾優惠項—如返利、優惠券、購物券、電影券等吸引力一般會大一些。
其次要知道幾個數據真相：
只有微信推送的情況下，H5的活躍周期最多3天；
最佳發布推送時間為21點到22點；
6～8頁為H5最佳瀏覽頁數，P數過多或單P體量過大都會增加H5跳失率 。
（圖2：H5傳播監測分析工具DATASTORY）
了解這些數據后，再來思考幾個問題：
1. 活動背景/目的
拉新？留存？促活？提升品牌曝光率？不同目的決定策略方向及投入成本（成本意識很重要）
2. 針對用戶群體是哪些
從消費心理角度界定用戶群體不同屬性，為自己的目標用戶量身定制推廣題材（來自數英網的一則數據新聞：瀏覽量最高的1000個H5作品中，42%是心靈雞湯，最高17,358,480 uv；27%是測試題，最高49,940,339 uv；15%是社交互動游戲，最高2,892,047 uv；5%是大型品牌宣傳，最高551,195 uv。）
3.推廣渠道定哪些
除了H5本身的吸引力，渠道也是影響傳播的重大因素，微信公眾號、朋友圈、微信群、微信廣告、微博、LinkedIn、QQ群、QQ空間、新聞客戶端、App廣告、廣點通，都是國內H5推廣的可行渠道，根據分析目標用戶社交習慣，針對性選擇渠道來有效提升傳播效率。
磨刀不誤砍柴工，確定市場需求和推廣目的，才有可能保證方案 “先做對，再做好”。（借用DDC運營設計師Gary的經驗觀點，與市場預期不契合，再好的創意方案也是不能推的）為避免“胎死腹中”的高成本悲劇，還是先做好這些前期準備工作
分享一些身邊的案例：
案例一
某廣告公司六一兒童節的“自娛自樂”項目，但作為一次小范圍、零渠道費的推廣，意外收獲上萬PV，走心的選項題勾起一波80后的濃濃懷舊心，也算是一個不錯的case（http://fdc16b73d368.ih5.cn）
案例二
傅園慧受采訪第二天粉絲暴漲，同日墨跡天氣的小游戲推出，追熱點就是要速度夠快，他們做到了，2天時間內PV輕松過百萬（http://promo.moji.com）
案例三
幫朋友的項目做的設計支持，根據項目要求關鍵元素：老上海、紅色延安、舞臺劇來進行分鏡創作。由于p數過多，動效繁碎，對加載速度有所影響，算是一個有經驗教訓的case分享給大家：http://www.miaos.me
H5要兼具娛樂性和推廣性，不是件容易事。但如果能兼顧市場需求同時又能讓設計“玩”起來，是件聽起來挺刺激的事兒。
數據能幫我們驗證一些問題和發現一些潛在趨勢，但PV／UV也不是衡量推廣效果的唯一標準，沒有達到百萬用戶的H5就不是好的營銷推廣？也不然，定位精準用戶，找到適合的推廣方式才是重點要考慮的。
專注互聯網產品H5頁面設計開發橘子創意工作室，具有超過十年的互聯網行業經驗，高效整合各種資源，向企業提供H5設計開發，運營營銷推廣等一站式服務，如果您需要設計和開發一款比較有創意的 H5營銷頁面，可以聯系我們。
微信公眾號：juzimedia，聯系微信：aoch123 歡迎留言咨詢和恰談合作。
在微信小程序是非常火爆的，所以各個大廠都推出了自己特色的小程序應用，如:百度智能小程序、頭條小程序、支付寶小程序、QQ小程序、釘釘小程序等。如果完成從0開始開發的話，成本還是蠻高的，所以我們需要借助現成的UI組件和框架來為我們節省一些時間。
WeUI是由微信官方設計團隊分別支持微信H5網頁和微信原生小程序的開源UI組件，
github地址:https://github.com/Tencent/weui-wxss.git
ColorUI是開源且支持原生小程序的UI組件，由于我目前在幫朋友改一個原生的微信小程序，所以就選擇了這款開源組件。
github地址:https://github.com/weilanwl/ColorUI.git
Vant Weapp是有贊開源且分別支持Vue 版本和微信小程序版本的UI組件庫，
github地址https://github.com/youzan/vant-weapp.git
Lin UI 是一套基于 微信小程序原生語法 實現的高質量 UI 組件庫。遵循簡潔、易用、美觀的設計規范。
github地址:https://github.com/TaleLin/lin-ui.git
iview-weapp是支持原生微信小程序的UI組件
github地址:https://github.com/TalkingData/iview-weapp.git
MinUI 是基于微信小程序自定義組件特性開發而成的一套簡潔、易用、高效的組件庫，適用場景廣，覆蓋小程序原生框架，各種小程序組件主流框架等，并且提供了專門的命令行工具。但是它近幾年都沒有什么進展了
github地址:https://github.com/meili/minui.git
ThorUI支持微信原生小程序開發的UI組件，同時也有支持uniapp的版ThorUI-uniapp
github地址:https://github.com/dingyong0214/ThorUI-uniapp.git
基于uni-app框架的ui組件，所以就只支持類似uni-app的vue框架
github地址:https://github.com/dcloudio/uni-ui.git
uView UI號稱是uni-app生態最優秀的UI框架，所以也是只支持類似uni-app的vue框架，但是我并沒有用過它，感覺的它的組件庫比較豐富，樣式風格也是比較漂亮
github地址:https://github.com/YanxinNet/uView.git
wux-weapp號稱是一套組件化、可復用、易擴展的微信小程序 UI 組件庫，我沒有看過它的demo，所以也不知道它長什么樣子
github地址:https://github.com/wux-weapp/wux-weapp.git
Taro UI一款基于 Taro 框架開發的多端 UI 組件庫，所以它也是配置Taro框架才能使用，一套組件可以在 微信小程序，支付寶小程序，百度小程序，H5 多端適配運行（ReactNative 端暫不支持）
github地址:https://github.com/NervJS/taro-ui.git
前面是我收集到的一些UI組件，接下來，我們再來一些開發框架，
開放式跨端跨框架解決方案，支持使用 React/Vue/Nerv 等框架來開發微信/京東/百度/支付寶/字節跳動/ QQ 小程序/H5 等應用。
github地址:https://github.com/NervJS/taro.git
mpvue 是一個使用 Vue.js 開發小程序的前端框架，目前支持 微信小程序、百度智能小程序，頭條小程序 和 支付寶小程序
github地址:https://github.com/Meituan-Dianping/mpvue.git
WePY (發音: /'wepi/)是一款讓小程序支持組件化開發的框架，通過預編譯的手段讓開發者可以選擇自己喜歡的開發風格去開發小程序
github地址:https://github.com/Tencent/wepy.git
uni-app 是一個使用 Vue.js 開發所有前端應用的框架，開發者編寫一套代碼，可發布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應用等多個平臺。
github地址:https://github.com/dcloudio/uni-app.git
最近在幫朋友修改原生小程序，所以就收集了一些小程序相關的UI組件和框架，留著備用，并未對比過各個組件和框架的優劣勢，有對這些東西比較了解的大兄弟們還請分享一下，讓大叔少走彎路。目前我是用的ColorUI，開發出來的效果確實蠻漂亮的，后期，如果開發多端小程序，我應該會在Taro和Uni-APP之間選擇。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
