H5營銷案例與制作

1、H TM L1. 什么是H5？2. H5可以做什么？3. H5專題案例分享4. 如何快速制作H5？什么是HTML5？H5原本是一種制作萬維網(wǎng)頁面的核心語言（超文本標(biāo)記語言），由HTML5簡(jiǎn)化而來的詞匯，如今卻借由微信移動(dòng)社交平臺(tái)，走進(jìn)大家的視野。超文本標(biāo)記語言（Hyper Text Markup Language）支持的瀏覽器：Safari、Chrome、Firefox、Opera、IE9H5可以做什么？響應(yīng)式網(wǎng)站做APP微信公眾號(hào)微信小游戲微信輕應(yīng)用（商城、邀請(qǐng)函）從營銷角度來講，我們不但可以用H5在頁面上融入文字動(dòng)效、音頻、視頻、圖片、圖表、音樂和互動(dòng)調(diào)查等各種媒體表現(xiàn)方式，將品牌核心觀點(diǎn)

2、精心梳理重點(diǎn)突出，還可以使頁面形式更加適合閱讀、展示、互動(dòng)，方便用戶體驗(yàn)及用戶與用戶之間的分享，正是具備了這樣的營銷優(yōu)勢(shì)，H5技術(shù)的運(yùn)用不但為移動(dòng)互聯(lián)網(wǎng)行業(yè)的高速發(fā)展增添了新的契機(jī)，也為移動(dòng)互聯(lián)網(wǎng)營銷開辟了新渠道。H5專題案例分享但其呈現(xiàn)效果卻是目前最炙手可熱的營銷手段之一圍住神經(jīng)貓：堪稱一代流行小游戲之標(biāo)本l 神經(jīng)貓?bào)w態(tài)妖嬈，形象賤萌，表情風(fēng)騷，不斷在屏幕中扭來扭去，勾引玩家發(fā)起毫不留情地圍剿。l 游戲上手簡(jiǎn)單，又有一定的數(shù)學(xué)挑戰(zhàn)性；在醒目位置添加網(wǎng)絡(luò)流行俗語；引入競(jìng)爭(zhēng)機(jī)制，撩撥玩家的攀比心態(tài)。全民尋找房祖名：熱點(diǎn)新聞催生出的單細(xì)胞生物l 14年8月，柯震東、房祖名相繼跳入毒坑，于是此H5游

3、戲應(yīng)運(yùn)而生。你只需在一群柯震東的頭像里撈出唯一一個(gè)房祖名。l “找祖名”更傾向于眼力的比拼也就是說，更弱智。然而越傻瓜，就越流行。從功能與設(shè)計(jì)目標(biāo)來看， H5專題頁主要有以下4大類型品牌宣傳型總結(jié)報(bào)告型產(chǎn)品介紹型234活動(dòng)運(yùn)營型1大眾點(diǎn)評(píng)為電影狂怒設(shè)計(jì)的推廣頁以選擇為主旋律，復(fù)古風(fēng)格，層層推出大眾點(diǎn)評(píng)網(wǎng)上購票，網(wǎng)上選座位的最終營銷目的。首草先生的情書以一位男士的口吻娓娓道來在成長歷程中對(duì)妻子的愛與愧疚，最后引出“首草滋陰圣品，愛妻首選”的宣傳語。LEXUS NX 產(chǎn)品H5頁面體驗(yàn)和操控性極佳，頁面設(shè)計(jì)科技感十足京東的十大任性扁平化風(fēng)格，紙面質(zhì)感復(fù)古卡片，最后有小劉的小彩蛋做壓軸如何快速制作H5

4、？易企秀|免費(fèi)H5頁面移動(dòng)微場(chǎng)景應(yīng)用制作平臺(tái) (官網(wǎng):)免費(fèi)注冊(cè)易企秀賬號(hào)登錄易企秀賬號(hào)創(chuàng)建場(chǎng)景制作前，準(zhǔn)備好4個(gè)資料創(chuàng)意：展示什么，用什么方式音樂：烘托氛圍，MP3格式圖片：提前備好，視覺效果好文字：準(zhǔn)備充分，具有感染力創(chuàng)建場(chǎng)景空白自主創(chuàng)建，或者選擇一個(gè)樣例【套模板】選擇一個(gè)模板，把模板中需要修改的地方修改即可快捷制作?！咀灾鲃?chuàng)建】點(diǎn)擊“+”進(jìn)入自主創(chuàng)建，一頁一頁創(chuàng)建場(chǎng)景。在易企秀制作頁面的左側(cè)欄，易企秀官方為大家提供了許多“頁面模板”，在制作場(chǎng)景的過程中，可以參考或者直接套用頁面模板進(jìn)行場(chǎng)景創(chuàng)建。自己制作的頁面，也可以保存為“我的”模板，以供下次使用。企業(yè)賬號(hào)將自己的場(chǎng)景設(shè)置為“企業(yè)頁面模

5、板”，子賬號(hào)可以直接使用。右側(cè)的“頁面管理”五大管理操作1.復(fù)制：點(diǎn)擊“復(fù)制”2.我的模板 ：點(diǎn)擊“我的模板”，出現(xiàn)在左側(cè)“我的模板”中，可刪除3.刪除：點(diǎn)擊“刪除”4.移動(dòng)：可上下拖動(dòng)5.添加：點(diǎn)擊“+”，添加一頁10個(gè)基本組件+設(shè)置+發(fā)布組件是構(gòu)成場(chǎng)景的基本要素1.文本 2.背景 3.音樂 4.視頻 5.圖片 6.形狀 7.圖集 8.互動(dòng) 9.表單 10.特效1.文本1.點(diǎn)擊“文本”后 即可創(chuàng)建 2.單擊文本框 出現(xiàn)編輯菜單 3.雙擊文本框 進(jìn)入基礎(chǔ)編輯2.背景點(diǎn)擊“背景”后，選擇“圖片庫”中的背景，也可點(diǎn)擊“上傳”上傳圖片到“我的圖片”中3.音樂點(diǎn)擊“音樂”即可創(chuàng)建【背景音樂】1.【音樂

6、庫】為官方提供的音樂素材 2.【外部鏈接】插入網(wǎng)絡(luò)音樂鏈接 3.【我的音樂】自主上傳音樂4.視頻點(diǎn)擊“視頻”后，給場(chǎng)景添加網(wǎng)絡(luò)視頻5.圖片點(diǎn)擊“圖片”后，選擇“圖片庫”中的圖片素材或點(diǎn)擊“上傳”上傳圖片到“我的圖片”庫6.形狀“形狀”是便于用戶制作扁平化頁的素材，形狀素材和文字一樣可以做 “顏色、大小”等設(shè)置。7.圖集圖集：是幾張圖片的集合、主要設(shè)置：圖片比例、切換方式8.互動(dòng)“互動(dòng)”是方便制作者與觀看者互動(dòng)的組件9.表單表單（也叫信息收集表、報(bào)名表、信息反饋表等）是場(chǎng)景創(chuàng)建者用來收集查看場(chǎng)景的用戶反饋信息的重要工具?？牲c(diǎn)擊“表單”創(chuàng)建也可直接在互動(dòng)模板里直接快捷創(chuàng)建。10.特效特效組件是給某一個(gè)頁面加上一個(gè)特殊的效果點(diǎn)擊“特效”即可為當(dāng)前頁面選擇合適的特效。設(shè)置動(dòng)畫動(dòng)畫設(shè)置主要應(yīng)用于：文字、圖片、圖形、一鍵撥號(hào)、輸入框等組件設(shè)置方法：點(diǎn)擊組件選擇“動(dòng)畫”進(jìn)入動(dòng)畫設(shè)置頁面設(shè)置設(shè)置是對(duì)場(chǎng)景的基本信息進(jìn)行設(shè)置，主要包括：場(chǎng)景封面、場(chǎng)景名稱、場(chǎng)景描述、翻頁方式、場(chǎng)景音樂。發(fā)布“保存”只是對(duì)操作進(jìn)行保存，如果不點(diǎn)擊“發(fā)布”此場(chǎng)景未發(fā)布的編輯內(nèi)容，在場(chǎng)景分享出去時(shí)，別人看不到最新編輯的內(nèi)容。點(diǎn)擊“退出”則退出編輯頁面。制作小竅門資料準(zhǔn)備全 圖片要清楚文字要簡(jiǎn)潔 重點(diǎn)更突出制作很簡(jiǎn)單 就看熟練度場(chǎng)景有創(chuàng)意 誰也擋不住愿您出佳作 祝君展宏圖結(jié)語隨著手機(jī)硬件的升級(jí)、HTM