《蕉內SVG交互圖文案例合集》
蕉內作為眾多服裝品牌之一，是如何把公眾號推文做的如此獨具特色？
今天為大家整理了8篇蕉內品牌SVG交互圖文案例，一起來看看吧。
01
Bananain蕉內?
《找 紅 包》
▲GIF演示
蕉內通過引導大家點擊兔子海報「翻轉」揭秘海報后對應的壁紙、紅包封面等內容，吸引大家互動領取紅包封面和新年禮物。
該交互需定制
02
Bananain蕉內?
《 蕉 內 即 將 著 陸 月 球 》
▲GIF演示
「點擊差速左移切換后左滑」模擬登月時刻，「點擊彈出」各個城市的門店介紹，借此宣傳蕉內的開店計劃，吸引大家入店選購。
交互對應編輯器組件/組合
組件：Apple同款-點擊差速移出+滑動(自動對齊)
編號：11903（組件）
組件：點擊彈出-彈出圖片(設置多個觸發區)
編號：10100（組件）
03
Bananain蕉內?
《雙 11 肯 定 靠 譜 攻 略》
▲GIF演示
臨近雙11，蕉內通過引導大家「點擊消失后展開」對應的省錢攻略、明星同款和會員福利，層層遞進，版面更加整齊。
交互對應編輯器組件/組合
組合： 點擊消失+展開(可嵌套展開,有觸發區)
編號： 10848（組合）
04
Bananain蕉內?
《TA 陪 趙 露 思 過 夏 天》
▲GIF演示
「點擊切換圖片后展開」引導大家陪趙露思一起過夏天，「點擊切換」后「左滑」選擇夏天的生活方式，借此宣傳蕉內的涼感防曬技術。
交互對應編輯器組件/組合
組合：點擊播放視頻號+展開
編號：11889（組合）
組合：無限選擇切換內容(兩組)
編號：11704（組合）
組件：單層滑動-左滑
編號：10020（組件）
05
Bananain蕉內?
《涼 皮 來 了》
▲GIF演示
「自動展開」Bananain蕉內品牌服飾的細節介紹，「連續點擊左移切換」查看各項衣服特性，借此宣傳蕉內涼皮防曬衣。
交互對應編輯器組件/組合
組合：自動展開
編號：10863（組合）
組件：連續點擊-左移圖片
編號：10780（組件）
06
Bananain蕉內?
《2025，蛇 來 運 轉》
▲GIF演示
「三層穿透式上滑」模擬一條紅蛇穿越圖層，依次「點擊無限次切換」查看Bananain蕉內品牌紅運禮盒，借此吸引大家購買。
交互對應編輯器組件/組合
組合：三層上滑組合
編號：11761（組合）
組件：點擊-無限選擇切換圖片(帶返回)
編號：11161（組件）
07
Bananain蕉內?
《氧 氣 來 了》
▲GIF演示
「上滑」查看新升級蕉內氧氣沖鋒衣的介紹，「左滑」查看蕉內品牌服飾的細節，借此吸引大家購買沖鋒衣。
交互對應編輯器組件/組合
組合：上滑組合
編號：11400（組合）
組件：視頻號-圖片
編號：10228（組件）
08
Bananain蕉內?
《過 個 屁 的 節》
▲GIF演示
Bananain蕉內通過「點擊切換」的交互模擬給屁股過個節，引出"過個屁的節"的話題，吸引大家討論并購買。
交互對應編輯器組件/組合
組件：點擊-切換圖片(有觸發區)
編號：10043（組件）
組件：雙層滑動-背景左滑(自動對齊)
編號：10273（組件）
組件：雙層滑動-前景左滑(自動對齊)
編號：10270（組件）
?
如果以上案例還沒有看夠，可以到「品牌時光機」交互圖文案例庫（網址：brandtime.cn）在首頁中搜索「Bananain蕉內」查看更多相關案例。
目前案例庫總案例數已達80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）