Thank you for visiting👋🏻 Copyright © 2025 Jinjin Du, All Rights Reserved
Next Steps
User Satisfaction
Regularly review user feedback to make positive improvements.
Service Competion Time & Rates
Analyze behavior data (time spent on each page, drop-off rates) to identify friction points.
UX Audit
Organize regular usability tests to with both internal & external stakeholders.
Design Language
Shifted from yellow-heavy to a more black-dominant UI to convey professionalism and trust, as research shows black better represents these.

Primary Colors
Color scheme 1
Color scheme 2
☑️ Color scheme 3
English | Content
English | Title
Final Design | Major Screens
Service portal
Product detail
Shipping info
submission review
Payment
successfully submitted
SERVICE PROGRESS
Before - After
Error Handling & User Guidance
After
The revised version uses clear language/labels to highlight errors, and explain what went wrong.

Before
The Previous Design doesn’t show any error messages. users have to figure out missing or incorrect inputs themselves.

03. UX/UI Enhancement
Variables & Components
Default
Hover
Click

Revised Portal & Flow
data improvements
-5%
find it difficult to navigate to the Service
5 → 3
Clicks Required to Find FlexiCare
Before - After
Customer Support Homepage
Before

UX Issues with Only 5 labels

× Key Services Are Hidden – e.g., FlexiCare/Cloud Service.
× Information Hierarchy - No prioritization of common issues.
× Lack of Clarity – The labels are vague, hard to understand.
× No Interactive Feedback – Lack hover effects or tooltips.
Current Flows
× 4 Steps
Official Web → Support Homepage → Repair → FlexiCare

After

Revised Version
🎯 Rebranded the Page for Clarity
Makes the purpose and functionality of the page clearer to users.
🎯 Added a Search Bar for Direct Issue Resolution
Allows users to find answers quickly, reducing unnecessary clicks and frustration.

🎯 Prioritized Options Based on User Needs
Instead of treating all options equally, the most relevant ones are now easier to access.


🎯 Introduced a Quick Access Section
Displays the Top 8 most-clicked and essential services based on user data, improving efficiency.

🎯 Enhanced Interactivity
Added hover effects and descriptions to improve usability and guide users more effectively.
Apply for the FlexiCare Service
Navigation 1
2
Navigation 2
3
Navigation 3
Heading 1
Heading 2
Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description
Heading 2
Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description
Back
Next
Heading 1
Heading 2
Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description
Heading 2
Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description
Heading 2
Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description Description
Description Description Description Description Description Description Description Description
Product Details
2
Shipping Details
3
Submit Payment
Product Details
Shipping Details
3
Submit Payment
Product Details
Shipping Details
Submit Payment
Start Your Application
Back
Start Your Application
Next
02. A Separate Portal for FlexiCare
The Current FlexiCare Users
> 20%
find it difficult to navigate to the Service
4 ~ 5
Clicks Required to Find FlexiCare
Before - After
A. Service Portal
After

Before

✔️ Brand Identity
✔️ Serial Number Check (Ensure Qualification)
B. product Page
After

Before


✔️ 2 → 1 Step
✔️ Less Input Effort: basic info & a short summary
B. Review Page
After

Before

当前状态
已寄出
02-06 10:25
已收货
02-06 10:25
产品寄回
已定损
02-06 10:25
已支付
02-06 10:25
维修完成
02-06 10:25
维修工单进度
普通工单
IWOQ74821012702520CE
创建日期
2021-01-27
产品型号
Insta360 ONE X2
产品序列号
-
维修申请原因
申请原因申请原因
内部标识码
对于无法开机和确认序列号的机器,请在对应机器上做好明
检测结果
设备死机
检测备注
我是检测备注,保持原来的逻辑展示即可。
我是检测备注,保持原来的逻辑展示即可。
我是检测备注,保持原来的逻辑展示即可。
我是检测备注,保持原来的逻辑展示即可。
检测附件
前置轻微擦伤,最多两
行,最多可放20个文字
前置轻微擦伤,最多两
行,最多可放20个文字
前置轻微擦伤,最多两
行,最多可放20个文字
展开更多
维修物料
维修消耗物料清单
维修类型
数量
单价
总金额
2
¥100.00
¥50.00
GPS防水智能遥控器
免费
1
$100.00
$100.00
X3 Device
Paid - Required
1
$100.00
$100.00
X3 Screen
Paid - Optional
1
$100.00
$100.00
X3 Bluetooth
FlexiCare Discount
1
$100.00
$100.00
X3 Charger
FlexiCare Discount
1
$100.00
$100.00
Repair Service Fee
FlexiCare Discount
1
$10.00
$10.00
Shipping Fee
FlexiCare Discount

FlexiCare Discount
Total Material Cost
Replacement Fee
Total Amount
Discount Amount
Total
$510.00
$159.00
$669.00
$410.00
$ 259.00
Categories
ONE X2*1,USD 89
Total Fees
USD 259
Payment Methods
Credit Card








Paypal
You will be redirected to Paypal to complete your payment after placing this order

Bank Transfer
Allow 3-5 working days for your payment to be received via bank transfer

其他操作
放弃维修
Consumer
Professional
Enterprise
Explore
Support
Downloads
About
STORE
✔️ 2 → 1 Step
✔️ Less cognitive Load: One-time fee instead of a long list of billing details
Revised Workflow ✍️
data metrics
10 → 5 min
Ave. completion time
20 → 7 Days
Slow Service Cycle
63 → 75+%
Request Completion rates

As a product designer, I focused on optimizing the “digital experience” in phase one. As you can see:
(1) Simplified the process by removing unnecessary fields.
(2) Redesigned the product and review pages to reduce cognitive load.
Ideation with Engineers
① Separate FlexiCare from the repair service
② minimize development costs by reusing the existing framework
phase 1: Online Request submission
5 → 3 Steps
💡 Reduce Unnecessary Steps
💡 Payment is made when submitting Online Request (×after Assessment), with a Fixed fee.
phase 2: Device Assessment & Pricing
1 Week → 48h
💡 As it’s an exchange service, no repair is required.
💡 The new device is shipped by Staff within 24h of receiving the old one.
Customer Feedbacks
Slow & Irrelevant →
Inspiration: Reduce Uneccessary Steps (Camera Issues, Assessment...)
"I mentioned I have FlexiCare, but it still charged me other fees—totaling several hundred, and it took 2 weeks to resolve."
“
“I spent a long time filling out the form, especially the part where I had to fill in all the camera issue...It took forever to finish.”
“
“I really don’t understand...What’s the point of this delay? It wasted me almost 3 weeks.”
“
“You have to select which camera to repair and all that stuff. It's really annoying and pointless.”
“
01. Optimizing Workflows ⭐
The Current Repair service flow is...
8-10 min
Long completion time
10~20 Days
Slow Service Cycle
63%
low Completion rates
In the FigJam file above, I’ve structured two workflow diagrams:
(1) the Existing Repair Service Workflow and, (2) the Most Time-Consuming Steps, highlighted in orange.
For the 2nd flow, I collaborated with the data analyst and found that the most time-consuming & highest drop-off points were: Camera issue selection (too many inputs), Assessment & payment (long wait times).
Key Improvement Areas
Apply for the FlexiCare Service
Product Details
Shipping Details
Submit Payment
Review Application
Please verify your details before submitting. Changes cannot be made after submission.
Product Details
Edit
Product
Insta360 Ace Pro
Serial Number
IRBEW2203Y3Q8Q
Credits Left
2 Times
Validity Period
2025-01-06
Payments
CNY 129
Problem Description
During an outdoor photography session, the camera accidentally fell from a tripod approximately 1.5 meters high. Although there were no visible external damages, the lens failed to retract properly after powe...
Shipping Details
Edit
Shipping Method
Pickup Service
Pickup Time
2024-10-28 15:00 - 16:00
Pickup Address
Meng Felix (+86 1852543210)
123455 Street, No. 122, Xincheng District, Xi'an, Shaanxi, China
Return Address
Meng Felix (+86 1852543210)
123455 Street, No. 122, Xincheng District, Xi'an, Shaanxi, China
tetracoralla@qq.com
Enter your email to receive updates on shipping and service progress
Email*
Replacement Fee (Pay on the next page after submission)
CNY 129
I agree to the Privacy Policy and Exchange Terms
Back
Next
https://www.insta360.com/cn/support
Consumer
Professional
Enterprise
Explore
Support
Downloads
About
Shop by interest
STORE




Insta360 Support
What do you need help with?
New
360 Cameras
Action Cameras
Handheld Gimbals
Webcams

Insta360 X4

Insta360 GO 3S

Insta360 Ace Pro

Insta360 Flow Pro

Insta360 X3

Insta360 ONE RS
Show More
Quick Access
Repair Service
FlexiCare Service
Service Progress
123
Device Info Query
Repair Price
Insta360
Care Service
Insta 360+ Service Activation
After-Sales Policy
Show More
Insta360 Care Service
Providing comprehensive protection services for your device
Learn More

Contact Us
Online Chat
Office Hour: 24/7
Start Chat
Recommended
Technical support
service@insta360.com
Send Email
Phone
+1 800 6920 360
Office Hour: Mon-Fri 7:00-17:00 (PST)
Contact Us
@Insta360
Go to Facebook
Community
Participate in exchanges on hot topics
Join Discussion
Feedback
To provide you with better products or services
Give Feedback

01. Optimizing Workflows ⭐
Steps reduced from 8 to 3, improving speed for paid customers.
02. Creating a Separate Portal
Adding a FlexiCare shortcut on the homepage, making it more accessible.
03. UX/UI Enhancement
Adding missing status (errors, hover...) to ensure a smooth and intuitive experience.
Opportunity
How might we revamp FlexiCare online service into
a simpler, premium experience, that is distinct from repair service and tailored for paid customers?
🎯 Efficiency
🎯 Discoverability
🎯 Responsiveness
UX auditing
To assess usability of the current repair workflows, and brainstorm ways to improve, I organized an internal audit with PMs & Engineers.
Evaluation Criteria
· Are there friction points where users struggle?
· Do users frequently abandon the process?
· Are the different service easy to distinguish?
· Can users easily locate application form?
Meeting Agenda
· Key issues identified in Information Architecture, user journey, usability, and design
· Open discussion & prioritize issues
· Present ideas and Align on collaboration timline
Context
Insta360 focuses on the global market, with its website serving as a key entry point for addressing worldwide needs.
Official Website

Customer Support Portal

A value-added service by the Insta360 customer support team that provides a convenient device exchange, minimizing downtime for paid users
FlexiCare Service
Web App Design
Customer Support
Timeline
2 Weeks
Tools
Figma
My Role
Usability Test
Product Design
Web Design
Work Project
Product Manager*1
Product Designer*1
Software Engineer*3
QA Engineer*1
Problems
Customers found the FlexiCare request flow confusing and slow because it was integrated with the repair service.
This led to inefficiencies, low satisfaction, and reduced willingness to pay.
Sub-Problem 1
Users couldn’t easily find FlexiCare or tell it apart from repairs.

Sub-Problem 2
Too many unnecessary steps made it longer than it needed to be. ⭐

Sub-Problem 3
Lack of feedback and minor UI issues made it feel unclear.
