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

當一款小程序被用戶點開，從視覺體驗到抓住用戶的眼球，如何才能得到用戶的認同感和信任感？

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

~鼓掌~

~撒花~

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

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

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

 

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

這個界面主要可以分為四部分：

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

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

第二部分今日秒殺：

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

第三部分會員及專場：

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

第四部分商品圖：

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

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

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

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

謝謝大家。