1.6 网上店铺的制作流程

手机网上店铺制作流程是指从设定主题、整体风格、建立网站架构、店铺页面组件设计，一直到最后的店铺维护/更新等一系列过程。图1-18即手机店铺设计与装修的主要流程架构及其细部内容。

1.6.1 规划时期

规划时期是网店搭建之前的作业，不论是企业还是个人网上店铺，都少不了这个时期。其实，进行网上店铺设计，就好比为客户做项目一样，必须经过事先的详细规划及讨论，然后才能凭借团队合作的力量，将用于网上店铺的成果呈现出来。

设定网店的主题以及客户群

“网店主题”是指网上店铺的内容及主题诉求，以服装手机网上店铺为例，应具有时尚女装主题，针对年轻女性展现服装店铺全方位的网店主题诉求，如图1-19所示。

至于“客户群”，可以理解为会进入网店页面的主要对象，这就好像商品交易的市场调查一样，一个越接近主客户群的商品，其市场的接受度越高。同样的宣传主题，但是针对的人群不同，在设计时就要考虑不同的页面风格。只有这样才能更加贴近客户群体，从而使自己的网店更具有竞争力，如图1-20所示为针对儿童的服装店铺。

其实在网上搭建店铺也算是商品的一种，怎么让网店具有高浏览率就是设计之前的规划重点，虽然我们不可能为了设计一个网店而进行市场调查，但是若能在网上店铺建立之前，先针对“网店主题”及“客户群”多与客户及团队成员讨论，以取得共识，一定可以让这个网店做得更加成功。同时也不会因为网店内容不合乎客户的需求，而导致人力、物力及财力的浪费。

绘制网店的页面规划

网店页面规划架构图是整个网上店铺的组织结构，也可以说是店内页面的分类方式，我们可以根据“网店主题”及“客户群”，考虑网上店铺需要哪些页面来放置商品及数据，这里我们以一个卖丝巾的网上店铺作为规划，有一个“首页”和四个二级页面，如图1-21所示。

链接交互设计

浏览导航就像查看商场中的不同店铺，这些导航会引导各位到想要去的地方。不过网店中的各个页面之间就不会这么直观地来引导浏览者了，此时导航按钮的设计就显得非常重要。

（1）垂直链接顺序。

此种链接顺序是将所有的导航功能放置在首页界面，使用者必须回到首页之后，才能继续浏览其他页面，优点是设计容易，缺点是浏览的时候较为麻烦。如图1-22所示的箭头就代表浏览者可以链接的方向顺序。

（2）水平与垂直链接顺序。

水平链接指的是在同级页面之间可以互相链接。同时具有水平与垂直链接顺序的导航设计便拥有容易浏览的优点，缺点是设计上较为繁杂，如图1-23所示。

设定网店店铺的整体风格

页面风格就是网店界面的美术效果，可再细分为“首页”及“二级页面”的画面风格。其中“首页”属于网店的门面，一定要针对“网店主题”及“客户群”两大需求来进行设计。至于“二级页面”，因为是放置网上店铺中的各项内容，所以只要风格和“首页”保持一致即可，界面不需要太花哨，否则会让浏览者感觉无所适从，找不到重点。

在网店图片广告设计中，颜色搭配最好保持在3种色系以内，这样的页面看起来会非常轻松，使浏览者不会产生厌烦感。

另外，各个页面中的链接文字或图片数量则是依据“网店主题”进行设计的。在此建议各位先在纸上绘制相关草图，再由客户及团队成员共同决定，最后将其设计成网店效果。这样可以减少反复修改的麻烦，也会让客户有一种被重视的感觉。

前期预算

预算费用是网店设计中最不易掌控及最现实的部分。不论是网店布局、图片编修，或是请专人设计相关组件、视频动画、店铺动态等，都有一些必须支出的费用。无论如何，各位都要将可能支出的费用详列出来，以便进行预算费用的掌控，也可以尽量避免后期与客户产生经济纠纷。

工作分配及制定时间表

专业分工是目前市场的主流，在设计团队中，每个人依据自己的专长来分配网上店铺开发的各项工作，除了可以让网上店铺内容更加精致，更可以大幅度缩减开发时间。

不过专业分工的缺点是进度及时间较难掌控，因此在分工之后，还要再绘制一份开发进度的时间表，将各项设计的内容与进度作详细规划。在团队中也要有一个领导者专职进度掌控、作品收集及与客户的协调作业，以确保各个成员的作品不仅风格一致，也可以满足客户的需求。

关于网店的资料收集

以建构一个丝巾网店为例，丝巾图片、文字介绍及店铺Logo等，都必须由客户提供。各位可以根据网店架构中各个页面所要放置的数据内容，列出一份详细数据清单并让客户提供，此时可以请团队中的领导者随时和客户保持联系，作为与客户沟通的桥梁。图1-24所示即丝巾的网店效果展示。

1.6.2 设计时期

设计时期已经进入网店实际制作的部分，最重要的是对后面工作的整合及校正错误，如如何让客户对整个网店作品感到满意，如何呈现整个网店中页面的功能，如何掌握页面之间的链接，都会在这个时期决定。

网店设计稿

最初的网店设计版面，我们应该先与客户沟通完毕后设计一个最原始的版面，在与客户达成共识后，再进行各个组件的精确设计。

网店页面组件设计

在进行网店设计之前，各位可以先将网店店招、素材图案、用于宣传的广告图片及视频动画设计好，最后进行网店效果组合。其实这个部分就是各个成员的工作内容，而分工的目的也在于此，每个人根据专长来设计网店中的各个功能组件，同时将客户所提供的图片进行调整，将文案进行修饰，等一些素材都准备完成后就进行页面的整合。

网店页面设计以及校正错误

到此步才能算网店设计，也才会真正运用到淘宝装修功能。我们先在淘宝装修中装修首页，新建自定义页面以及店铺动态页面等，然后将各个成员设计好的部分在此进行整合，以完成整个网店的搭建。网店搭建完成后，必须按照客户的意见进行进一步修改，以及针对网店中所有的功能内容进行测试，确保整个网店内容都正确无误。

因此，在之前设计工作时间表时，要记得将此段测试时间加入时间表中，免得网店搭建完成后没有进行测试的时间了。

1.6.3 保存与发布时期

保存与发布时期就简单很多，只需将整个网店内容在淘宝装修页面中进行保存并发布，就可以将网店中的效果展示在淘宝中，或在PC中输入Url地址来打开网上店铺，这就是这个时期的重点。

网店装修完毕进行保存并发布

通过淘宝装修设计与开发的网店，绝大多数还是在电脑中进行保存并发布操作的。

在淘宝中可以查看网店效果

在淘宝装修页面中保存后的网店，我们可以直接在淘宝中搜索店铺名称，也可以在网上直接输入Url地址进入网店进行浏览。

在PC端淘宝网店中添加二维码后，买家可以通过手机扫描二维码，快速进入卖家的手机淘宝店铺中，将生成的二维码打印出来，或者将其与其他平面媒体放在一起，好的广告及营销手法可以增进商品的市场占有率。

1.6.4 维护更新时期

定期对网店做内容维护及数据更新，是维持网店竞争力和宣传自己的不二法门。我们可定期或是在特定节日时，改变网店的风格样式，这样可以维系网店带给浏览者的新鲜感。而数据更新就是要随时注意的部分，避免商品在市面上已流通了一段时间，但网店上的数据却还是旧数据的状况发生。

另外，网店内容的扩充也是更新的重点之一。网店创建初期，内容及种类都会较为单一。但是时间一久，慢慢就会增加内容，让整个网店数据更加完备。因此，建议各位多去参考其他同类型的网店，或是相关数据书籍，勤做笔记，多下功夫，才能真正地让自己的网店立于不败之地。