B2C网站架设过程

看了很多的B2C网站，各有个的设计，各有各的风格，在线条型设计和色块型设置中，网站都在偏向于线条，由于字母和汉字的书写差距，国内的导航站，B2C电商都是色块的设计，所以，美工，设计都是基于色块的设计，老外的设计风格趋于线条的设计：


对于B2C的网站：主要体现在：
        网站速度（网站的响应和加载），
        网站功能（网站的各个功能）
        网站的客户体验（网站的风格，网站的信息数据结构，网站单页的设计和数据的获取）
        网站的客户互动（针对不同纬度的客户，通过邮件的方式互动，吸引下单，或者二次下单。）

对于网站的速度和功能，这个要说的不多。
网站的客户体验：

1.网站的风格：网站的内容如果是种类繁多的物品，一般使用非常淡的底色+线条，凹凸感阴影突出重心div。

2.网站的整体数据信息结构：网站信息的部署
        分类的划分
        产品tag的划分
        产品搜索
        顶端常用信息部署
        首页部署
        产品分类过滤属性
        产品的详细页面的产品信息，物流信息，安全信息，详细描述，图片，大图展示等

        产品页面的推荐产品，相关产品等。

        支付方式，账号

        物流方式

其它的动态运营信息：譬如订单信息，热卖产品，新产品，最近评论信息等等

3.网站的功能结构：网站信息的贯通，把各个数据点穿起来，通过点击，OR ，弹出等
        网站的内链结构
        功能结构
        弹出结构
4.网站单页信息结构：
        各个页面的布局：2columns-left，1column，2columns-right等
        头部放那些比较常用的东西（必用）
        菜单栏目放的哪些信息
        面包屑导航
        首页内容部分放的信息，如果有侧栏，侧栏放的信息。
        尾巴放的信息
        其它：营销类的信息（用来放一些促销，特价，特色，重点突出的信息）
5.网站的设计：
        色调风格（和产品挂钩，多品类产品建议用线条+淡底色）
6.细致设计DIV部署：
        头部：头部一般被划分成2行，
                1.第一行一般为高度为80px左右的一行，用来放多语言，多货币，登录状态，我的账户中心，联系我们，帮助中心，在线livechat等，
                2.第二行一般为：log，搜索（按照分类搜索），购物车信息（购物车信息，鼠标放上后弹出购物车信息）。
        菜单：分为左侧菜单和顶部菜单，这里只说顶部菜单
                1.顶部菜单：一般选用3层菜单，菜单里面的内容方式有：纯文字性菜单，菜单图片+菜单文字性，菜单文字+营销图片，菜单文字+多图片+网站说明信息，等等
        面包屑导航，一般是图片+文字的方式
        内容部分：
                1.首页：首页的内容第一层一般为走马灯大图片，然后，下面+几个促销的小图（有的也没有），然后，下面的东西，各个网站有各个网站的不同，大站喜欢放一些有个性的分类导航图片或文字，小站喜欢放产品列表，还有的是一堆非常漂亮的图片的罗列，点击后进入产品或分类页面，总之，这些部分，通过各种方式放这些信息，让页面美观大方的展现出来，让客户更快的了解网站的信息
后面还会放一些其他的信息，譬如社区分享，热卖产品，评价量高的产品，最高点击量产品，等等，
对于首页，一定要美观，极限的接近Pinter网站的效果，这里美观有时候要隐藏一部分文字信息，让图片站主导地位。
对于首页显示的产品，不易过多，尽量不要超过2列，而且要保证这些产品得有40%以上的人有兴趣，不然就浪费了版面
如果出现促销图片，一定要符合整理风格。
                2.产品分类页面：这个页面都差不多，左侧是子分类，然后是属性过滤，有的在下面放一些推荐产品
右侧顶端放产品图片，然后放toolbar，然后产品列表，然后放分类description，然后，有的放产品的最近评论信息，来突出seo。
                3.产品详细页面，这个页面是产品的详细页面，这个页面是客户点进来获取信息，如果感觉可以就会加入购物车，所以这个页面要整洁，大方，信息突出
不能乱糟糟的，一般是左侧放产品图片，和子图，弹出或放大镜的方式显示产品大图，右侧放产品名name，sku，custom  option Qty，price，热价倒计时，加入购物车，加入wishlist，加入compare，购物的支付安全信息，购物的物流信息，譬如freeshipping，24小时内到货，等等，由于东西比较多，一定要注意页面的简洁，工整，购物车按钮，价格部分的div突出，一般用div框起来，然后阴影圆角突出。总之这个部分很重要
产品的相关产品：买了的人还买了什么（有的放到产品图片下面，有的在加入购物车后弹出这个部分），组合购买，譬如买手机后，买耳机等从属部件。
产品的详细信息：产品的详细参数，详细描述
产品的评论信息，对产品的各个评论信息，以及评论功能。
产品的tag信息
产品的问答信息，论坛关联信息。FAQ等
产品的free shipping信息等
                4.购物车页面，一般为购物车信息，交叉产品，优惠劵信息，货运计算信息

                5.特效层部分： 为了信息的全面和页面的美观，特效层作为客户聚焦某块信息的详细备注，访问用户快速操作等目的而存在。
                        左右，上线切换层：首页的走马灯图片，左右上下移动的产品列表，上下加载的订单信息等。
                        区块弹出层：
                        菜单弹出层
                        顶端购物车弹出层
                        顶端登录弹出层
                        产品放大镜
                        第一次访问的广告弹出层
                        第一次访问的下拉弹出层
                        半弹出层：
                        产品信息弹出层，譬如鼠标放到产品图片后，弹出产品的某部分信息，分为外弹出，和内弹出（半透明的方式覆盖到图片上面）两种
点击弹出层：产品大图
                        下拉页面弹出层：回到顶端的图标，下拉后顶端显示产品图片和加入购物车按钮的半透明div
鼠标覆盖层：鼠标覆盖后改变样式。
                        ajax加载成功后返回的数据信息，譬如加入购物车成功后，返回买了的人还买了什么的信息。

7 风格：div内部部署：经过了div内部放到信息内容的分配，最后就需要设计div内部信息的排放了
在设计之前，需要决定网站的风格需要：
        1.主题的字体类型，字体大小，菜单div的字体类型，方式，大小，
        2.div的width和height
        3.div外部的线条的设计：阴影，圆角，上下左右线，上下线，左线
        4.div内部信息的部署。图片加入的大小，个数，图片和文字的排版等
        5.图片的色调与主题一直，
        6.重点div，弹出div，一般都用阴影，来凸显立体感。
对于这个部分，很多的是营销和设计的工作内容，1-6决定了客户体验的下单过程中的信息传统，7决定了客户体验中的视觉美观。
8 功能串通：经过了上面的部署，网站基本成型，可以访问，网站物流，支付，客户注册等的贯通，让网站成型
9 数据的批量处理，为了获取统计信息，网站的加载的数据更快的获取，网站销量的统计等，需要跑脚本来计算网站的各个区块的作用，来检测网站的转化率和存在的问题。


10 客户体验的升级：
对于前面产品的信息，需要更加细致的再次优化，譬如：
        1.产品的推荐产品，譬如买了手机推荐耳机
        2.买了的人还买了什么，这个需要脚本计算出来，计算出来概率，然后填写到产品属性里面
        3.在产品列表页面显示产品的其它颜色产品，鼠标放上后切换图片，产品详细页面选择颜色部分，直接是产品的缩略图。
        4.在产品列表页面通过颜色搜索出来的产品图片，不能有其它颜色的产品图片，譬如搜索绿色，不能出现蓝色的产品图片。
        5.首页热卖产品，统计计算得出
        6.产品分类页面的产品评论的脚本自动更新
        7.paypal订单状态的再次同步核对
        8.产品评论的导入，定期自动脚本发布。
        9.网站缓存策略提速
        10.网站ROI的统计
        11.daily deal功能，显示当天daily deal的产品，历史daily deal记录，未来几天会daily deal的产品（可以查阅7天内daily 的产品），增加客户的粘滞

12.邮件的使用：和客户互动的，基本上只有邮件，解决的问题：

        1客户迷惑的地方：通过客户解释某些东西，譬如网站的一些条款等
        2客户购物流程信息：订单信息，注册信息，发货信息，物流信息。
        3网站最新动态：newsletter类邮件，发送网站的更新信息。
        4提醒功能：譬如，下单后超过一个月没有再次下单的客户发送促销活动邮件，下单三个月没有下单的客户发送其它的刺激邮件让其回来
下单一个月内超过2次下单的客户发送邮件（超过N次），
登录网站后一个月没有登录的客户发送特定邮件，一个月内登录但是没有下单的客户发送特定邮件（一个月可以改成N月）
        5网站促销信息发送：譬如网站的大型活动，促销信息，清仓信息，降价信息，特色产品信息等等。
        6客户跟踪邮件：譬如客户浏览的产品次数最多的产品，客户加入购物车的产品等，支付订单，但是支付失败的客户，发送特定的邮件，附上优惠劵，打折，询问原因等让客户下单。
        7客户邮件过滤发送（通过下单，加入购物车，访问记录，等等因素，过滤客户类型），维度越多，筛选的人群越精准，发送的邮件类型越多。
        8.总之，邮件是和客户互动的一个关键的因素，在网站功能性能基本完善的情况下，邮件是一个很大的分支，当然邮件的使用的短板就是首先要知道客户
的邮箱，然后在维度划分发送邮件，因此，客户的邮箱地址显得非常的重要，这就需要想尽一切办法得到邮箱地址：
                1.在购物车下单的时候，必须注册，考虑到客户可能因为麻烦不注册的原因，在这一步加入注册得到几美金的优惠劵的功能
                2.订阅邮件得到好处
                3.facebook登录，直接填写邮箱的方法。
        9.邮件部分的重心：
                1.获取邮箱地址，
                2维度分析，过滤出来客户类别，
                3特定邮件模板针对特定维度，
                4邮件内容，针对特定维度，
                5发送邮件，查看打开率和点击率，
                6点击邮件链接，对应到网站的页面，页面的内容，针对于邮件对应的客户维度
                7经过了上面的环节，基本贯通邮件的整过过程，看似简单的流程，里面蕴含着很深的挖掘层面。