保费试算

ago

Whenever I receive a new job, I always get caught up in the details, and then I can't extricate myself.

Later, under the guidance of the leader and his own summary, this shortcoming gradually changed.

Received details page design for Insurance Agent product today.When he first received it, his head was so big that he could only describe it as a metamorphosis.

I tentatively refer to it as "premium trial calculation", and the requirements are as follows:

1. The user can dynamically change the * * age gender premium payment method additional insurance coverage period * * and these elements will affect the premium.
2. It needs to be clearly displayed * * Total premium Main insurance premium Additional insurance premium coverage * *

This means:

1. In order to facilitate the agent's trial calculation for the customer, those contents that can be modified need to be displayed directly.
2. Secondly, it is necessary to show clearly the premium and the protection content.
3. So the presentation of the page will be particularly complicated and confusing.

My design thinking combines recently learned object-oriented JS:

1. Think of the whole (main insurance + additional insurance) as one object.
2. Main insurance and additional insurance as a sub-object respectively
3. Among them, the overall * * age gender payment method protection period * * is the attributes that can be inherited by the main insurance and additional insurance, and only the * * total premium * * is used as a whole* * Private attributes * * of the body.
4. Attributes included in the main insurance: * * Main insurance amount Main insurance premium Main insurance coverage. * *
5. Attributes included in additional insurance: * * Select additional insurance * * (true or false) * * Additional insurance premium Additional insurance coverage * *

• • Tier is the whole "main insurance = additional insurance * *

The presentation is relatively clear through modularity, but the content of the presentation and operation is still complex.

The functional structure is clearly sorted out, and then the product is optimized according to the actual scenario:

1. If you value the product, but the price is not suitable, the best way is to choose * * installment * *, the longer the time, the less you pay.
2. If the installment payment is not expensive, the user may choose to lower the * * insurance amount * *.
3. Then you can consider whether you need to choose for * * additional insurance. * *

With the help of the product, only the total premium is displayed, taking into account that the direct display of the premium will affect the turnover rate, so the premiums of the main insurance and the additional insurance are charged.The final interactive draft looks like this: