Taking A project from concept to launch

Role: UI & UX design、visual design

Keywords: design system, design token , design management

Introduction

易牵星是一款功能全面、高效便捷的SAAS产品,为电子商务商家提供全方位的业务管理。该平台拥有库存管理、订单跟踪、客户关系管理和运营毛利分析等多种功能,可以实时更新库存水平和订单跟踪情况,从而减少缺货和延误的机会。商家还可以借助eTracin的分析工具获得宝贵的业务见解,做出更加精准的数据驱动决策。使用eTracin可以节省商家的时间和成本,为客户提供更好的体验,帮助商家实现业务增长和提升效率。在数字时代的网上市场中,通过有效地使用这些工具和策略,企业可以克服管理多个商店的挑战,实现商业成功的必要条件。

Background

公司在跨境行业迅速发展,但不同运营团队有各自独立的研发中心,服务不同类型的商户群体。随着公司业务规模扩大,公司内部出现了多款类似的产品,如云栈、精品OS、OS等。商户想要的功能越来越多也导致了产品功能点严重重合,从公司层面来讲是资源的浪费。因此,公司决定进行技术团队的重建和产品层面的改良。经过长达半年的前期调研和方案整理,由产品团队为主、设计团队提供技术支持,最终诞生了集合采购、库存、物流、订单、客户关系管理和毛利分析等功能的平台“易牵星”。

Untitled

在2021年4月,易牵星项目正式启动,项目团队由2名设计师(Jessy,MingMing)和12名产品经理、60多名开发人员组成(其中前端20名)。该平台于2021年9月推出了1.0内侧版本,有接近70家电商运营企业接受了内侧,随后也推出了市场版本。


以下将从设计师工作角度描述项目从0-1的设计过程;

产品,前端在研发团队和设计有这最紧密的联系, 设计方案启动前我们和2个团队有进一步的沟通,了解项目具体实施内容,例如


内容为中心布局

Untitled

Placeholder: Animate placeholders with 

Placeholder: Animate placeholders with .placeholder-glow

Untitled

桌面端项目图纸基于1440px frame, 页面需要适配到1280-1920 ;项目使用的不同场景分别用24col, 12col,4col 来帮助设计师制作统一的图纸;