▲點擊"三分設"關注，回復"社群"加入我們

Background

項目介紹

項目背景

愛心萌寵，是基于“順豐公益基金會”的線下公益項目打造的一款線上公益小游戲。

通過公益項目與小游戲相結合，進行游戲化體驗設計，運用養(yǎng)成類的游戲機制、簡單有趣的玩法、持續(xù)的獎勵，增強用戶對“順豐公益”項目的感知，提升用戶對公益的參與感，同時提升順豐用戶的活躍和粘性。

項目目標

通過公益小游戲的設計，結合游戲化的互動機制，迎合年輕用戶群體偏好，進行情感化傳達，從而提升順豐線上化產(chǎn)品的用戶體驗，豐富產(chǎn)品類型，增強用戶粘性，形成口碑傳播，傳遞順豐品牌溫度。

Part 1

設計思考

關鍵詞定位

目標人群

根據(jù)順豐大數(shù)據(jù)分析，順豐用戶大多數(shù)分布在 18 - 34 歲，用戶群體偏向年輕群體，這類群體大部分是學生、上班族。采用年輕化的設計更符合大部分用戶審美。

當代的年輕人普遍存在孤獨感，寵物陪伴是一種緩解孤獨的方式，但養(yǎng)寵物對于現(xiàn)在的年輕人并不是一件容易的事，不單是錢的問題，更多時候是時間、精力。養(yǎng)一只虛擬寵物，既減少了成本花費，同時也能獲得治愈與陪伴。

風格定位

面向年輕人的互動型游戲活動，風格需要更具年輕化，符合現(xiàn)在年輕用戶的偏好。通過用戶調(diào)研分析，“減壓”是用戶玩養(yǎng)成游戲時占比排在首位的獲得體驗，結合養(yǎng)成游戲偏慢的節(jié)奏，所以在整體設計風格上采取視覺柔和的 Q 版插畫風格。

方案探索

頭腦風暴，輸出草稿，進行方案探索。

Part 2

設計輸出

核心路徑

在愛心萌寵中，用戶擁有一只屬于自己的狗狗。通過不斷完成任務持續(xù)喂養(yǎng)狗狗，狗狗每次吃掉狗糧就會產(chǎn)生愛心，愛心可以進行公益捐贈，用戶通過愛心捐贈參與公益慈善的活動。用戶在喂養(yǎng)的過程中獲得情感寄托，與建立深層次情感連接。

主場景

主場景，可分為室內(nèi)和室外場景兩大類。為了貼合現(xiàn)在大多都市生活的用戶日常養(yǎng)狗的真實場景，選擇了室內(nèi)場景。

色彩經(jīng)過多色稿對比，最終選取暖色調(diào)，更加烘托家庭溫馨氣氛。

UI 顏色

在 UI 字體顏色的選擇上，與主場景保持一致，選用了符合產(chǎn)品關鍵詞「溫暖」的暖色系配色，使畫面看起來美觀協(xié)調(diào)的同時更具一致性。按鈕選用飽和度高的漸變色，增加年輕化和生機感。

IP形象

風格設定

設計初期通過對市面產(chǎn)品調(diào)研，發(fā)現(xiàn)扁平風格在市場中的差異化較弱，立體質感更契合年輕用戶的審美喜好， IP 風格最終選定 2.5 D 。

造型

狗狗整體形象軟萌化，視覺上柔和，更具有親和力。沒有具體品種及性別的特征，避免了與其他產(chǎn)品的 IP 形象趨同，同時避免不同用戶自身對某種品種的偏好，使形象更具靈活性和包容性。

形態(tài)

在 IP 形態(tài)的選定上，嘗試了擬人化方案（方案二），但為了更貼合現(xiàn)實養(yǎng)寵物場景，選擇了保持動物本身形態(tài)（方案一），建立形象與用戶之間的情感鏈接，增加游戲記憶點。

成長狀態(tài)

目前狗狗設定為兩個狀態(tài)，狗寶寶與大狗狗。初次進入游戲為幼寶寶狀態(tài)，通過喂食，長成大狗狗，使用戶更能深刻感受到是通過自己的喂養(yǎng)，使狗狗獲得了成長。

動效

加入動效，每次點擊狗狗就能產(chǎn)生互動，引起用戶的好奇與喜愛，喚起用戶主人意識。

功能

豐收果園入口

窗外的果樹是順豐 APP 里另一款養(yǎng)成游戲「豐收果園」的入口，將兩個原本獨立的模塊關聯(lián)起來，形成有效的鏈接與互動關系，打造游戲化運營體系。

收集愛心數(shù)量、愛心產(chǎn)生進度 

公益捐助是不斷累積的，用愛心作為載體，不斷累積愛心。愛心的累積也是對寵物喜愛的升溫，以溫度計的形式作為容器，能很好的展示愛心產(chǎn)生的進度，也更好的融入場景。

產(chǎn)生出來的愛心需要有一個容器承載，并在上面顯示愛心數(shù)，所以選用玻璃材質器皿展示。把愛心裝載于玻璃瓶子中，跟整個場景也相當契合。

紙箱

幼狗時期的快遞箱，長大后存放在左側也是為后期增加功能預留入口，同時也融入了品牌元素。

主要功能入口

功能按鈕風格卡通扁平，目的是清晰明了讓用戶識別，所以在保持整體按鈕視覺統(tǒng)一性的前提下，用顏色加以區(qū)分。

此位置主要以凸顯投喂功能，所以在布局和大小上與其他幾個按鈕作了一個差異化處理。

好友功能

好友排行榜激勵用戶去捐贈更多愛心，獲取成就感的滿足。去好友家蹭吃功能，加強了用戶之間的互動也讓這款公益游戲變得更具可玩性，增加用戶在游戲中的留存時間。

引導彈窗

引導彈窗融入 IP 元素，選取了豐收果園場景元素， 連接兩個游戲內(nèi)容，增加游戲的故事性和趣味性。

我的成就

根據(jù)捐贈愛心的數(shù)量，分為 3 個成長等級，分別為：仁愛之心、守護之心、奉獻之心。愛心榮譽以徽章形式展示，更具尊享感、榮譽感，從而促進用戶進行分享。

本頁面信息層級多，在設計上采用了卡片式布局，這樣更有利于信息的展示及用戶對關鍵信息的獲取。為了與游戲其他頁面保持風格一致，背景提取了主頁背景并虛化處理，突出主要信息。

已幫助

一部分信息在層級上不是很高，用扁平小插畫搭配暖色系配色，營造溫馨氛圍感（個別亮色是為了突出整體）。

我的成就

采用上下排版布局。根據(jù)信息層級弱化按鈕，突出打卡進度條，刺激用戶進行打卡。

仁愛之心卡片選擇用橘黃色，是因為展示在第一屏，用暖色系與整個頁面有一個過渡，看起來不會生硬。

【打卡圖標】每一個圖標上的圖案都與其關鍵詞相扣，圖標搭配黃色邊框，使之看起來更加統(tǒng)一，整個設計偏扁平輕量化，使其突出但又不喧賓奪主。

【未解鎖圖標】未解鎖圖標采用六角形狀，與勛章造型保持整體一致。

勛章的設計，主要運用王冠、鉆石、翅膀、六角勛章等元素，結合愛心、鮮花，且鮮花的花語與勛章的名稱一致（仁愛-石竹花、守護-梔子花、奉獻-梅花），既凸顯了尊享感、榮譽感，同時也傳遞了溫暖與關愛。

勛章之間是遞增關系，在設計上，每一級的勛章都比上一級的造型更加華麗，配色更加豐富。

成就展示彈窗

用戶通過不斷獻出愛心，達到一定等級后會獲得相應的榮譽稱號：“仁愛之心”、“守護之心”、“奉獻之心”?；趧渍碌燃壴O計了對應的成就獎勵彈窗。當獻出的愛心數(shù)量達到相應等級后，即會展示成就彈窗，使用戶感受到榮譽感和成就感。

彈窗設計上使用插畫風格，并根據(jù)三類成就勛章的主題：仁愛之心、守護之心、奉獻之心，選用不同類型的花作為載體，每種花代表不同的含義，跟畫面的寓意相呼應。

臘梅的花語是奉獻，表達為孩子的付出和奉獻；梔子花的花語是守護，表達為孩子支撐起一片天地；石竹花的花語是仁愛，表達對孩子的愛護和關愛。

插畫畫面淡雅清晰，加入了一些紋理筆觸更加契合公益項目的氛圍。