久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

阿里巴巴皮革城網(wǎng)站設(shè)計總結(jié)

 阿里巴巴皮革城網(wǎng)站設(shè)計總結(jié) 三聯(lián)

  amy:在服裝服飾市場的基礎(chǔ)上,以皮革維度對市場進行強營銷。從材質(zhì)維度對買家進行導(dǎo)購,以真皮為堆頭打造品質(zhì),以革為推手促進交易,還原線下皮革市場的場景。

2定位

  從業(yè)務(wù)需求上來看,要將皮革城打造成一個相對獨立,以真皮為核心、革(潮元素)為推手的高端特色市場。由于皮草、皮革受眾多為女性,故女性化也成為皮革城設(shè)計的重要標簽。

  在此基礎(chǔ)上的特色市場設(shè)計應(yīng)區(qū)別于傳統(tǒng)的行業(yè)頻道頁面,保持相對獨立以及突出批發(fā)特色。

3風格探索-標題

  前期設(shè)計風格探索中,我們將皮革城的設(shè)計拆解為3個方向,分別是:色彩設(shè)定、質(zhì)感運用、結(jié)構(gòu)排版。

  1)色彩設(shè)定

  在色彩的探索上,跳出WEB設(shè)計的局限。收集了大量手機端、營銷設(shè)計、服裝設(shè)計的作品,包括到線下的商城去尋找設(shè)計的靈感。試圖運用視覺感受營造一種高端、以女性為主的批發(fā)市場氛圍。

4色彩

  分析結(jié)果:以紫色搭配金棕色來烘托市場氛圍,契合皮革類產(chǎn)品氣質(zhì)。

  2)質(zhì)感運用

  在質(zhì)感運用方面,需要尋找新的切入點去挖掘產(chǎn)品的個性特征。使它區(qū)別于傳統(tǒng)頻道頁面,讓用戶耳目一新。

5質(zhì)感

  分析結(jié)果:走扁平化的設(shè)計風格。阿拉伯設(shè)計師Abu Naji認為扁平化設(shè)計不僅僅是一種時尚,更是一場”反對數(shù)據(jù)過載的革命”,是一項改變過多細節(jié)的凈化技術(shù)。

  3)結(jié)構(gòu)排版

  在信息結(jié)構(gòu)的編排上,從用戶體驗的角度出發(fā),合理控制信息密度與閱讀節(jié)奏,靈活突出以真皮為主導(dǎo)的營銷策略,豐富市場信息。

6結(jié)構(gòu)

  分析結(jié)果:采用靈活的模塊化結(jié)構(gòu),強化信息分區(qū)。

7設(shè)計過程-標題

  在把握大的設(shè)計方向后,我們用解構(gòu)的方法去落實具體的設(shè)計。

  簡單的理解,解構(gòu)主義——解開之后再構(gòu)成。著名建筑師弗蘭克•蓋里曾經(jīng)說過:”建筑設(shè)計應(yīng)當抱有與科學研究相同的態(tài)度,即破舊立新,而不是對固有觀念的重復(fù)。”那么,這種方法運用到我們的設(shè)計中,即是從理解業(yè)務(wù)到打破固有模式的框架,重構(gòu)頁面。

  我們主要提煉出2個模塊來分析一下。

  1)首屏設(shè)計

  以下是我們常見的頻道頁面交互稿。

  可以看到此模塊由LOGO區(qū)、搜索區(qū)、導(dǎo)航區(qū)、類目區(qū)、BANNER區(qū)構(gòu)成。如果直接潤色成為視覺稿,信息的視覺層次會不夠清晰。我們調(diào)整重構(gòu)模塊后,得到以下視覺稿:

9視覺1

  對比一下我們做了哪些改變:

10對比1

  將原有的6個模塊打散后重新組合,整合到規(guī)整的4個模塊中去。結(jié)構(gòu)更加清晰、簡單。

  1. 加重了類目區(qū)的比重,默認突出展示女式分類,突出運營主打女款市場。

  2. 放大了BANNER區(qū)。在一期規(guī)劃中加大視覺沖擊力,營造皮革城的品牌感。也為二期規(guī)劃預(yù)留足夠的切割資源位。

  3. 相對弱化導(dǎo)航區(qū)。皮革城從基本屬性上來說,是一個聚合型引流頁面,我們希望引導(dǎo)用戶直接產(chǎn)生交易。

  2)產(chǎn)業(yè)帶模塊設(shè)計

11交互2

  交互稿中有5個產(chǎn)業(yè)帶,其中突出展示廣州與海寧。在這2個區(qū)域中需要展示30張圖片。如果不重構(gòu)頁面,最終會導(dǎo)致信息爆棚。

  我們將設(shè)計稿整理成為:

12視覺2

  加入TAB切換來靈活展示全部內(nèi)容。在承載了大量內(nèi)容的前提下,簡單的切換動畫使頁面更富生趣。

  下面來梳理一下這塊的設(shè)計思路:

13對比2

  在頁面設(shè)計中營造出音樂般的節(jié)奏感,便能有效的引導(dǎo)用戶在閱覽時有節(jié)奏的”停頓”,減少閱讀疲勞。配合區(qū)塊化的設(shè)計,有利于感知不同區(qū)塊的信息,使 用戶迅速定位及了解全局。如果不采用區(qū)塊化的設(shè)計,就需要用更多的留白空間去營造節(jié)奏感,使得頁面冗長,造成一定量的用戶流失。

15設(shè)計規(guī)范2

  BANNER的規(guī)范既可以減少運維同學的制作成本,也可以控制住頁面的統(tǒng)一性,使廣告更好融到入頁面中去。

16項目成果

  皮革城的數(shù)據(jù)從初期到穩(wěn)定期呈現(xiàn)出一個健康的上升趨勢。上線初期CTR在100%左右,穩(wěn)定后上浮50%,達到150%—160%。頁面UV在穩(wěn)定后維持在6000左右,較初期上線投放更精準。

17結(jié)語

  皮革城圍繞皮質(zhì)維度進行導(dǎo)購,顛覆了服裝服飾市場按品類導(dǎo)購的模式。它的個性化突出了服裝市場的特性,既有市場的創(chuàng)新,也是對線下皮革行業(yè)的還原。皮革城會在后期的規(guī)劃迭代中,進一步優(yōu)化,提升用戶體驗。

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學習交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产精品国产三级国产aⅴ无密码 | 国产剧情一区 | 精品一区二区视频 | 国产 日韩 欧美 中文 在线播放 | 日本大香伊一区二区三区 | 91精品在线播放 | 日韩免费在线观看视频 | 日韩中文字幕一区二区 | 91精品国产91久久久久久吃药 | 国际精品鲁一鲁一区二区小说 | 日日骚av | 久久三级影院 | 中文字幕国产 | 成人h电影在线观看 | 欧美在线视频一区二区 | 激情av免费看 | 日本特黄a级高清免费大片 特黄色一级毛片 | 精品久久ai电影 | 91精品国产91久久久久青草 | 亚洲久久久 | 日韩中文字幕网 | 久久久久无码国产精品一区 | av福利网 | www亚洲一区| 日本免费一区二区三区视频 | 国产一区二区三区四区三区四 | 中文字幕日韩欧美一区二区三区 | 久久久久久久一区二区三区 | 欧美一级淫片免费视频黄 | 91色视频在线 | 一区二区三区高清 | 国产精品国产三级国产a | 精品国产一区二区三区久久 | 午夜激情在线视频 | 精品一区二区三区中文字幕 | 成人在线免费视频 | 国产精品国产三级国产aⅴ原创 | 色婷婷综合久久久中文字幕 | 日韩三区 | 亚洲网站在线 | 亚洲高清一区二区三区 |