1， 項目簡介：
這個夏天注定有很多大事發(fā)生。滴滴代駕上線一周年，歐洲杯、奧運會接踵而至。在運營與市場部同學(xué)的共同策劃下，公司產(chǎn)出了一系列效果顯著的線上運營活動，我們作為設(shè)計師充當著非常重要的執(zhí)行方的角色。
如果將設(shè)計師發(fā)散的創(chuàng)意思維和代駕產(chǎn)品結(jié)合,將會產(chǎn)生怎樣神奇的化學(xué)反應(yīng)？如何才能更好的將設(shè)計的思維融入到作品中，提升點擊率并更好的傳播代駕產(chǎn)品？怎么變被動為主動，轉(zhuǎn)變身份角色，從單純的執(zhí)行者變成積極主動的策劃者，創(chuàng)意者？
懷著這樣的想法，趕著夏季的尾巴，我們決定和運營的同學(xué)一起策劃一場線上活動，共同譜寫并奏響了這首“夏末狂想曲”。
2， 前期準備
在前期方案設(shè)定中，我們研究了許多較受歡迎的h5案例，并希望從中汲取靈感，找到符合代駕特征的展現(xiàn)方式。下圖表格中的優(yōu)缺點均指相對代駕產(chǎn)品而言，并不針對某一具體h5類型.
考慮到代駕為一種低頻次使用功能，數(shù)據(jù)展示的類型并不十分適合。同時為了最大限度降低用戶流失率及跳轉(zhuǎn)率，我們決定將2，3兩種展示方式進行結(jié)合。
劇情設(shè)定
夏末狂歡的主題立意點在于“動”，而“代駕司機送您回家”的主題立意點卻在于“靜”。為了動靜結(jié)合，我們決定用開場的“靜”與結(jié)尾的“靜”遙想呼應(yīng)。同時內(nèi)場場景循序漸進，當熱鬧的氛圍達到最高潮的時候立刻收尾，用強烈的反差對比去凸顯代駕司機的專業(yè)可靠。
形式設(shè)定
如前所述，為了最大限度的降低用戶流失率及跳轉(zhuǎn)率，我們采用的是將信息展示及游戲互動這兩種表現(xiàn)形式相結(jié)合的表現(xiàn)形式：用圖片烘托氛圍，除必要的規(guī)則及引導(dǎo)外，刪除所有可有可無的文字部分。此外，用游戲的表現(xiàn)形式展示信息，并在信息的展示過程中穿插類似游戲的尋寶環(huán)節(jié)以制造驚喜
3， 設(shè)計過程
創(chuàng)意與形式確定后便需要開始著手具體的設(shè)計工作。由于最終的期望是盡可能的通過圖片形式烘托氛圍，設(shè)計的第一步則是分別確定各場景的畫面內(nèi)容。我們挖掘了代駕師傅線下的場景畫面，采集炎炎夏日代駕服務(wù)中的片刻剪影作為這次運營活動的設(shè)計源點。
可以發(fā)現(xiàn)代駕服務(wù)的大部分場景都聚焦于繁華喧囂的酒吧鬧市。我們采集了這些場景的共性并將之與夏日印象相結(jié)合，得到了炎熱，不安，躁動的特征。接著我們針對每個場景大致想要表達的內(nèi)容羅列了關(guān)鍵詞并收集了相關(guān)圖片制作了簡易的情緒版。
草圖
確定了每個場景的大致畫面內(nèi)容后，我們開始草圖繪制。為了追求游戲感，讓畫面活潑生動，我們打算采用散點透視的方式去繪制每個場景，使畫面開闊，內(nèi)容豐滿。我們將場景及元素構(gòu)建了一個由淺至深的虛擬空間，用戶層層體驗探尋每一道門后的秘密，猶如代駕體驗穿梭于城市每一個平凡街道，可以實時翻閱每一頁代駕服務(wù)留下的片刻畫面。
不過這樣的構(gòu)思也帶來了繁瑣的工作量。光是草圖部分的繪制就花了大約3天時間，其中最復(fù)雜的莫過于整體場景的搭建。由于人眼特征的局限性，并且平時能夠搜集到的大多是焦點透視的圖，大家對于散點透視缺乏有效的經(jīng)驗及參考。這些場景的構(gòu)建的確花費了我們大量的腦細胞。
色彩
內(nèi)容確定后重要的一步就是顏色的選擇。由于最初的設(shè)想是讓整個畫面有動靜結(jié)合的節(jié)奏，我在開場和結(jié)尾用了較為安靜的冷色調(diào)，中間場景則以暖色調(diào)為主，并且循序漸進，越來越強烈：用繽紛絢麗的暖色基調(diào)和浮華，飽滿，喧嘩的元素來營造一個激情充溢的高熱氛圍。
當然以上只是最初上色時確定的基本色調(diào)，后續(xù)我們分別對不同場景的特征，及想要傳達給用戶的感覺做了局部調(diào)整。
字體
想做好一個h5，自然不能放過每一個細節(jié)。字體部分的設(shè)計我們也做了反復(fù)推敲。
雖然整個h5在瀏覽的時候并未出現(xiàn)類似slogan的部分，但是后期宣傳的資源位（如滴滴出行app內(nèi)公告欄）則需要用簡潔的標題引導(dǎo)用戶點擊。為了配合開場神秘空靈的氣氛，標題處采用了手寫的方式并著重突出筆觸的靈動感。
完成稿
下圖為夏末狂想季的最終完成稿：
5， 項目小結(jié)
這次的活動對我們意義非凡。這是作為設(shè)計師的我們第一次將暢想的創(chuàng)意構(gòu)思與具體活動相結(jié)合，并將想法落地， 成功上線的作品；也是讓我們的身份從單純的執(zhí)行設(shè)計變成發(fā)起創(chuàng)意并參與到創(chuàng)意全過程中的第一步。相信這次項目的合作和產(chǎn)出對團隊每個人都是一次寶貴的經(jīng)驗，讓我們并受益頗多。
就項目本身而言，確實還存在著許多的遺憾。比如作為一個多人合作的項目，在設(shè)計進行的過程中并未很好的校對每個人的設(shè)計風(fēng)格，導(dǎo)致發(fā)現(xiàn)問題時已經(jīng)失去了修改的時間；比如由于時間有限，畫面動效并未做到百分百流暢，一定程度上損耗了體驗的過程。
存在遺憾才能更好的追求完美。
在活動上線后，作為設(shè)計師的我們也一直在反思，如何讓h5在好玩有趣的情況下同時可以承載品牌的特性，傳遞品牌精神？在每一次h5背后，視覺設(shè)計的部分究竟可以貢獻多少的流量？如何做到真正打動用戶而非依靠各種利益點去維持瀏覽率？這一切都是我們需要繼續(xù)探索和努力的方向。
a， 直觀的交互：權(quán)衡h5的順暢性與趣味性，堅持在用戶耐性差，接觸學(xué)習(xí)新事物積極性低下的假設(shè)下確定h5里的交互和內(nèi)容。雖然夏末狂想季內(nèi)容豐富，層層通關(guān)找尋小章魚的游戲感強，但是交互不夠直觀。
b， 清晰的利益點：對于需要用戶較多參與的h5，需要清晰明確的告知用戶走完所有流程的動機利益點。比如采訪了周圍的許多朋友，很多人都表示不知道要去尋找章魚。
c， 理解用戶：做h5好像寫文章，總分總的形式清晰易理解，但漸進的表達對用戶要求高，設(shè)計起來也更加需要技巧。我們在設(shè)計的過程中應(yīng)該更多的從非設(shè)計師的角度去審視設(shè)計，讓用戶理解h5要傳遞的實際意義，而不是僅僅停留在表面的美丑上。
我們可以吸取夏末狂想季中好的經(jīng)驗,把它固化然后運用到更多的項目創(chuàng)意中, 同時把已出現(xiàn)的問題提出避免再次產(chǎn)生，從而創(chuàng)造出更多的好作品！
以下是完整的作品展示：
