社会环境变化
疫情推动线上消费增长，全球电子商务进入高速发展阶段。
线上消费成为全球商业增长的长期动力。From a suite of tools
to one global brand.
AfterShip 正从单点 SaaS 工具走向覆盖售前与售后的全球电商平台。品牌需要同步完成一次转变：让复杂产品被快速理解，让企业客户建立信任，也为持续扩展留下足够空间。
AfterShip 品牌背景洞察、品牌屋与项目规划
AfterShip 因何而变
从外部市场、公司战略与客户结构三个方向，重新确认品牌升级的真实驱动力。
公司战略升级
整合售前与售后产品线，确立 All in One 统一战略与产品矩阵。
统一品牌与产品体系，支撑下一阶段增长。客户群体变化
客户重心由 SMB、Mid-market 转向 Enterprise 客户。
单个 Enterprise 客户价值≈数千个 SMB 客户。
02 · INTERVIEW
内部访谈洞察墙
围绕产品认知、企业客户、品牌架构与组织愿景，汇总销售、市场、客户成功与管理层的关键声音。
目前产品处于不断上升阶段，比较踏实，产品质量比较好，目前主攻销售和 Marketing，我们沉淀比较好，相较于竞品，我们的产品比较好，客户觉得我们是小而美。
CMO
对售前产品线产品感知比较弱，且客户认知度比较差，是否可将售前产品根据 All-in-One 的战略合并成一个 Logo，售前产品线无品牌积淀，无 AfterShip 产品背书。
Sales
欧洲用户：有点介意香港公司，在意数据安全、隐私，愿意投入钱来改善服务，在意用户体验的公司。
Regional Team
涉及产品品类比较多，Logo 看起来没有关联，客户会对橙色有感知，对售前产品线产品感知比较弱，且客户认知度比较差。
Brand · Sales
目前主要以零售商为主，目前没有明显的垂类，可能会主打垂类，目前的收费模式跟订单量有关，小商品、量大的客户比较适合我们。
客户成功
我们的策略永远是小客户往大客户方向做。
CEO
一个产品解决一个问题，希望可以打通，可尝试 All-in-One 的思路，降低客户对产品的认知难度。
Product · Sales
期待这次的品牌升级可以进一步强化客户对我们的信任。
Marketing
AfterShip 产品物流覆盖面最广，官方合作物流商最多，合作关系（三方）稳定，在国际化物流行业处于领先地位，品牌时间比较长，产品靠谱，且报价相对于其他品牌低。
客户成功
目前产品太多颜色了，Automizely 太多产品。
CMO
品牌屋搭建
把访谈洞察收敛为统一的品牌愿景、价值主张与表达关键词，为视觉和产品应用提供共同依据。
WHAT
HOW
WHYCustomer
success
success
- Brand Vision
- Empower eCommerce businesses worldwide to succeed with the best automation platform.
- Value Proposition
- Key Words
- Audience
- 国际电商品牌和国际电商平台
- Product support
-
售后产品
Tracking · EDD · Returns · Warranty · Protection · Green · Shipping · Parser
售前产品
Feed · Reviews · Personalization · Popups & Forms · Email · Page Builder · SMS · Affiliates
项目规划与管理
THE SHIFT
业务已经改变，
业务已经改变，
品牌也必须向前。
客户结构从中小商家延伸到企业级品牌，产品从单一物流查询扩展为完整的售后体验。原有多品牌表达造成认知分散，新系统需要把产品、服务与价值主张重新聚合。
01
BRAND IDEA
One platform.
One language.
Every journey.
Customer success
以客户业务成功作为品牌所有判断的起点。
Tech with trust
用可靠技术、清晰体验和快速交付建立信任。
All-in-One
让售前与售后能力汇入同一个可扩展品牌系统。
02
CORE IDENTITY
Location meets package.
从“位置”与“包裹”两个业务原点提取形态，重新组合为一个更直接、更独特的符号。它既是物流节点，也是一枚承载产品生态的品牌容器。
基础品牌
Logo / 字体 / 颜色 / 图形 / 子品牌
03
IDENTITY SYSTEM
Designed to stay coherent
as the business grows.
标志、色彩、字体与图形不是独立规范，而是一套可持续组合的语言。橙色建立即时识别，蓝绿拓展技术与信任语义，60° 角度则让不同触点共享相同的视觉基因。
01 · LOGO SYSTEM
同一字标在不同品牌背景中保持一致比例、留白与对比度。
Primary / LightPrimary / DarkBrand Orange
04
BRAND EXPRESSION
Confident,
direct and alive.
传播设计以高对比、直接文案和灵活版式呈现品牌的行动力。统一的构图原则让内容在保持识别的同时，适配市场活动、行业洞察与产品传播。
“Help global e-commerce succeed.”
05
BRAND IN ACTION
One system,
every touchpoint.
从社交媒体、线上活动和销售材料到线下物料，同一套品牌语言根据媒介节奏灵活展开，让客户在每一次接触中都能迅速识别 AfterShip。
06
DESIGN SYSTEM
AfterShip
Design System 1.0
在品牌升级之外，进一步把设计语言落实为可复用的产品基础设施。围绕 Token、组件、图标和页面模板建立统一规则，让多条业务线共享同一套体验标准。
SYSTEM OVERVIEW
One system.
One system.
Every product.
从零到一搭建 AfterShip Design System，把品牌语言转化为可复用、可扩展的产品体验标准。
Global style
Color · Typography · Radius
Border · Divider · Shadow
Layout
Grid · Spacing · Breakpoints
Responsive behavior
Navigation
Top bar · Breadcrumb · Tabs
Dropdown · Pagination
Data input
Input · Form · Select · Upload
Date · Search · Rating
Data display
Avatar · Badge · Card · Table
Tag · Tooltip · Progress
Foundation
Button · Icon · Feedback
Loading · Empty state
WHY IT CHANGED
从业务变化到统一语言
设计系统需要同时解决多产品体验不一致、跨团队协作成本和品牌表达分散的问题，并为企业级产品持续迭代提供稳定基础。
产品体验不一致
多条产品线长期独立迭代，颜色、字体、圆角、图标与交互模式缺少统一规则。
协作与维护成本高
设计和开发反复重建相似组件，跨团队沟通依赖个人经验，复用效率偏低。
品牌识别被稀释
企业客户在不同产品之间切换时难以获得连贯、可靠且可预期的品牌体验。
开发
产品线和复杂度不断提高，需求落地过程中重复开发与重新封装组件，维护成本持续增加。
设计 & PO
各产品版本与设计规则不一致，相同交互模式产生不同方案，迭代与沟通成本偏高。
团队协作
组件库缺少统一结构，跨业务资产无法复用，设计与研发效率同时受到影响。
SYSTEM MAP
从品牌规范连接到产品体验
以品牌基础为输入，在设计系统中完成规则与资产沉淀，再应用到面向消费者和企业客户的不同产品场景。
Brand foundation
ColorTypographyShapeMotion
Rules & assets
PrincipleFoundationPatternComponentIconToken
To C & To B
WebsiteTrackingReturnsAdminData
SYSTEM FOUNDATION
Token 驱动的系统构建
基础值、业务语义和组件属性分层管理，使同一套规则能稳定支持主题切换、组件复用与多产品扩展。
- 01Primitive
颜色、字体、间距、圆角、阴影与边框等基础值。
- 02Semantic
把基础值映射为文字、背景、状态和功能语义。
- 03Component
将语义规则绑定到按钮、表单、弹窗等组件属性。
- 04Page
在不同产品和页面中保持一致，同时允许品牌化扩展。
TOKEN ARCHITECTURE
三层 Token，让规则可以被复用
基础数值负责定义边界，语义层承接不同业务主题，组件层将规则绑定到具体控件，实现跨产品的一致性与可配置性。
01
Token hierarchy
从 Primitive 到 Semantic，再落到 Component 属性。
02
Primitive & Semantic
同一套基础值支持 Light、Dark 与不同业务主题映射。
03
Component token
把颜色、填充、文字等规则精确绑定到单个组件。
THEME & MODE
用同一套规则承接不同主题
通过变量映射支持品牌主题、浅色和暗色模式，让 Tracking、Returns 与官网等场景保持统一的结构和交互逻辑。
REUSABLE ASSETS
组件与图标形成可复用资产库
优先沉淀高频、跨产品共用的交互资产，并为组件状态、图标轮廓、尺寸和语义建立清晰规范。
WEB LIBRARY
从组件组合到完整页面
基础组件逐级组合为 Pattern、Section 与 Page，让市场官网和产品页面可以在统一框架下快速搭建。
WWW
组件落地 [ To C ]
Component
Action
- Button
- Link
- Icon button
- Toggle button group
Selection and input
- Text field
- Select
- Radio
- Radio group
- Checkbox
- Checkbox group
- Calendar
- Stepper
- Slider
- Selection menu
- Selection list
- Popover
Content
- Avatar
- Thumbnail
Feedback indicators
- Modal
- Progress bar
- Steps
- Tag
- Rating
- Badge
- Toast
- Tooltip
- Notice
- Spinner
- Skeleton
Navigation
- Pagination
- Breadcrumb
- Tabs
Containers
- Card
- Drawer
Pattern
- Navigation
- Hero
- Logo group
- Trusted by
- Content_text
- Content_text+pic
- Card
- Card list
- Tab
- Content_pic_group
- Data
- Squad
- Catalogue
- Case study
- Step
- Selection_group
- Case study
- Step
- Selection_group
- Timeline
- Blog list
- Testimonial
- Pricing
- ROI calculator
- Contact_form
- Contact_sales
- FAQ
- Footer
Section
- Navigation (7)
- Hero (6)
- Logo (4)
- Content_text (3)
- Content_text+pic (3)
- Card (7)
- Tab (3)
- Video (1)
- Step (1)
- Selection_group (1)
- Blog list (5)
- Pricing Card (2)
- ROI calculator (2)
- Contact_sales (1)
- FAQ (1)
- Calendar (1)
Page
- Product page
- Case study
- Integration
- Compare
- Blog
- Solution
- Webinar
- Book a demo
- Announcement
OPERATING MODEL
让设计系统持续被使用和更新
设计系统不是一次性交付，而是从问题收集、规则统一、组件共建到业务迁移的长期工作机制。
统一产品体验
完成品牌一致性与 Token 化基础建设。
改善协作效率
通过用户调研和 UX 焕新持续修正体验。
建立迭代机制
让设计系统随业务和品牌策略持续演进。
- 01统一版本与负责人
- 02收集场景与问题
- 03总结规则与文档
- 04组件标准化共建
- 05走查迁移与上线
THE RESULT
A brand ready
for what’s next.
统一母品牌清晰产品架构全球化视觉语言可扩展应用系统