首页 - 技术文章 - 网站建设实战:从0开始做b2b电子商务网站(一)
网站建设实战:从0开始做b2b电子商务网站(一)
2017-8-1

许多想涉足电商的传统行业客户,不知道怎么入手做电子商务网站。那么上海派索公司就拿自己的export.cn项目作为实战项目详细解说电商网站设计开发过程。export.cn网站功能比较复杂,整个网站设计开发过程耗时长,我们会坚持更新完。

做一个网站首先得有一个网站域名,我们采用的export.cn域名,logo设计一开始考虑的是“中国丝绸之路”这种象征意义的logo,如下图:

后来发现logo设计不够简单,结构太复杂,缩小了不好看,就最终确定采用简约易记的logo设计,如下图:


就这样定下来了logo设计。

网站详细功能需求文档也非常重要,这是网站设计开发公司(网站建设公司)报价和报时间的依据,也需要将来作为合同附件双方一起签字。这里放上export.cn网站详细栏目功能需求文档下载链接。有兴趣的朋友可以下载文档查看。

logo和网站功能需求文档都确认好了,接下来就开始做网站首页设计。首页排版布局有点复杂,所以先出首页线框图,如下图(请点击下图看大图):

首页线框图细节上调整一些内容之后,大体上觉得没啥问题,然后网站设计师会尽快设计好网站首页。那么只能等几天了。

几天后....

网站首页设计稿出来了。如下图(请点击下图看大图):

颜色是我个人比较喜欢的绿色,绿色和蓝色一样,适合页面文字长期阅读(有利于增强用户访问PV)。整个页面排版布局尽量简约、清爽,符合欧美网站用户审美观。感谢设计师把各种产品一级类别小图标也设计出来了,她花了不少时间。总体上还不错,但感觉有点和其他b2b网站雷同了。我没想用蓝色或者橘红色作为网站主色调就是希望用户能方便的把export.cn网站和其他b2b网站区分开来。目前这个首页设计稿感觉还不够区分明显,已经交代了设计师要区分明显一些,尤其是首页页头第一屏设计要和其他b2b网站区分开来。

又过了一两天......

首页设计稿,设计师听取我的意见,把首页第一屏视觉效果尽量做得与其他b2b网站不同,将logo居中了(比较少网站这么做吧?)。为了用户搜索方便同时也为了顶部元素排版布局美观,将顶部搜索条放大放宽。同时在页面其他内容做了一些细节调整。如下图(请点击下图看大图):

我看了之后,觉得可以再区分明显一些,把页头和页尾加上绿色底色。于是改成了如下图(请点击下图看大图):

这样子应该差不多了,就这么把网站首页设计稿定下来吧。下一步还得继续整理网站内页页面和页面字段内容。
未完,下次继续。