这里主要说一下首页和产品详情页的动线设计。以下关于页面配置的示意，更多基于垂直精品站而不是铺货站的逻辑。
调性设计：重点是你的品牌形象，和给用户的第一印象。 如果我售卖小猫的衣服，那么考虑到大部分小猫在主人眼里都是可爱的，我希望我的品牌也能传递这种可爱的感觉。颜色上可以选择亮黄色，粉色等，在图片上可以更多使用穿上可爱衣服的小猫猫，以及卡通图案，圆圆的字体等来加强用户对于网站的第一印象。同理如果你想做机械类产品，目标用户是男性，可能黑白灰，以及几何设计，流线清晰的字体更能展现这种科技感。如果你不知道如何选择颜色字体等，可以多看看竞品网站感受一下，并且可以使用一些工具，如Coolors等进行颜色搭配，主题色选择3个左右为佳。 动线设计：动线要清晰，不要一味模仿大牌。
作为一个还没有品牌认知，用户基础的网站，开屏除了图片和品牌名之外，一定要有足够的文字描述品牌价值和概念，可以是一句slogan，可以是一小段介绍，清晰简单（不要过度使用从句），包含你售卖的产品，以及突出你的特点。因此一张概念性质的banner不要夺走用户所有的目光，做电商第一天就想学Apple，那属实就是东施效颦了。
首屏还包含Header这个模块，一般情况下以产品分类为主，加上Contact，Blogs等提升信任感。
Banner之下的用户动线，就与你售卖的产品类型相关了。虽然都是垂直精品站，但售卖的SKU数量从1个到几百个都是有的。
如果是售卖个位数的产品，那么需要你每个产品都有足够的特点，首页就可以着墨描述What（这个产品是什么） Why（为什么买这个产品，以及产品优势）等角度直接进行大篇幅说明。 那么你的首页动线可以是Banner> 产品基础介绍 > 产品优势介绍>场景展示>用户好评/FAQ，除了文字最好多多使用Video，让首页看起来更丰富。下面是一些优秀的产品数很少的网站案例，可以感受一下，我就不展示图片了。
Fybelle – For Your Beauty
Kulala: The science of baby sleep (kulalaland.com)
State of Kind (mystateofkind.com)
如果SKU数量比较多，首页可以先呈现collection模块，让用户对网站产品有一个简单理解，比如小猫的衣服的collection，可以分为公主风，卡通风，运动风等等。然后再从每个collection中挑选出top的产品展示出来。整体逻辑为一个总分的结构。 那么你的首页主要动线可以是Banner→collection→主推产品→用户好评/FAQ 这样的一个结构。中间穿插活动banner，产品特征介绍（比如特殊的材质，功能）等。
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念，誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門(mén)戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門(mén)戶型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用（手機(jī)站、APP開(kāi)發(fā)）、微信定制開(kāi)發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號(hào)：
專屬顧問(wèn)
