房地產(chǎn)公司高逼格的移動(dòng)端營銷H5頁面速成指南培訓(xùn)課件.pptx
下載文檔
上傳人:偷****
編號(hào):423719
2022-06-29
40頁
28.79MB
該文檔所屬資源包:
碧桂園房地產(chǎn)公司營銷策略培訓(xùn)課件
1、高逼格的移動(dòng)端H5頁面速成指南 營銷中心市場(chǎng)管理部傳訊組移動(dòng)時(shí)代的新開發(fā)標(biāo)準(zhǔn),如HTML5,將在移動(dòng)設(shè)備上獲勝喬布斯蘋果系統(tǒng)將不支持Flash這類由圖片、文字、背景、交互效果、音樂等組成,不需要插件,用戶滑動(dòng)手指查看內(nèi)容的形式,因其技術(shù)得名“H5”做廣告、活動(dòng)、游戲、產(chǎn)品等適合手機(jī)傳播的都離不開H5技術(shù)從2014年開始,H5因交互形式便捷、用戶體驗(yàn)良好而火了起來,借由微信平臺(tái)迅速占據(jù)朋友圈HTML5H5能怎么玩?從功能與設(shè)計(jì)目標(biāo)來看, H5專題頁主要有以下5大類型:1.1.活動(dòng)運(yùn)營型活動(dòng)運(yùn)營型2.2.品牌宣傳型品牌宣傳型3.3.產(chǎn)品介紹型產(chǎn)品介紹型4.4.總結(jié)報(bào)告型總結(jié)報(bào)告型5.5.功能服務(wù)型2、功能服務(wù)型問答問答/ /評(píng)分評(píng)分/ /測(cè)試測(cè)試幻燈片式玩法幻燈片式玩法翻頁關(guān)鍵詞:每頁左右或上下切換,動(dòng)態(tài)展示重要信息類似幻燈片的傳播效果結(jié)合霧霾話題展示我司海南項(xiàng)目優(yōu)勢(shì)微樓書線上發(fā)布會(huì)關(guān)鍵詞:模擬現(xiàn)實(shí)場(chǎng)景背景音樂配合類似線上業(yè)績報(bào)告、產(chǎn)品發(fā)布會(huì)等可參考京東的十大任性10張橫屏頁展示京東2014年十大成就采用簡潔的扁平風(fēng)插畫,加入紙面質(zhì)感形成復(fù)古卡片拼貼感不同頁面間通過手指滑動(dòng)實(shí)現(xiàn)流暢的視差滾動(dòng)效果,最后還有劉總這個(gè)小彩蛋精美的圖片設(shè)計(jì)+簡單的翻頁效果圖片展示&圖層交互考驗(yàn)的是高質(zhì)量的內(nèi)容本身和講故事的能力數(shù)據(jù)報(bào)告、頻繁上線的新產(chǎn)品或功能、小型線下活動(dòng)邀請(qǐng)、活動(dòng)相冊(cè)。結(jié)合熱點(diǎn)的營銷,周期極短,3、傳播快速。H5游戲有獎(jiǎng)游戲游戲積分/抽獎(jiǎng)/好友助力/搶紅包等形式在獎(jiǎng)品、游戲內(nèi)容、畫面等融入宣傳信息母親節(jié)定制歌曲送給媽媽(類似定制卡片/祝福語/等)用對(duì)媽媽情感,根據(jù)母親特性,專屬定制歌曲形式融入用戶參與感,專屬定制突顯個(gè)人尊貴感,黑膠唱片懷舊感設(shè)計(jì),音符動(dòng)態(tài)等,1天吸引2萬人參與定制宜家:衣柜大作戰(zhàn)3s內(nèi)在衣柜找到指定物品。現(xiàn)實(shí)生活場(chǎng)景作背景,用戶感到親切,收納互動(dòng)具趣味性。優(yōu)衣庫:星店長店長招聘植入優(yōu)衣庫管理品牌信息。用戶可線上代入店長角色,進(jìn)行店鋪管理游戲簡單、有趣、易分享簡單、有趣、易分享手指在畫板上滑動(dòng),繪出作品, “上傳喵星人”提交圖片。隨后,會(huì)跳轉(zhuǎn)到一個(gè)網(wǎng)頁,可以看到用戶們畫的4、各種喵星人,并按照點(diǎn)贊的次數(shù)列出了“喵神榜”。十萬貓星人計(jì)劃交互式動(dòng)畫考慮具體的應(yīng)用場(chǎng)景和傳播對(duì)象,從用戶角度出發(fā)去思考什么樣的頁面是用戶最想看的最會(huì)去分享的New BalanceNew Balance:誰在街頭懷疑一切?誰在街頭懷疑一切?潮流X染色體裂變、視覺沖擊新街頭主義新街頭主義 歷代鞋款聯(lián)展歷代鞋款聯(lián)展New BalanceNew Balance:青春是什么顏色:青春是什么顏色?結(jié)合574系列鞋推出,用戶可體驗(yàn)顏色大海流動(dòng)感以及點(diǎn)擊參與填滿青春顏色畫面顏色鮮明,水流感及劃破畫面滲水的迫真感吸引用戶整個(gè)H5頁面用創(chuàng)意的打字機(jī)形式,隨著用戶按下按鈕,紙片會(huì)逐漸顯示出韓寒從1999年起,為人5、熟知或不知的成長軌跡。一加手機(jī):一加手機(jī):“1 1步步1 1步看清韓寒步看清韓寒”打字的互動(dòng)、聲音效果會(huì)讓用戶忍不住繼續(xù)按下去怎么做?有想法UI設(shè)計(jì)師前端設(shè)計(jì)師推廣如何呈現(xiàn)頁面設(shè)計(jì)動(dòng)效技術(shù)線上線下推廣想法 在我們?cè)O(shè)計(jì)一個(gè)H5頁面時(shí),很重要的一點(diǎn)就是站在自己的角度跳出來去看你做的東西,你和你周圍的人愿意分享這個(gè)東西嗎?它有趣嗎?它對(duì)其他人也是有用的信息嗎?創(chuàng)意才是硬道理你的H5 , 五秒就死了1.1.找參考,尋靈感,巧借鑒找參考,尋靈感,巧借鑒來電形式新穎,屏幕破損持續(xù)吸引客戶關(guān)注,電力測(cè)試帶動(dòng)互動(dòng)參與,融合創(chuàng)新,關(guān)注,互動(dòng)三重元素,目前為止,并可能是520當(dāng)天最強(qiáng)互動(dòng)! 大眾點(diǎn)評(píng)推廣復(fù)仇者聯(lián)盟6、:未知來電敢接嗎520來電,加入用戶親自爆屏及雙人測(cè)試來電指數(shù)2.2.緊跟熱點(diǎn),利用話題效應(yīng)緊跟熱點(diǎn),利用話題效應(yīng)天天P圖全民COS武媚娘抓住武則天熱播的契機(jī)推出了風(fēng)靡海內(nèi)外的媚娘妝,全民COS武媚娘的H5,一鍵上傳照片就能立刻完成媚娘妝,與萬千媚娘們進(jìn)行PK,娛樂了大眾又推廣了產(chǎn)品。網(wǎng)易娛樂神還原武媚娘被剪胸真相3.3.講個(gè)好故事,引發(fā)情感共鳴講個(gè)好故事,引發(fā)情感共鳴騰訊:你,錯(cuò)過了多少次暴富機(jī)會(huì)騰訊:你,錯(cuò)過了多少次暴富機(jī)會(huì)錯(cuò)過了個(gè)體戶迅猛發(fā)展的年代,錯(cuò)過了互聯(lián)網(wǎng)新興的年代,錯(cuò)過了房地產(chǎn)暴富的年代類似韓寒用打印機(jī)形式,騰訊采用碎紙機(jī)交互形式,呈現(xiàn)錯(cuò)過,用復(fù)古封信、錢票等展現(xiàn)不同年代。4.47、. 流暢的互動(dòng)體驗(yàn)流暢的互動(dòng)體驗(yàn)“液體主義”杜蕾斯與竇唯以及全球十二位青年藝術(shù)家合作的意識(shí)流畫展結(jié)合線下活動(dòng),線上運(yùn)用H5美術(shù)館形式,用戶指尖游走,設(shè)置尋找其他主題館鑰匙等互動(dòng)形式,線條流動(dòng),視覺炫酷。前期跟前端設(shè)計(jì)師(IT技術(shù))進(jìn)行溝通,討論頁面中元素的動(dòng)效呈現(xiàn)。例如一些元素的位移,繪圖,旋轉(zhuǎn),翻轉(zhuǎn),縮放,逐楨,拭擦、淡入淡出,粒子效果,照片處理、3D展示效果、吹氣、錄音、指紋識(shí)別等。 設(shè)計(jì)與交互動(dòng)效 植樹節(jié):微信種樹拭擦效果包裝為撥開霧霾搖一搖重力感應(yīng)讓樹苗長高可口可樂可口可樂 語音祝福瓶語音祝福瓶語音錄制功能百度iBreath智呼吸手機(jī)放平對(duì)準(zhǔn)音響出吹氣可以測(cè)出健康值利用手機(jī)重力感應(yīng),吹8、氣產(chǎn)生的聲效而包裝為智能測(cè)試點(diǎn)擊效果,用指紋設(shè)計(jì)在設(shè)計(jì)上花心思 增強(qiáng)用戶參與感音樂播放,用黑膠唱片設(shè)計(jì)頁面設(shè)計(jì):用640X1136進(jìn)行設(shè)計(jì),參考線會(huì)標(biāo)在960高的地方,主要元素最好不要過高以適配各種機(jī)型。其他安卓機(jī)器前端切圖時(shí)可以適當(dāng)拉伸,變化不會(huì)太大就不用每個(gè)進(jìn)行適配。響應(yīng)式設(shè)計(jì):頁面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方式由多方面組成,包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。如何實(shí)現(xiàn)?我司銷售管理部技術(shù)組需提前溝通形式及創(chuàng)意翻頁?微游戲?交互動(dòng)畫?動(dòng)效呈現(xiàn)方式設(shè)計(jì)圖層切割分享的頭像及文案等可從微游戲庫選取“玩法”項(xiàng)目根據(jù)模板完成設(shè)計(jì)稿,技術(shù)組配合上線。在線工具網(wǎng)簡單互動(dòng)的翻頁:MAKA、易企秀、秀米、初頁、兔展等對(duì)動(dòng)畫要求較高的創(chuàng)意需求: Epub360Epub360、VXploVXplo、HypeHype等等VxploVxplo互動(dòng)大師互動(dòng)大師易企秀外聘注意時(shí)間和費(fèi)用成本,版本專利權(quán)、代碼、推廣資源等謝謝
運(yùn)營管理
上傳時(shí)間:2022-06-15
9份
運(yùn)營管理
上傳時(shí)間:2022-06-14
9份
運(yùn)營管理
上傳時(shí)間:2022-08-29
13份
運(yùn)營管理
上傳時(shí)間:2022-08-12
24份
運(yùn)營管理
上傳時(shí)間:2022-08-03
10份
運(yùn)營管理
上傳時(shí)間:2022-08-12
13份