SAN PANG DAN

三胖蛋食品

网站设计方案

Web Site Design Program

Founded：2023

项目概述：

漫漫“仁”生路 高端瓜子领导品牌

“三胖蛋”专注高品质瓜子，自建种植基地，打造“品种研发-原料种植-炒货食品销售渠道铺设-品牌建设”的全产业链模式。在坚果炒货领域人才储备和科研能力竞争优势明显。深入市场调研，深挖消费市场用户痛点，以消费者需求为核心，持续提升瓜子类快消品的产品价值、情绪价值、社交价值、赠礼价值。秉承“十斤瓜子选二两”的匠心筛选标准，瓜子颗颗手选，粒大醇香、无坏籽、无空壳、不脏手。产品好评率高于99%，复购率与推荐率屡创行业新高，成为行业典范，用高品质三胖蛋大瓜子复兴中国休闲文化，坚持产品创新、产业拓展，依托原产地优势布局品牌第二发展曲线，打造坚果系列产品，持续为消费者提供更高品质的三胖蛋食品。

所属行业：

食品用品、休闲食品、快消品

需求背景：

三胖蛋原官网内容呈现及设计无法满足目前公司发展阶段，通过多轮供应商评选，三胖蛋将官网全新设计项目委托给我们超越无限。全新官网需从多维度全面提升，例如：品牌宣传即三胖蛋的优势、产品中心多元化全方位的产品呈现、三胖蛋瓜子全方位的销售布局以及官方网站信息内容输出的权威性和内容丰富性等。

设计理念：

通过调研分析：三胖蛋瓜子官网的首页需要体现品牌感、种源优势、工艺优势、产品优势、新的销售发展布局。那么品牌感如何体现呢，首先需要大家对于Logo印象的加深，那么我们在首页加载页面就用了Logo的加载动画，通过动画感知三胖蛋瓜子的品牌形象。加载动画过后首先映入眼帘的是视频背景，通过视频背景活灵活现的展现宣传，进一步加深对品牌的认知度。再往下通过特殊的动态效果，直观呈现三胖蛋生产基地、种源、工艺等得天独厚的优势。

产品展示方面采有思维延伸的设计方法，浅显的说法就是既展示又没展示完整，引导C端用户点击内页查看更多产品种类，把更多的产品呈现给消费者。

销售布局采用了地图分区的呈现形式，体现三胖蛋瓜子的未来布局。关于我们页面，也是大家了解三胖蛋企业的重点页面，整个页面一气呵成无不充分展现了过往今生。拟人化的文案设计思路，三胖蛋和您打招呼，介绍其发展史，感人肺腑的励志创业故事，三胖蛋的八大优势，以及以人为本的“仁气”体现，所获得的无数荣誉和始终贯彻的企业文化，最后我们在公益助农，一直在行动。再说产品矩阵。产品中心是三胖蛋的销售核心，设计上运营了栅格化、联动式的表现手法，全方位的呈现产品的完美形象。其他方面设计也别出心裁，新闻中心对于视频版块单独排版的设计，让视频栏目的排版布局不再单调，更有个性，同时对于品牌宣传也起到了很大的帮助。

技术方案：

三胖蛋瓜子官网采用了超越无限自主研发的网站管理系统和流行的前端动效设计。

前端采用HTML5多端响应式技术，实现了手机、平板、PC、微信、智能电视等完全自动适配、完美展现。效果上采用了加载动画到种源基地的介绍，关于我们页面的设计，为了使网站操作更加生动、自然且流畅，采用了CSS3、JavaScript等技术，加入合适的动画效果，并进行页面前端交互设计，配合着文案主题，更具有代入感，同时也兼具了趣味性，通过人机互动，身临其境的把品牌优势展现在浏览者面前。

管理系统采用了超越无限自主研发的超级网站管理系统，在官网的日常内容运营方面使用便捷、响应时间更快、更安全，发布内容更高效。站内图片和视频量较大， 针对这些媒体内容做了定制优化，从而提升访问速度和响应速度，提升用户的浏览体验。

超越无限为三胖蛋企业发展助力。