Zorg en Zekerheid App
At a glance
Duration
3 years.
Team
Scrum team existing of: Product owner, Scrum master, Business Analyst, Visual designer, UX/Interaction designer (me), Front End developers, Backend Developers and Testers.
My role
Product discovery, Problem definition (solving the right problem), Solution discovery, Solution validation, User testing, Information architecture, Interaction design, Mobile first design, co-creation, stakeholder management, Data driven design, DesignOps, UX strategy, Roadmap, KPI's.
Context
The company’s ambition is to improve their digital service and to get more digital touchpoints from their users, reducing costs. However, a disconnect between the web, native iOS and native Android environment was blocking this digital adoption. This project aimed at unifying the functionalities of the My-environment into one PWA (Progressive Web App) app. Myself, a Visual Designer and two Front end developers from Mirabeau/Cognizant joined the project to strengthen the internal team of Zorg en Zekerheid. To enhance their digital capabilities and provide guidance and advice from a human-centered perspective.
The challenge
The iOS and Android app were created by an external party and had low store reviews. Unifying them in a PWA put ownership of their environment back in the hands of Zorg en Zekerheid.
The challenge was to create a release approach where a combination of multiple environments had to exist alongside each other, while keeping the digital service consistent.
The approach
The collaboration within the team was based on Scrum/Agile. Working together with different disciplines, we implemented a user centric approach (Design Thinking) for each new feature we incorporated in the new environment.
This helped us make sure to not only migrate but also improve each feature we implemented.
The solution
We created a PWA app that met all technical requirements required for iOS and Android stores. It creates one improved, consistent experience across all digital touchpoints, including new functionality such as making and tracking declarations, invoicing, digital health insurance cards and more.
My contribution
Way of Working
When I joined the project, the first focus was on improving the UX maturity of the client by:
Implementing design thinking in the Scrum process. I integrated the design thinking process within the Scrum framework, ensuring that design activities are properly aligned with development sprints and iterative cycles.
Having a clear design process consisting of three main phases: research, concept development, and design.
Research: I conduct qualitative research to understand user needs, pain points, and preferences. This involves gathering user feedback, conducting interviews, and observing user behaviour to inform the design decisions.
Concept & Design: Based on the research insights, I create design concepts and prototypes that align with both user and business needs.
Impact
Implementing design thinking within the Scrum proces enhanced user-centricity, promoted iterative problem-solving, collaboration within the team, having flexibility based on feedback that is gathered, which ultimately lead to a better user experience.
Derisking by Early User Testing
To minimise risks associated with design and development, I prioritise early user testing in the interaction design and visual design phases.
I conduct user testing sessions using priority guides to evaluate the usability and effectiveness of key features and interactions. This helps identify potential issues early on and ensures that the final product meets user expectations.
The same approach is used for testing the visual design, during this session more details in design, copy and interaction are being tested. Together with the learnings from the prior user test with the priority guides.
Impact
Lowering the risk of developing a feature that is hard to use and not wanted by users. User testing helps identify usability issues and design flaws, allowing us to address them before investing significant time and resources in development.
Saving time and eventually money. Early identification and resolution of design issues through user testing prevent costly rework and development iterations.
Increased user satisfaction. By involving users in the design process, we create a product that better meets their needs, resulting in improved user satisfaction and adoption.
Data Driven Design
I dedicated time and effort into communicating the value and drive data-driven design to make better informed decisions. This was done by focusing on initiatives and showing the value rather than only talking about it.
By integrating Google Analytics into our work process, we gain valuable insights into user behaviour, their interactions with the product, and the effectiveness of our design solutions. I made sure this data informs our decision-making process.
To get a better understanding of the needs, motivations and pain points I took the initiative to ask pro-active feedback in the app. We did this by experimenting with Hotjar and Typeform surveys. It helped us to uncover why users are satisfied or unsatisfied with the app or a particular feature.
I was involved by the initiative to gain insights in our product via the Front Office. Gaining insights into their pain points and challenges related to the application. This feedback helped us shaping our design solutions for the future.
Impact
By embracing data-driven design, we achieved the following impacts:
Measuring the impact of our work: We relate our design efforts to key performance indicators (KPIs) and business goals, enabling us to measure the effectiveness and contribution of our design solutions.
Opportunities to improve the UX of the App: By analysing data and user insights, we identify areas for improvement in the app's user experience, leading to enhanced self-service capabilities, higher client satisfaction, call reduction, and increased digital client acquisition.
Cost reduction and retention focus: By improving the app's usability and meeting user needs, we contribute to reducing costs associated with support calls and enhance customer retention.
Designed features (+ impact)
Together with the Visual Designer, I was responsible for designing nearly all the essential features required in the App to replace the old environment.
Some features I would like to highlight include:
Declaration
Overview
Additional Insurance Usage
Paying Invoices
Declaration
The primary goal of this feature is to enable users to make a declaration, replacing the old app where only declarations were allowed. Since it is the most frequently used feature by users, we prioritised its development. Other objectives of this feature include:
Simplifying the process by avoiding unnecessary information requests.
Allowing users to attach a picture or file to their declaration.
Providing feedback and confirmation throughout the process for a secure feeling.
Setting expectations for the subsequent steps after the declaration submission.
Overview
The goal of the Overview feature is to give users a concise and relevant summary of essential information, similar to a dashboard. It provides easy access to frequently used actions and insights without diving into the details immediately.
Additional Insurance Usage
The purpose of this feature is to offer transparency about the user's available health benefits from their additional insurance. It shows the top 5 most used types of health, with the most recently used type displayed on top. The top 5 list expands as other health types are utilized, ensuring users always have an up-to-date overview.
Paying Invoices
This functionality aims to provide users with an overview of paid and upcoming invoices based on their chosen payment arrangement. It also allows communication of invoices that need to be paid, with different levels of urgency. The feature provides a clear overview of each invoice and allows users to easily check details when needed, ensuring a straightforward and understandable experience, promoting timely payments.
Connect App and My Environment
To bridge the functionality gap between the new app and the legacy environments, I helped in connecting both systems. This connection allowed us to incorporate missing functionality from the legacy environment into the app, resulting in a seamlessly integrated user experience. Users can now access all relevant information from the legacy environment through the app.
Impact:
Bridging the functionality gap ensures a smooth transition for users, maintaining the continuity of their workflows during the transition period.
The connection between the app and the user's environment enables the creation of additional user journeys, expanding the application's capabilities and value.
Integrating relevant information from the legacy environment establishes the app as a single, comprehensive source of information.
Design System + Storybook
To streamline our design processes, we consistently focused on documenting components in our Design System, ensuring clear descriptions, variants, and implementation guidelines. We also integrated Storybook, allowing us to visualise and experience the interaction behaviour of the components.
Impact:
Always Up-to-Date: The connection between the Design System and Storybook ensures designers and developers have access to the latest version of UI components, promoting consistency and efficiency in the design and development process.
Easy Comparison: With the implementation of Storybook in the design system, designers and developers can easily compare the expected design with the developed component, facilitating quality assurance and reducing inconsistencies.
Smooth Onboarding: Having a Design System with Storybook simplifies the onboarding process for new team members, providing a comprehensive resource to understand and utilise design patterns and UI components effectively.
Impact
Through my contributions as an UX/Interaction Designer, the UX and maturity of the client significantly improved. Leading to positive impact on the business goals we were contributing to.
1. Improve client satisfaction
Through the implementation of design thinking, me and the team significantly improved the App's user experience and future my environment. App ratings on both the Apple App Store and Google Play Store increased from a near 2 star rating to around a 3.7 stars. The gradual improvement in ratings reflects the positive reception of our efforts.
Note: The average of the Apple App store is currently low, due to all the old ratings that still influence the average. For a more representative average I took all the ratings from the past year, which comes down to a 3.8 star rating.
2. Call reduction
Through early user testing in the interaction and visual design phases, we identified and addressed usability issues, resulting in a more user-friendly app. The improved user experience reduced the need for support calls, contributing to call reduction. Working together with different departments like the Front Office and Administration during feature development ensured that we were able to proactively address common issues and questions that users often called about.
3. Improve Digital Service
By embracing data-driven design, we used insights from user feedback and behaviour to improve the app's usability and self-service capabilities. This led to an enhanced digital service experience for users.
4. Increase Digital Customers
The design processes ensured a more consistent and efficient design and development process. This led to a better user experience, attracting more digital customers to the app.