点击关注云旗智慧同城新零售平台V4效果演示

前言

从设计理念到视觉语言，从界面框架到组件模式，从新功能基本完善到可满足用户基本需求......2021年我们对云旗同城新零售小程序进行了视觉上的全新改版,功能模式不断的创新。

我们希望通过设计语言的升级来强化用户与产品的联合，并进一步激发品牌与用户的沟通，进而实现极具美感的产品体验。

本次版本的更新主要分为2个大模块：升级改版、新功能增加，从功能、元素、风格、字体、图形、色彩、动效等多个层面上对原来的版本上进行升级改版，在视觉层面上给人焕然一新的感觉；增加新的功能模块，轻松抓住用户心理并吸引用户，从而达到V4预期的效果。

一、视觉语言升级，统一规范

1.首页：注重细节，优化界面

首页在轮播图上修改了焦点的样式，可视化更加明确、直观；加入开通黑卡的入口，功能上可增加用户购买率；视觉上使界面色彩感增强。

2.商品：排版变化，注重统一

A.推荐商品：将VIP商品标签直接添加在商品名称前，且颜色为主题色。

B.优惠标签：推广、自购标签样式调整，增强画面感，充分利用空间。

C.图标样式：右上角”分类“改为”图标”达到文字可视化的效果。

D.价格样式调整：原价数字采用小数点后两位缩小的样式，使价格表达更直观增强用户体验感，整个页面改版效果如下。

3.店铺：样式改版增加为五个模块

A.推荐：在店铺首页上增添直播入口和加入群聊入口用户可根据需求进入直播间，或加入群聊，操作更加便捷，优惠券以简洁的表达方式展示使画面更加干净整洁。

B.宝贝：可直接查看店铺全部宝贝。

C.新品：按照店铺上架商品的先后顺序排列最新上架的商品，满足忠实粉丝的心理。

D.热销：热销商品中，所有热销商品名称前均有“热卖”图标能够帮助用户快速找到商品。

E.分类：在该页面可根据商品类别快速找到商品。

4.下单：界面改版

A.排版方式：在原来的基础上修改了界面布局，将可选择的到店服务、快递邮寄、同城配送三种服务类型放在首要位置；为用户提供过了便捷性，增强用户体验感。

B.界面：在UI上又增加了小图标的元素，让用户更直观地看到优惠活动或服务类型，在美观的同时增强用户视觉层面的冲击感，从而达到预想的效果。

5.好店

A.增加分类：功能上增加搜索框、一级分类导航、排序方式；用户可直接搜索、根据一级导航分类、排序方式等三种不同方式进行筛选，快速寻找到喜欢的商品。

B.店铺图标、标签：将店铺图标以及店铺标签（且颜色为主题色）放在店铺最顶端，吸引用户眼球的同时，增加该店铺的辨识度，增加店铺收益。

C.筛选：增加弹出框，使用户体验感升级。

6.会员卡

A.页面调整：黑卡样式上进行调整，将黑卡的卡种占比缩小，开通会员字号加大，视觉上更加突出。图标样式去掉底部圆圈的限制，使其更具有延展性，打破传统规矩死板的刻板印象。

B.卡种：考虑到不同用户会有不同的喜好，提供多个不同颜色的卡种供用户选择（联系售前获取）。

二、功能模块增加，满足用户需求

1.商品详情页面DIY

商品详情页DIY样式增设5个不同版式，且每一个元素各不相同，商家可随意切换样式随心搭配，满足不同人群的需求。

2.DIY组件样式

A.砍价组件

B.秒杀组件

C.拼团组件

D.店铺组件

3.五合一列表

A.列表五合一：将关注、直播、视频、贴子、文章五个模块合为一体。页面上采用风格一致的样式、排版进行调节。

B.搜索：列表页面上有搜索功能，在不跳转页面的基础上，改变其相对位置，操作简单又省去页面跳转的复杂性。

三、写在最后