第一屆奪冠魔方超級頁(yè)面制作大賽的圓滿(mǎn)收官，一不小心就引起軒然大波。

當一款小程序被用戶(hù)點(diǎn)開(kāi)，從視覺(jué)體驗到抓住用戶(hù)的眼球，如何才能得到用戶(hù)的認同感和信任感？

在我們公布獲獎作品出來(lái)后，許多代理商反饋，是否可以邀請獲獎代理商分享制作小程序的經(jīng)驗……考慮到活動(dòng)的目的是為了挖掘更多精美的小程序案例，和促進(jìn)奪冠魔方各位代理商相互學(xué)習。因此，我們邀請了獲獎代理商為大家準備一系列文章供參考，希望能夠為你帶來(lái)啟發(fā)。

~鼓掌~

~撒花~

第三期：「成紀果園」
小程序介紹：不用夸張的形式去表現，而是讓人有一種視覺(jué)沖擊，使用小程序的會(huì )員大多數是女生，所以我們主打色就設計成了小清新粉色，給人一種一眼萬(wàn)里的感覺(jué)。
使用模塊：微商城、社區拼團、超級頁(yè)面。

以下內容由獲獎代理商提供：

各位奪冠成員們大家好，我們是這次優(yōu)秀獎中成紀果園的獲獎?wù)?，在此我們非常感謝奪冠總部能給我們這個(gè)獎項，接下來(lái)，我就說(shuō)一下，當初設計這個(gè)超級頁(yè)面的一個(gè)想法（注：使用微商城模塊和拼團模塊）。

 

這是一張成紀果園超級頁(yè)面的圖，我們用了功能鏈接和圖片組這兩個(gè)自定義組件，當初的想法就是怎么實(shí)用怎么來(lái)，我們就是實(shí)事求是，不需要夸張的去表現一個(gè)形式，其次呢就是給顧客的一個(gè)展現效果，讓人有一種視覺(jué)沖擊。

這個(gè)界面主要可以分為四部分：

第一部分分類(lèi)：也就是自定義組件中的功能鏈接。

上圖圓圈主要由紅色和橙色搭配，當初設計這個(gè)頁(yè)面的時(shí)候正值新年，他們家的實(shí)體店特別火爆，所以主要用紅色是為了突出喜慶，給人一種過(guò)年的喜悅之情，橙色是成紀果園實(shí)體店店面主打的顏色，也體現了一個(gè)相互呼應的效果。

第二部分今日秒殺：

用這個(gè)圖片組有兩個(gè)原因，其一成紀果園實(shí)體店每天都有幾款特別火爆的產(chǎn)品，銷(xiāo)售量特別高，是個(gè)連鎖店嘛，店家也存了很多貨，其二也是當初店家沒(méi)有購買(mǎi)秒殺這一模塊，所以我們就給他加了這么一副圖片組，與人方便自己方便嘛。

第三部分會(huì )員及專(zhuān)場(chǎng)：

當初正好遇到商城更新的緣故，出現了VIP+管理，增加了時(shí)限會(huì )員；成紀果園又有很多會(huì )員，而且每個(gè)月的11號都是他們的會(huì )員日。自然就把這兩部分放在一起了。由于他們家的會(huì )員大多數是女人孩子，主打色就設計成了小清新粉色，給人一種一眼萬(wàn)里的感覺(jué)。

第四部分商品圖：

他們依次是店家推薦、熱品推薦、新品上架前面放的醒目圖片，這個(gè)是為了迎合店家實(shí)體店的裝修以及搭配超級頁(yè)面整體的視覺(jué)效果效果而設計出來(lái)的。

上圖這個(gè)就是大多數小程序都會(huì )帶的，我們也就順便加了。

還有很多不足之處，請多多指教！

最后非常感謝奪冠魔方總部能給我們這樣的一個(gè)機會(huì )，讓我們也看到了這次比賽當中涌現出的這么多的優(yōu)秀的作品，值得我們深入的學(xué)習和借鑒。希望在新的一年，我們能夠再接再厲、勇敢?jiàn)^斗、克服困難，開(kāi)啟一篇新的征程。

謝謝大家。