20个电商原型图例子，轻松搞定电商原型设计( 四 ) _原型图

17.【高保真】拼团商城小程序模板V3.0-DAIsy

文章插图
拼团小程序原型模板
这是一款拼团小程序原型模板，逻辑清晰，交互完整，用户体验友好。页面数量高达57页，主要功能包含：

首页（轮播图、活动快速入口、商品推荐）、搜索
商品分类（三级显示）、商品详情、拼团or单独购买、订单结算、拼团状态
消息（客服、通知、物流、活动）
我的：收藏、足迹、优惠券、订单管理、评价、设置、地址、售后等
交互和元件可可直接复用，也可作为实战项目参考，图标来自阿里巴巴矢量图标库，在此表示感谢。

18.电商平台营销玩法大全v2020版本原型

文章插图
电商平台营销模板
该模板包含了各类营销玩法，可以实现吸粉、老客带新客，提高下单转化率、提升复购新利器、引导客户邀请朋友一起拼团购买、玩心跳的新型卖货，引流提销量、好友瓜分优惠券，带来更多流量、清库存、提销量的销售利器等，是电商羡慕营销设计的好模板。
19.电商Web端通用交互原型（高保）

文章插图
电商web通用模板
本作品的模板中设计出了电商前端系统最核心的几个通用模块的页面，包含：商品列表、详情、购物车、订单管理、订单结算、订单详情、售后管理、售后类型选择、申请退货换和地址管理。
商品列表功能包含：

翻页（上一页、下一页、跳转指定页码）
筛选（价格）
排序（综合、价格、销量、评论）

详情页面功能包含：

放大镜
数量的增减
商品介绍与评论的切换

20.AxureUX电商产品移动端交互原型 – 优品汇APP

文章插图
高保真移动端电商APP产品原型模板
本作品是一套高保真移动端电商APP产品原型模板，包含了用户中心、会员成长、优惠券、积分、互动社区、运营推广、内容推荐、商品展示、订单流程、订单管理、售后及服务等完整的电商体系功能架构和业务流程。
本模板由一百三十多个界面上千个交互元件及事件组成、交互效果完成率95%以上，其中很多界面和交互元件都是在所有的APP产品中通用的，只要稍作修改就可以快速复用到您的项目原型中。另外，本模板在设计过程中遵守了AxureUX移动端元件库中的相关标准和规范，具有便于修改和方便维护的特点。
电商原型图如何做？究竟如何进行电商原型设计呢？下面我们使用原型设计工具摹客RP进行画电商原型的步骤讲解，一起看看吧~
1）创建原型项目
根据产品的类型，选择相对应的原型项目和项目尺寸，常见的原型项目类型包含手机、平板电脑、网页以及自定义尺寸。这里我们使用手机电商原型项目，主需要选择手机画板尺寸，填写项目名称即可。

文章插图
创建原型项目
2）原型界面设计
进入项目后创建页面，根据页面架构，采用拖拽矩形组件、按钮组件、文本组件等预设组件的方式快速完成页面搭建，手机项目也也可以使用IOS组件库以及Antdesign组件库等。

文章插图
创建电商界面
3）添加交互
界面完成后就需要进行交互设计，也就是给静态的没有互动的页面增加交互和动效等交互效果，从而模拟真实用户效果的交互原型。

文章插图
添加原型页面跳转交互
4）测试反馈
完成原型设计后提交测试，一键发布到摹客协作，即可向团队成员展示画好的原型，团队成员可以在线查看和评审原型项目，以便收集反馈并进行不断优化和改进。

文章插图
发布项目进行测试
总结电商原型设计可以大大提升电商产品开发过程中的效率和用户体验，产品经理需要充分利用原型设计这个有效的工具，将电商原型需求快速落地，构建产品团队沟通的桥梁，同时规避产品设计开发过程中不必要的风险和成本。正是因为电商原型设计在电商业务的开发过程中扮演着重要的角色，所以才整理了以上20个电商原型项目资源，希望可以帮助大家提升电商原型的设计效率~