
VAT Invoice System Design for Benlai
Benlai life provides B-end services, mainly supply products for small retail stores in the community. After discussion, we decided that VAT Invoice Service would be added to C-end's App. The project was the first one I took charge of after I turned into a product manager.
From:Hacker Growth Involve:App/M Station
MY ROLE
User Researcher
User Experience Designer
UI Designer
Product Manager
RESPONSIBILITY
Because it is a new type of service, there is no case for reference. Therefore, I focused on analyzing users' behavior. Investigating the invoicing process of online and offline, then turned it into online process. Finally I needed to use visual tools, like Swim-lane to sort out the logic, output interaction flow and high-fi demo.
SKILL
Logical Thinking
UI / UX Design
User Behavior Analysis
Visualization
Product Management
SOFTWARE


01 Background
"Design a totally new service for VAT Invoice. "
"Design a totally new service for VAT Invoice. "
What is VAT?
02 Define
For who?
-
具有开具增值税发票的资格
-
了解开发票的整个流程
-
熟悉各类专业用语
-
单位或者个体户或者财务人员
User Flow
-
开通:用户首次填写专票资质。
-
修改:修改专票资质,需要提供新的税务文件图片。
-
二次修改:用户修改已经通过的专票资质.
-
删除:删除已经资质(无论审核通过与否),重新填写专票资质。
-
开具发票:多笔订单合并提交申请

03 Design
用户线上流程梳理

在绘制swim-lane之前,我需要将用户线上的流程梳理清楚,一般我会输出一个Excel方面后期产品迭代与溯源。

Workflow(Swim-lane)
在绘制泳道图时,为了方便阅读,信息传递清晰,我将整个流程拆分成为四个支线流程。
04
03
02
01
