B2C商城系统设计书.doc

爱美丽（Amli）商城系统设计（B2C护肤品商城） 一、B2C商城功能介绍 B2C网站最主要的功能，也就是比较共性的功能，从使用角度来讲主要包括以下几个方面： 1、商品的展现：告诉用户本网站主要卖什么东西、怎么个价钱； 2、商品的查找：让用户快速找到自己感兴趣的东西； 3、购物车的添加和查看：告诉用户你已经挑选过什么东西； 4、配送的方法：告诉用户如何才能把商品拿到手； 5、订单的结算和支付：告诉用户应该付多少钱和付款的手段； 6、注册登录：获得用户有效信息； 7、客户中心：告诉用户都买过什么东西； 8、帮助、规则、联系方式等相关页面展现。 从内部逻辑角度来看B2C网站核心的功能应该包含以下逻辑：1、展现逻辑；2、品类逻辑；3、导航逻辑；4、搜索逻辑；5、购物车逻辑；6、物流、运费逻辑；7、订单结算逻辑；8、支付逻辑；9、用户注册逻辑；10、用户权限逻辑；11、订单跟踪逻辑；12促销逻辑等。 二、爱美丽商城简介 “爱美丽”商城是以以提供女性护肤、化妆等时尚问题的解决方案为主要服务的互联网站。“爱美丽”立志提供各类护肤品、化妆品知识教学，教会万千女性如何选择护肤品，如何打造适合自己的妆颜，并提供各种流行信息、时尚情报、生活品味以及购物乐趣希望能透过网站所提供的服务，满足所有女性内心真正的渴望，让女性的每一天的生活都是一种幸福的享受。“爱美丽”商城购物流程如图1所示。 是否注册用户 是否注册用户 是 否 登录 注册 确定为非注册用户 确认或修改收货人地址及电话 填写收货人地址、电话并确认 选择支付方式 货到付款 在线支付 生成订单 物流配送 验货 验货并签收 支付现金并签收 购物完成 确认购买 优惠券/返利 浏览商品 选择要购买的商品 放入购物车 继续购物 购 物 流 程 三、“爱美丽”商城系统设计 “爱美丽”商城系统共分为两大模块，前台模块和后台模块。前台主要控制商品的展示和销售等业务流程，而后台则控制商品的各种操作以及系统管理等。前台模块包括用户注册、产品导航/展示、产品搜索、购物车、账户中心、帮助中心六部分，如图2；后台模块包括管理员登录、会员管理、订单管理、产品管理、系统管理、库存管理六部分，如图3。 用户注册 用户注册 产品导航/展示 产品搜索 购物车 账户中心 帮助中心 前 台 模 块 图2 系统前台模块 管理员登录 管理员登录 会员管理 订单管理 产品管理 系统管理 库存管理 后 台 模 块 图3 系统后台模块 （一）前台模块总体规划 前台的功能划分主要根据重要页面，包括： 主页：网站的主页，最重要的页面。展示导航、网站定位、最新产品、各个页面的入口等。 一级目录主页：一级目录的主页，针对该一级目录的主页进行特定的设计。重点是按各类促销类型呈现该目录下的产品。 产品列表页：列出该二级、三级...N级目录下面的产品。 产品详细页：某个产品的最终详细页面，在这个页面显示该产品所有信息，并提供购买的入口。 购物车：产品到结账中间的暂存处。 结账流程（多个页面）：利用传统的多页结账，视同实际需求来选择。 我的账号（多个页面）：订单查询、信息维护、地址维护等。 1.主页设计 针对网站实现的功能，主页的设计主要分为以下几个模块： ①Logo ②顶部快速链接（登录/注册入口/我的购物车） ③产品搜索 ④网站促销广告 ⑤产品目录 ⑥主广告 ⑦推荐产品列表（热销/特价）⑧帮助链接 ⑨版权 ① ① Logo ② 登录/免费注册/我的购物车 ③ 产品搜索 ④ 网站促销广告 ⑥ 主广告 ⑦ 橱窗式产品列表 热销 特价 ⑤ 左侧导航 包括目录、品牌、促销分类等 ⑧ 帮助链接 ⑨ 版权 2.一级目录页面、产品列表页面、产品详细页面按照以下分类设计： 沐浴乳 沐浴乳 身体乳霜 洗发/护发系列 手部护理系列 活肤抗皱 美白淡斑 补水保湿 润唇护唇 眼部护理 面膜鼻膜 产品分类 面部护理 身体头发护理 根目录：产品分类 一级目录：面部护理 身体头发护理 二级目录： 产品分类-面部护理：补水保湿 美白淡斑 活肤抗皱 眼部护理 润唇护唇 面膜鼻膜 产品分类-身体头发护理：沐浴乳 身体乳霜 洗发/护发系列 手部护理系列 3.购物车设计 购物车的设计非常重要，它作为一个中间的试题，联系着产品、结构和订单。设计优秀的购物车功能，对于提高购物车转换率，增加销售非常有帮助。 前台商品页面 按钮：立刻购买 加入购物车 加入购物车页面： 按钮：继续购买 去结算（跳转的页面与立刻购买跳） 购物车自身功能 删除 修改数量