SAN PANG DAN

三胖蛋食品

網(wǎng)站設(shè)計方案

Web Site Design Program

Founded：2023

項目概述：

漫漫“仁”生路 高端瓜子領(lǐng)導(dǎo)品牌

“三胖蛋”專注高品質(zhì)瓜子，自建種植基地，打造“品種研發(fā)-原料種植-炒貨食品銷售渠道鋪設(shè)-品牌建設(shè)”的全產(chǎn)業(yè)鏈模式。在堅果炒貨領(lǐng)域人才儲備和科研能力競爭優(yōu)勢明顯。深入市場調(diào)研，深挖消費市場用戶痛點，以消費者需求為核心，持續(xù)提升瓜子類快消品的產(chǎn)品價值、情緒價值、社交價值、贈禮價值。秉承“十斤瓜子選二兩”的匠心篩選標(biāo)準(zhǔn)，瓜子顆顆手選，粒大醇香、無壞籽、無空殼、不臟手。產(chǎn)品好評率高于99%，復(fù)購率與推薦率屢創(chuàng)行業(yè)新高，成為行業(yè)典范，用高品質(zhì)三胖蛋大瓜子復(fù)興中國休閑文化，堅持產(chǎn)品創(chuàng)新、產(chǎn)業(yè)拓展，依托原產(chǎn)地優(yōu)勢布局品牌第二發(fā)展曲線，打造堅果系列產(chǎn)品，持續(xù)為消費者提供更高品質(zhì)的三胖蛋食品。

所屬行業(yè)：

食品用品、休閑食品、快消品

需求背景：

三胖蛋原官網(wǎng)內(nèi)容呈現(xiàn)及設(shè)計無法滿足目前公司發(fā)展階段，通過多輪供應(yīng)商評選，三胖蛋將官網(wǎng)全新設(shè)計項目委托給我們超越無限。全新官網(wǎng)需從多維度全面提升，例如：品牌宣傳即三胖蛋的優(yōu)勢、產(chǎn)品中心多元化全方位的產(chǎn)品呈現(xiàn)、三胖蛋瓜子全方位的銷售布局以及官方網(wǎng)站信息內(nèi)容輸出的權(quán)威性和內(nèi)容豐富性等。

設(shè)計理念：

通過調(diào)研分析：三胖蛋瓜子官網(wǎng)的首頁需要體現(xiàn)品牌感、種源優(yōu)勢、工藝優(yōu)勢、產(chǎn)品優(yōu)勢、新的銷售發(fā)展布局。那么品牌感如何體現(xiàn)呢，首先需要大家對于Logo印象的加深，那么我們在首頁加載頁面就用了Logo的加載動畫，通過動畫感知三胖蛋瓜子的品牌形象。加載動畫過后首先映入眼簾的是視頻背景，通過視頻背景活靈活現(xiàn)的展現(xiàn)宣傳，進一步加深對品牌的認(rèn)知度。再往下通過特殊的動態(tài)效果，直觀呈現(xiàn)三胖蛋生產(chǎn)基地、種源、工藝等得天獨厚的優(yōu)勢。

產(chǎn)品展示方面采有思維延伸的設(shè)計方法，淺顯的說法就是既展示又沒展示完整，引導(dǎo)C端用戶點擊內(nèi)頁查看更多產(chǎn)品種類，把更多的產(chǎn)品呈現(xiàn)給消費者。

銷售布局采用了地圖分區(qū)的呈現(xiàn)形式，體現(xiàn)三胖蛋瓜子的未來布局。關(guān)于我們頁面，也是大家了解三胖蛋企業(yè)的重點頁面，整個頁面一氣呵成無不充分展現(xiàn)了過往今生。擬人化的文案設(shè)計思路，三胖蛋和您打招呼，介紹其發(fā)展史，感人肺腑的勵志創(chuàng)業(yè)故事，三胖蛋的八大優(yōu)勢，以及以人為本的“仁氣”體現(xiàn)，所獲得的無數(shù)榮譽和始終貫徹的企業(yè)文化，最后我們在公益助農(nóng)，一直在行動。再說產(chǎn)品矩陣。產(chǎn)品中心是三胖蛋的銷售核心，設(shè)計上運營了柵格化、聯(lián)動式的表現(xiàn)手法，全方位的呈現(xiàn)產(chǎn)品的完美形象。其他方面設(shè)計也別出心裁，新聞中心對于視頻版塊單獨排版的設(shè)計，讓視頻欄目的排版布局不再單調(diào)，更有個性，同時對于品牌宣傳也起到了很大的幫助。

技術(shù)方案：

三胖蛋瓜子官網(wǎng)采用了超越無限自主研發(fā)的網(wǎng)站管理系統(tǒng)和流行的前端動效設(shè)計。

前端采用HTML5多端響應(yīng)式技術(shù)，實現(xiàn)了手機、平板、PC、微信、智能電視等完全自動適配、完美展現(xiàn)。效果上采用了加載動畫到種源基地的介紹，關(guān)于我們頁面的設(shè)計，為了使網(wǎng)站操作更加生動、自然且流暢，采用了CSS3、JavaScript等技術(shù)，加入合適的動畫效果，并進行頁面前端交互設(shè)計，配合著文案主題，更具有代入感，同時也兼具了趣味性，通過人機互動，身臨其境的把品牌優(yōu)勢展現(xiàn)在瀏覽者面前。

管理系統(tǒng)采用了超越無限自主研發(fā)的超級網(wǎng)站管理系統(tǒng)，在官網(wǎng)的日常內(nèi)容運營方面使用便捷、響應(yīng)時間更快、更安全，發(fā)布內(nèi)容更高效。站內(nèi)圖片和視頻量較大， 針對這些媒體內(nèi)容做了定制優(yōu)化，從而提升訪問速度和響應(yīng)速度，提升用戶的瀏覽體驗。

超越無限為三胖蛋企業(yè)發(fā)展助力。