奪冠魔方超級(jí)頁面制作大賽獲獎(jiǎng)作品（三）| 小程序「成紀(jì)果園」是怎樣煉成的？

作者：奪冠小妹 2019-02-22 10:02:40

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

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

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

~鼓掌~

~撒花~

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

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

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

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

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

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

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

第二部分今日秒殺：

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

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

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

第四部分商品圖：