PROJECT INTRO

DELIVERABLES:

• Customer Jouney Map of Personas,
• Website Architecture chart,
• Wireframes,
• High fidelity screen designs in Figma,
• Design System and Atoms in Figma,
• Constatnt communication with project leader, presentational meetings with client, support for the developer.

MAIN PROJECTG GOALS:

1. increesig sales
2. lead generation & nurturing
3. maximasing user experience
4. increasing brand awareness
5. raising the efficiency of the company

My main focus as a UX & UI designer on this project was to (re)design and create a landing page and task flow that leads to conversion - compleating a insurence process with good user experience.

Work process

1. RESEARCH - FIRST PART

In the first part of the research, I got to know the main information about the Insurence company Prva and their product Prva Zdravje. I also made a research on their competition and references/good practice worldwide.

2. WORKSHOP

In a Workshop, led by a college UX/UI Designer, we work on building Personas and Customer Journey Map. The workshop gave us a great insight in Prvas Customers, their needs and motivations from initial awareness of their need for an insurance product, in between decition making and after the purchase of insurance products.

4. WEBSITE ARCITECTURE & LANDINGPAGE CONCEPT

Analyzing all the data it was gained in the workshop and further research of insurance field in digital environment gave me some great clues and ideas for a layout and structure of products landing page.

This part demanded for me to study the product "Prva Zdravje" in details. In this part I also spoted a problem and developed a solution for user friendly, transparent and comparable product selection. The solutions also brought user feealing of controle wich generates a plesent feeling and consequently a pozitive user experience. This part was challenging also because the architecture and steps of the task flow needed to be both user friendly and had to incorporate all the staps that are essential for getting the right amount of users' personal data and also the steps/content demanded by insurance policy law. Comunication with project manegers it was more then esential.

5. WIREFRAMEING

After creating the base with architecture I started to create wireframes. Wireframes for the landing page and their informational subpages as well as wireframes for the most important part of the screens of the task flow that leads users to the insurance policy conclusion.

6. DESIGN SYSTEM & ATOMS

After the presentation and approval of the wireframes started the design process. The design system had to incorporate Identity guidelines of PRVA bran and follow some design guidelines created for the digital environment in PRVA's other digital products.

7. HIGH FIDELITY WIREFRAMES - SCREEN MOCKUPS

In this part, I designed more than twenty screen mockups for desktops and as much for mobile.

Results

After launching the new website the number of insurance policies sold - with the same Marketing Budget - grue by more than 7-times.