現在很多企業都希望通過H5來向大眾展現自己的企業文化和信息，就像我下面為大家展示的這款H5案例一樣，通過互動和視頻的形式來展現建黨100周年的活動主題——“2021，送你一張船票”！
一、創意定位
這個建黨100周年線上創意H5作品。以“2021，送你一張船票”為主題，以橫向長圖的形式讓用戶徜徉在歷史長河中，從而讓用戶更了解黨的歷史和珍惜今天的美好生活。
二、整體邏輯
橫屏作品。大致邏輯：① 微信授權；→ ② 劇情鋪陳；→ ③ 100年建黨大事件瀏覽；→ ④ 生成船票。
① 微信授權：獲得用戶頭像和昵稱，最后生成海報環節使用。
② 劇情鋪陳：Loading即放出主題“一張船票帶你穿越百年”，然后，黑白灰色調幾張圖講述中國從鴉片戰爭后，山河破碎，人民生活在水深火熱中，此時，誕生了中國共產黨。然后，彈出第一道交互題目：中國共產黨誕生于哪年？（1921年），再輸入用戶的出生年份，點擊“出發”，即進入下一個環節。
③ 100年建黨大事件（32個）：點擊“前進”按鈕，跟隨這條誕生中國共產黨的船，一路徜徉于歷史長河。大事件列表：
（1/32）開天辟地大事變：1921年，中國共產黨成立。（交互問題一）
（2/32）第一槍：1927年，南昌起義打響武裝反抗國民黨反動派的第一槍。
（3/32）星星之火，可以燎原：1927年，首個農村革命根據地在井岡山建立。
（4/32）偉大遠征：1934年10月，中央紅軍開始兩萬五千里長征。
（5/32）浴血奮戰：1937年，全民族抗戰爆發。
（6/32）將革命進行到底：1949年4月，人民解放軍占領南京“總統府”。
（7/32）沒有共產黨，就沒有新中國：1949年10月，中華人民共和國成立。（交互問題二）
（8/32）人民翻身做主人：1950年，新解放區土地改革開始；1954年，新中國第一部憲法頒布。
（9/32）“我們的身后就是祖國”：1950年，中國人民志愿軍抗美援朝出國作戰。
（10/32）百廢待興：1955年，第一個五年計劃期間，發現克拉瑪依油田。
（11/32）艱苦奮斗：1956年，新中國第一輛汽車下線，第一架噴氣式殲擊機首飛成功。
（12/32）紅旗插上珠穆朗瑪峰：1960年5月，中國登山隊員成功登頂珠穆朗瑪峰。
（13/32）震驚世界：1964年，中國第一顆原子彈爆炸成功。（交互動作，點擊原子彈爆炸）
（14/32）奮起直追：1970年，“東方紅一號”升空；1974年，第一艘核潛艇入列。
（15/32）改革開放：1978年，黨的十一屆三中全會召開，改革開放拉開大幕。（交互問題三）
（16/32）香港回家：1997年，中國對香港恢復行使主權。
（17/32）澳門回家：1999年，中國對澳門恢復行使主權。
（18/32）擁抱世界：2001年，中國正式加入世貿組織。
（19/32）星辰大海：2003年，中國人首次進入太空。（交互動作，上滑火箭發射）
（20/32）打通“天路”：2006年，青藏鐵路全線通車。
（21/32）世界舞臺：2008年，北京舉辦第29屆奧運會。
（22/32）文明盛宴：2010年，上海世博會開幕。
（23/32）中國夢：實現中華民族偉大復興，是中華民族近代以來最偉大的夢想。
（24/32）八項規定聚民心：2012年，中央政治局出臺改進工作作風、密切聯系群眾八項規定。
（25/32）“一帶一路”：2013年，共建“一帶一路”倡議提倡。
（26/32）千年大計：2017年，中國設立雄安新區。
（27/32）大國重器：黨的十八大以來，港珠澳大橋、“中國天眼”等創新成就涌現。
（28/32）服務全球：2020年，北斗系統完成組網，服務全球。
（29/32）人民至上，生命至上：2020年，抗擊新冠肺炎疫情斗爭取得重大戰略成果。
（30/32）全面小康：2020年，中國832個貧困縣全部脫貧摘帽。
（31/32）時代史詩：從2020年到2035年，基本實現社會主義現代化。
（32/32）偉大復興：從2035年到本世紀中葉，建成富強民主文明和諧美麗的社會主義現代化強國。
橫向自動播放，點擊“暫停/回看”，出現大事件導航列表，已經瀏覽的事件，可以回看，未看過的事件無法導航點擊。播放完畢，直接進入最后的海報（船票）生成頁。
④ 生成船票：船票包含用戶的昵稱和頭像，用戶可以選擇大事件，更換相應背景。點擊確定，生成海報。點擊分享，彈出引導分享蒙層。
三、設計交互形式
以仿真漫畫形式，把100年大事件一氣呵成，畫面精美，過渡自然。多處交互均設置了引導提醒，讓用戶在徜徉歷史長河大事件時，仍需思考和參與。最后生成的船票，既與用戶相關，又精美好看。
四、用戶體驗度
這樣學習黨的歷史，生動形象，沉浸其中，竟然一件件，隨著小船直接看到最后。這個H5內容太豐滿啦，值得收藏。
通過以上H5案例，讓大眾了解到我們建黨100年的艱辛歷程，通過詳細地日期，讓用戶更有感觸，如果你想看更多經典展示型推廣H5營銷案例，就請您來藍橙互動，我們可以為您提供有關案例！
相關閱讀：
掃碼為你提供幫助
