今天，随着电子商务和网上购物的快速发展，有必要建立一个购物中心网站。您可以浏览《有了淘宝京东，为什么还要自建商城网站?》以获得测试独立购物中心的好处。但是，建立一个购物中心网站并不简单。幸运的是，市场上有很多网站建设平台。起飞页面的自支撑平台就是其中之一。您可以在起飞页面的帮助下轻松构建一个美观实用的购物中心网站。然而，小飞最近听到许多网站管理员抱怨说，使用产品图片和视频背景安排网站布局是不明智的。不是这种情况。今天，小飞在2017年专门编制了10个最受欢迎的购物中心设计实例。我希望给大家带来一些灵感和灵感。

1.简单巧克力

Simply Chocolate是一家位于丹麦哥本哈根的巧克力公司。该公司的网站设计结合了视差滚动和微妙的悬浮效果，整个网站非常生动有趣。当您打开网页的第一个屏幕时，不同的巧克力产品将向上滚动，第一个屏幕将更改相应的颜色。向下滚动主页时​​，屏幕中央会出现一块巧克力，巧克力下的杏仁和薄荷叶等元素向上浮动。将鼠标移到巧克力棒上，会产生裂缝，就像撕开袋子的包装一样，点击进入巧克力详细信息页面，如成分列表，产品外观等。这种不寻常的动态设计可为用户带来全新的浏览体验。有些人担心太多的动态设置会让用户感到眼花缭乱，但事实并非如此，因为网站背景一次只关注一个产品，每次滚动我只能看到巧克力的介绍。

启示录：独特的视差效果和悬浮效果可以突出产品。

2. Kvell

Kvell是一家经营现代家居用品的公司，其商场网站非常漂亮。网站主页清楚地显示了网站的各个块，如导航按钮，购物车，CTA按钮，用户可以点击“发现”进行产品浏览，屏幕上的水平滚动条是一个很好的助手，显示产品大类。当然，这些块可以进一步细化。例如，用户可以单击汉堡按钮以打开垂直导航菜单，或单击水平滚动条的按钮以进一步了解产品子类别（子类别页面还有一个垂直滚动条以获得帮助，回显回声）。尽管网站的各个部分都是独立且独立的，但它们的整体风格是一致的：明亮的配色方案，超大的字体和简单的产品图像。

启示录：新颖的导航设置让用户更加兴奋地探索网站。

3. Drybar

Drybar被称为“美发行业中的星巴克”。它不会剪发，不会烫伤，只提供专业的发型服务，在竞争激烈的美发市场创造自己的世界。其优秀的商城网站也有助于这一过程。减。 Drybar的商城使用明亮的网站颜色匹配，微妙的浮动动画，个性化功能和独特的网站风格。在网站的主页上，主导航菜单由各种图标的链接组成。将鼠标放在其上，每个图标中都会显示一些微妙的动画，并会出现一些下拉菜单。这个设计非常有趣。通过单击它们，用户还可以快速访问相应的页面。 “关于我们”页面使用徽标的黄色吹风机图标。当用户点击图标时，它会上下缩放。一般来说，这种设计使整个网站变得有趣，但并不繁琐，给用户带来正确的感觉。

启示：明亮的色彩匹配和悬浮效果为用户提供高质量的反馈，使购物体验更加愉快。

4. Nordstrom

Nordstrom提供各种产品，从时尚服饰，配饰，鞋袋，家具到厨房用品。对于拥有如此多种产品的商城网站，最大的挑战是如何让用户快速找到他们想要的商品。 Nordstrom在网站上使用了大型导航菜单，其中包括节日礼品，设计师系列，男士产品，女士用品，儿童用品，清仓区等。列中还有其他细分。此外，网站上的“搜索”按钮也非常明显，用户可以直接输入相关的关键字进行查找。这些设置都有助于改善用户的浏览体验。

启示：产品丰富的商城网站最好设置产品过滤选项，以增强用户体验。

5.北方主义

Northernism专注于手工制品，更注重产品的简洁性和设计的美感。商场网站的设计也是基于此。它放弃了传统的商场设计模式，但将产品图像和文字放在固定的网格上，以达到明亮的感觉。这个网页格式页面只包含几个简单的图像，网站的空白区域非常丰富，这使得它看起来更高。

启示：合理使用图像可以有效改善网站的整体风格。

6.实用的人

Practical Man网站使用正式布局。强烈的色彩搭配，坚韧的线条和无衬线字体符合网站主要业务（男士和男士产品）的概念，很容易留下生动而深刻的访客。印象。此外，我们常见的商城网站通常只在网站的第一个屏幕上使用一些不寻常的设计，而其他产品页面采用常规设计。此时实用人员的处理方式非常不同，它在整个站点使用一致的设计布局，甚至将单个产品页面的信息放置在定义的网格中（例如价格，颜色，大小，概述等） ，设计非常新颖独特。

启示：非常规商城设计很容易建立独特的网站风格。

7.按

如果您真的想去书店但没有时间外出，请查看新闻网站，在那里您可以感受到实体书店的魅力。新闻网站充分利用漂亮的图片和漂亮的排版，在真正的书店营造出宁静的氛围。第一个屏幕具有幻灯片效果，背景图像将一个接一个地出现。当你拉下鼠标时，你可以看到不同类型的书籍封面，封面图像的背景是实心的（黑色或白色，这是为了减少对用户不必要的干扰）。将鼠标移到书的封面上，将显示详细说明。

启示录：少即是多，简单的布局也可以传达丰富的信息。

8.分开书

A Book Apart也是一个商场网站，销售相关产品，如书籍。这个网站也充分利用自己的优势，而不是使用美丽，美丽的背景图像，但有丰富的书籍封面，以协助产品销售。在展示一系列书籍时尤其如此。

启示：商场设计可以充分结合自己产品的特点。

9. Ada Blackjack

Ada Blackjack是一个销售手工包和皮具的品牌。虽然该网站的整体设计是传统的而不是新颖的，但它非常适合使用大型图像。大多数产品图像都非常简洁干净，这可以使产品本身散发出魅力，同时也让用户专注于产品的质量。此外，网站的徽标和主导航菜单是固定的。当用户向下滚动或进入单个产品页面时，它们都保持不变，便于用户点击。

启示录：简单的图像可用于突出产品的高品质。

10. Bellroy

Bellroy是一个销售钱包的商场网站。它的主页布局比较简单，主导航菜单，购物车，CTA按钮等。但是，当你深入研究它时，你会发现这个网站实际上有很多不同的产品页面，不同的重点是不同的产品。此外，Bellroy还在网站上插入了一个有趣的演示视频，以Slim Your Wallet教程为例（见下图），比较插入多张卡片和更换时常规钱包和Bellroy钱包的状态。整个过程是动态的。为了突出Bellroy钱包的容量和便利性，这些视频和动画可以有效地促进用户的购买行为。

启示录：有趣的演示视频和互动教程可以极大地提高用户的购买欲望。

来到起飞页自助网站（http://www.qifeiye.com/?t_wd=a5）建立自己商场的网站！