高手是如何做改版的?來(lái)看智行10.0設(shè)計(jì)改版案例復(fù)盤(pán)
Hey,親愛(ài)的小伙伴,你期待的旅行是什么樣的?
很高興在 22 年末,智行 10.0 帶著輕快的步伐與大家見(jiàn)面啦!
新年新面貌,全新智行希望為小伙伴來(lái)年的旅途提供更優(yōu)質(zhì)服務(wù),增添一份好心情。
下面就來(lái)看看,智行 10.0 的構(gòu)思與成果吧~
智行,作為一站式旅游出行平臺(tái),已覆蓋火車、機(jī)票、汽車票、酒店等業(yè)務(wù)。近年來(lái),更是以親民的價(jià)格吸引了越來(lái)越多的年輕用戶,其中 90 后及 00 后占比高達(dá) 75.2%。前期調(diào)研中我們發(fā)現(xiàn),與核心用戶年輕化趨勢(shì)形成反差的是,智行的界面風(fēng)格調(diào)性更多被評(píng)價(jià)為"商務(wù)"、"嚴(yán)肅"。因此,褪去舊殼,以嶄新活力之姿擁抱年輕群體是智行 10.0 需要探索的方向。
項(xiàng)目初期,為使改版的感情調(diào)性更貼近用戶出游場(chǎng)景,我們?cè)趫F(tuán)隊(duì)內(nèi)部及用戶渠道收集了大量關(guān)于"旅行"的聯(lián)想關(guān)鍵詞,其中包括:愉悅、輕松、有趣、探索...等等。這些美好的詞匯,描繪了大家對(duì)未知旅程的期待與憧憬。
由此,我們提出「旅行,是對(duì)自由與快樂(lè)的向往」作為 10.0 升級(jí)的主線。
我們希望通過(guò) 10.0 升級(jí),提升體驗(yàn)及服務(wù)品質(zhì)同時(shí),打破工具類產(chǎn)品較為沉悶的使用感受,挖掘旅行中快樂(lè)的情緒內(nèi)核,以輕盈有趣的設(shè)計(jì)傳遞"快樂(lè)旅行,自由出發(fā)"的生活態(tài)度,做有價(jià)值有溫度的 OTA 產(chǎn)品。
以此,我們確立 10.0 的設(shè)計(jì)目標(biāo):
- 輕盈有序 · 打造高效預(yù)訂體驗(yàn)
- 情感傳遞 · 旅程的貼心陪伴者
- 品牌外化 · 構(gòu)建品牌記憶點(diǎn)
1. 全新 10.0 框架 更輕量
智行始終致力于讓用戶訂得高效、訂得安心。然而擴(kuò)充的業(yè)務(wù)場(chǎng)景和功能,使頁(yè)面結(jié)構(gòu)不堪重負(fù),密集的信息和堆疊的模塊影響了用戶的預(yù)訂體驗(yàn)。10.0 全新框架語(yǔ)言,希望通過(guò)有效的視重引導(dǎo)及清晰的頁(yè)面展示,降低操作費(fèi)力度,打造高效預(yù)訂流程。
"輕"頭部色彩 操作更聚焦
色彩是影響視重的重要因素。10.0 的升級(jí)中,我們將框架語(yǔ)言的背板色由品牌重色調(diào)整為明亮通透的淺色,有效將視重由頭部轉(zhuǎn)移至高頻操作區(qū),為用戶營(yíng)造專注沉浸的下單體驗(yàn)。同時(shí),輕量的頭部使頁(yè)面更具呼吸感,緩解舊版"沉悶"、"商務(wù)"的視覺(jué)感受。
"輕"信息展示 預(yù)訂更友好
清晰的信息展示可有效降低預(yù)訂流程中的操作難度及決策成本。我們對(duì)頁(yè)面信息進(jìn)行分類重組,通過(guò)字號(hào)大小間距等手段擴(kuò)大信息層級(jí),凸顯關(guān)鍵決策信息。并在有限的頁(yè)面空間內(nèi),精簡(jiǎn)信息,降低信息密度,增加透氣感,提升閱讀友好度。
2. 全新首頁(yè) 讓營(yíng)銷變有趣
首頁(yè)是獲悉智行業(yè)務(wù)種類和流量分發(fā)的第一道關(guān)卡,業(yè)務(wù)入口的清晰展示對(duì)用戶查找和后續(xù)轉(zhuǎn)化極為關(guān)鍵。新版首頁(yè)在使用 10.0 框架的基礎(chǔ)上,用重色光感色塊襯托智行四大業(yè)務(wù)入口,增強(qiáng)點(diǎn)擊感。同時(shí)我們將業(yè)務(wù)線入口作為營(yíng)銷載體,融入動(dòng)效,使?fàn)I銷活動(dòng)的曝光更立體有趣,為各業(yè)務(wù)線導(dǎo)流及增長(zhǎng)起到了正向的作用。
我們希望智行 10.0,不僅好用而且好玩,傳遞正向情緒價(jià)值,與用戶共情,成為旅途中的貼心伙伴。我們通過(guò) IP 植入、可視化以及創(chuàng)意的視覺(jué)喚新等手段一改智行往日"嚴(yán)肅"的形象,為用戶提供更溫馨友好的服務(wù)。
1. IP"小智" 陪你環(huán)游世界
智行 IP"小智"自誕生以來(lái),機(jī)智可愛(ài)的形象圈粉無(wú)數(shù)。在 10.0 的升級(jí)中,我們將它融入更多頁(yè)面流程,增加情感觸點(diǎn),提升智行的品牌親和力。我們結(jié)合業(yè)務(wù)場(chǎng)景的同時(shí),為"小智"量身打造了俏皮活潑的動(dòng)作,塑造和飽滿了它的性格特點(diǎn),使其煥發(fā)生命躍然紙上。
下單助手,高效操作有"我"指引
下拉刷新,一票在手,極速出行
空態(tài)場(chǎng)景,有"我"不再無(wú)聊
2. 全新視覺(jué)語(yǔ)言 營(yíng)造愉悅氛圍
視覺(jué)語(yǔ)言是傳遞產(chǎn)品調(diào)性的關(guān)鍵要素,圍繞著"輕松愉悅出行"的基調(diào)及年輕的客群特征,我們對(duì) 10.0 的整體視覺(jué)進(jìn)行了喚新。
明快的色彩
天空是純澈與美好的匯集,正如旅行中探索快樂(lè)的本心。我們從中尋找靈感,從智行品牌藍(lán)延伸出"純凈藍(lán)",并將其作為背景色融入核心流程頁(yè)面中,營(yíng)造藍(lán)天白云陽(yáng)光暖煦的視覺(jué)氛圍。同時(shí),我們提高了輔助色的明度和飽和度,讓頁(yè)面配色更活潑。
圓潤(rùn)的圖形
我們用簡(jiǎn)潔流暢的外形結(jié)合大圓角,使圖形在視覺(jué)呈現(xiàn)上更靈動(dòng) Q 彈。疊色的表現(xiàn)形式起到 1+1>2 的效果,使圖形更豐富多彩~
輕盈的插畫(huà)
插畫(huà)用簡(jiǎn)約的造型風(fēng)格,聚焦核心功能點(diǎn)的傳達(dá)。視覺(jué)上以靈動(dòng)的線條,搭配輕盈的高明度漸變,展現(xiàn) 10.0 年輕活力的品牌調(diào)性。
3. 3D 現(xiàn)實(shí)映射 服務(wù)貼心友好
調(diào)研中我們發(fā)現(xiàn),預(yù)訂流程中,用戶面對(duì)復(fù)雜功能場(chǎng)景,時(shí)常存在這樣的煩惱:
- 功能說(shuō)明長(zhǎng),讀得腦殼疼
- 看了半天不理解,迷迷糊糊下了單
- 我是出行新手,那么多專業(yè)詞看不懂呀...
常說(shuō)"字不如表,表不如圖",圖像在傳遞信息效率和容量上都是文字的數(shù)百倍。10.0 的升級(jí)中,我們希望通過(guò)有效的可視化手段替代單薄蒼白的文字表達(dá),將信息化繁為簡(jiǎn),提升智行服務(wù)的品質(zhì)感及友好度。
我們結(jié)合功能為用戶搭建 3D 場(chǎng)景,通過(guò)營(yíng)造真實(shí)的環(huán)境氛圍,將現(xiàn)實(shí)映射運(yùn)用到功能表達(dá)中,調(diào)動(dòng)用戶真實(shí)生活中的常規(guī)心理認(rèn)知。同時(shí)結(jié)合生動(dòng)的動(dòng)畫(huà),將冗長(zhǎng)復(fù)雜的功能說(shuō)明以更直觀友好的方式呈現(xiàn)。
4. 趣味動(dòng)效 轉(zhuǎn)角遇到"小驚喜"
旅行是快樂(lè)地出發(fā),我們?cè)谙聠瘟鞒讨新癫亓嗽S多有趣的彩蛋動(dòng)效,為用戶即將到來(lái)的旅程增添不期而遇的"小驚喜"。
1. 打造全新 UI 品牌符號(hào)
品牌符號(hào)有利于品牌價(jià)值觀的外化輸出,為產(chǎn)品帶來(lái)記憶點(diǎn),同時(shí)高辨識(shí)度的符號(hào)能降低用戶對(duì)品牌的認(rèn)知成本,增加信任感和忠誠(chéng)度。由此,我們結(jié)合業(yè)務(wù)屬性及視覺(jué)創(chuàng)意打造了智行全新 UI 品牌符號(hào)~
符號(hào)的由來(lái)
創(chuàng)意上我們選取智行最具代表的火車業(yè)務(wù)為基點(diǎn),從產(chǎn)品 logo 出發(fā),衍生出抽象的火車造型。以光感的主題色漸變,增強(qiáng)呼吸感和透亮度。
讓符號(hào)"動(dòng)"起來(lái)
為了更生動(dòng)地展現(xiàn)火車迎面駛來(lái)的速度感,我們將符號(hào)"動(dòng)"了起來(lái),穿梭如風(fēng)的動(dòng)態(tài)不僅象征搶票的高效性,也為原本靜態(tài)的頁(yè)面帶來(lái)一絲小調(diào)皮。我們將其應(yīng)用到了底 bar、一級(jí)頁(yè)面切換等眾多核心頁(yè)面中。
智行 10.0,從探索、落地、驗(yàn)證到上線,歷時(shí) 10 個(gè)月。
比心每一位設(shè)計(jì)師為之付出的努力。
同時(shí)很開(kāi)心,我們收獲了用戶對(duì)此次升級(jí)的認(rèn)可和喜愛(ài)。
隨疫情的逐步放開(kāi),旅游業(yè)也將穩(wěn)步復(fù)蘇。
正如開(kāi)篇所說(shuō):「旅行,是對(duì)自由與快樂(lè)的向往」
智行期待未來(lái)與你相伴,
共同探索未知的世界,
欣賞旅途的風(fēng)景。
2023 年,和智行一起,向快樂(lè)出發(fā)~
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問(wèn):網(wǎng)站技術(shù)
本文來(lái)源:http://www.sonygallery.com.cn/seodongtai/19121.html