All work

If app Case 2 of 4

Designing If’s app end to end, native on iOS and Android

Policies, claims and invoices in a native app, with separate apps for different countries. I designed it end to end: new features, validation, data and feedback analysis, and a branded native redesign built on a shared component library for SwiftUI and Material Design.

Role
Lead product designer
Team
POs, business developers, iOS and Android engineers, QA, analysts and a scrum master
Years
2024–2026
Platform
iOS (SwiftUI) and Android (Material Design)
The redesigned If app: home, claims and travel insurance screens

In short

The If app does what our web self-service does (policies, claims, invoices) but faster and native.

When I took it over from the previous designer, it worked, but every release made it look a little older. I designed new features, validated them with users, used data and customer feedback to decide what to fix first, and redesigned the whole app as a branded native app, with custom components in SwiftUI on iOS and Material Design on Android.

Before and after

Same tasks, a new app. The structure was rebuilt around how people actually look for things, and one colour and component system now runs across iOS and Android.

The old app on the left, the redesign on the right.

Goal

An app that feels native on both platforms and lets people do the common tasks without opening the website.

Success metrics

  • App Store and Google Play ratings
  • Monthly active users
  • Completion of key tasks
  • Claims reported in the app
  • Adoption of new features
  • Support contacts about the app

My role

I owned the app’s design end to end: research, new features, validation, data and feedback analysis, the redesign, and the design system behind it.

I worked with a cross-functional team of POs, business developers, engineers, QA, analysts and a scrum master, some remote and some on site, mostly across the Nordics and the Baltics.

Decisions that shaped it

Fix and redesign at the same time

Customer feedback and app data decided what got fixed in the current app and what waited for the redesign. Running both at once meant customers didn’t wait a year for fixes, and every fix taught us something the redesign could use.

Rebuild the structure before the screens

I mapped the user flows, ran interviews and card sorting tests, then reorganised the app around how people actually look for things. The most common tasks are now one tap away: insurances, claims, payments and support.

Validate first, then measure

New features were tested with users as prototypes before development, and after release, app data and customer feedback showed what to improve next.

Treat sensitive changes as sensitive

Editing contact details sounds trivial, but it’s a classic account takeover route. Every change is verified, and people are asked to re-check their details after six months, so the flow stays quick for the real owner and hard for anyone else.

Research board with user flows, interview notes and card sorting results
Mapping flows, interviews and card sorting: how people actually look for things.

One system for every app

Colour variables and a component library in Figma, shared by designers and developers, so nobody designs or builds the same thing twice. Each component is built natively, in SwiftUI on iOS and with Material Design on Android, and carries the If brand on both.

The system had a harder job too. There isn’t one If app: each country has its own, with the features its business and customers need. They all share one design, so every new feature had to fit the system and still make sense in the countries that wanted it.

Colour variables with light and dark values
Colour variables, with a light and a dark value for each.
The If app component library in Figma, with components marked ready for development
The component library: every component documented with its states, sizes and dark mode, and marked ready for development.
App Store screenshots of three If apps, five for each
Three apps, one design. Each has the features its country needs.

How we got there

Most of the work happened in the open: flow workshops with specialists from across the company, and design reviews with the developers who would build it.

Onboarding and login flows in light and dark mode, with comments from specialists
Working through the major flows with specialists from across the company. This one is onboarding and login.
Design review board with the development team
Design review with the development team.
Flow chart for changing contact details
Editing contact details: the logic first.
User flow for changing contact details, with a re-check after six months
Then the screens, including a re-check after six months.
Design review of the contact detail change and verification flow
The final change and verification flow, in review.

Looking back

The best investment was the system. Once the colour variables and components were in place, every new feature was faster to design and build, in every country’s app, and it looked like it belonged there.

But the system was only ever a means. The real test was whether someone could check their cover, report a claim or pay an invoice in a few taps, often on a bad day, and every decision was measured against that.