Figma: https://www.figma.com/file/AgRAZSrtwyY6PdrlIAek8r/drink?node-id=0%3A1

这个网站的名称是“drink”，是一个销售茶和咖啡的购物类网站。

这款设计的独特之处在于，我们的设计并非依照常规，而是基于更为合理和便捷的操作体验而展开的。

首先，我们可以注意到，在页面的左侧有一个侧栏，它集合了类别、产品搜索、购物车等功能。

通常这些功能是放置在页面右上角的菜单栏里的，但这样的常规设计真的合理么？真的符合人们的操作需求么？

我们都有过这样的体验，在我们购物时，其实并不想看到太多的按键和选项，而是最好的是可以直接看到有什么商品、商品属性是什么、多少钱、我买了多少，这才是我们关注的。

而在常规的界面设计中，我们至少要经过两步的选项操作才可以找到它们，而且每个功能并不在一起，当我们想查看另一个时，又得重新选择。

所以由此可见，“常规”并不等于“合理”。

我们将这些最频繁操作的功能，始终悬浮在页面左侧，一方面，方便使用者随时可以进行购物、下单；一方面，使右上角的主菜单的内容变得更加简明；另一方面，我们之所以没有将它放在右侧，是因为通常人们习惯将鼠标光标放在右面，这样可以防止在人们不需要操作时误点。

当然，这是这款设计的最亮点，除了它，我们还将茶和咖啡分成两种风格、但同样架构的页面。

还有在商品详情页，我们还在页面下方加入了“推荐产品”的功能，它的独特之处在于，它是可以使用鼠标横向滚动查看的，为了使使用者注意到这一功能，我们将居于中央的三款推荐产品设置为“全亮”，而将侧面两侧的产品设置为“半亮”，将侧面的产品滚动至中间时，才会以“全亮”的方式展示。

除此之外，在首页顶图的下方，我们也设置了带有产品图片的类目展示，它们以销量的由少之多，依次从右向左、由小向大排开，方便使用者查找。

在产品页，我们提供了3拦、4拦、3拦加侧栏等多种样式，供卖家可以自定义选择页面效果。

除了这些最具有特征性的设计，页面还有很多细节亮点，您可以通过Figma文件一一查看，谢谢。