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

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

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

~鼓掌~

~撒花~

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

以下內(nèi)容由獲獎(jiǎng)代理商提供：

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

 

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

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

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

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

第二部分今日秒殺：

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

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

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

第四部分商品圖：

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

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

還有很多不足之處，請(qǐng)多多指教！

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

謝謝大家。