爱美丽(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.购物车设计
购物车的设计非常重要,它作为一个中间的试题,联系着产品、结构和订单。设计优秀的购物车功能,对于提高购物车转换率,增加销售非常有帮助。 前台商品页面
按钮:立刻购买 加入购物车 加入购物车页面:
按钮:继续购买 去结算(跳转的页面与立刻购买跳)
购物车自身功能 删除 修改数量 收藏
购物车和商品的接口
加入购物车:使用Tag/Ajax的形式提供多种加入购物车的接口。 购物车和结账的接口 结账: 4.结账 5.我的账号
(二)后台设计规划
后台总体规划
主页 订单管理 会员管理 产品管理 库存管理 系统管理 订单流程管理 会员资格 属性管理 进出货管理 角色与权限 订单归档 会员权限 产品目录 预警状态产品 运输管理 产品类型 支付管理