+Taxes for ANNA Money

I designed a product for small business owners to get tax peace of mind. It contained a set of features on a premium plan, released through the mobile app and a web platform.

My contribution:

Year

• Conduct UX design
• Conduct research
• Design UI when required

2022

ANNA Web Platform

The client

ANNA Money provides two solutions to small business owners. Bank accounts, and digital tools for business admin.

The challenge

Our aim was to develop a new tax solution for business owners but we also had to work within tight technical scope.

Project metrics

We chased one key metric:

  1. Number of trials and paying customers.

On our new premium subscription plan, which we called +Taxes.

Who was on board?

  • 2 x Product owners
  • 6 x Engineers
  • 1 x Product Design Lead – Camille
  • 1 x UI Designer (initially)

My contribution

I led the design process, conducting UX and UI. Another designer was onboard initially to also design UI. The Head of Product Design signed off the experience.

Time frame

We designed and released our MVP in around 2 months. Over a further 4 months, we designed and released better features.

Step 1

Discovery research

First I used my UX research skills to understand the target customers and their pain points. I used the insight generated to make user-centric decisions while designing.

Persona generation

I conducted interviews with customers to understand who they were, their motivations and frustrations, and their typical business day.

I synthesised interview content into personas. Other members of the design team did this too, for their own projects they had on the go.

Running a workshop with our customer panel

I conducted a workshop session that gathered feedback on the idea of our new product – peace of mind for company tax and filing.

I probed it’s strengths and weaknesses, blockers to entry, and the customer’s perspective on it.

Step 2

Key customer insights

By researching our audience, I had a clear picture of business owners and their perspective on tax filing.

Step 3

The problem

I generated a problem statement to sharpen our focus on this project.

Step 4

Competitive Analysis

Now that we knew the problem we would try to solve, the product owner and I both fed in with a number of competitive analysis tasks.

Competitive matrix

The Product Owner added similar products and their features to a matrix. It helped us see what kinds of solutions were already provided in the market.

Competitor deep dive

I researched products by trialing their platform or taking part in demos. Luckily, I needed a live tool for my own business, so it was great to connect with market offerings.

Step 5

Scrappy ideation workshop

As a very small cross-functional product team, I encouraged us to get together and conduct a Crazy-8’s exercise for our MVP goal.

Crazy 8’s

I led the small team in a Crazy 8 exercise, conducting idea generation on what a minimum viable product might be. We sketched with the question "How might we" in mind (to achieve subscribers).

Affinity mapping

I took our ideas and organised them with the group using sticky notes (top right). This helped us identify our key ideas.

Sketching a high level flow

Taking our key ideas, we established as a group a high level user flow and the basic experiences that users would interact with for our MVP (bottom right).

Step 6

Designing the MVP

Now that we had a vision for the MVP of our premium subscription product, I began to detail out the journey and wireframes.

High level flow

I mapped a simple user flow in order to understand what screens we would need to design and develop to release an MVP. This I shared with the product owner and lead engineer for alignment.

Wireframes

From the user research I knew that users wanted tools that were customised to their own business and helped them do things like calculate taxes easily.

I began drafting wireframes for onboarding that communicated our product would meet these needs.

Fully designed screens for MVP

Our visual designer and I created final screens and specs for the engineers so that we could quickly release an MVP to the market.

We started the process of building out a new Figma Design System. This was our first web-based platform tool – previously we had been designing for the mobile app.

Step 7

How did the MVP do?

Not great, conversion from trial to subscription was low. We had proved that the funnel worked and that customers valued the proposition, but we set out to add experiences that would convert better.

Adding new experiences

In the MVP, there was only an onboarding flow and a rudimentary way to do bookkeeping and file taxes. The product owner and I agreed on new features we would add.



This included a dashboard, delightful bookkeeping, a tax estimate, a tax calculator, and a calendar for deadlines. These features more closely met the user’s expectation of an informative and 'DIY' style tax filing solution.

Step 8

Wire-framing new solutions

I created wireframes to develop solutions that more deeply solved the users’ pain-points identified in research.

Dashboard

I explored ways for users to easily complete tax tasks, and see how much tax they owe.

Earlier designs used a more familiar layout with reports and boxes.

After sharing ideas with the design team, I went forward with a design based on a timeline, as it expressed information simply but also felt unique.

Bookkeeping Score

I explored how users might do their bookkeeping in a quick and pleasant way, to prepare for taxes. I led with a Card Stack style experience.

This would help to create engagement throughout the year, not just at filing time.

Tax Calculator

Users wanted to predict the tax costs if they pay themselves from the business.

I explored ways to make complex information understandable. I made sure to understand the content as much as possible, and display it in a simple way.

Step 9

User testing

I created interactive prototypes in Figma to rapidly test my concepts with real users who I had recruited. From the testing I learned what needed to be adjusted for better engagement.

Testing the Bookkeeping Score

Things I learned:

  • Users loved the score because it provided clarity.
  • The type of tasks we suggested matched the users’ mental model.
  • The UI for changing tax categories needed to be more clear.

Testing the Tax Calculator

Things I learned:

  • Users loved comparing ways to pay themselves at a glance.
  • Users wanted to fiddle with knobs more than they wanted to read a guide.
  • Tax jargon needed to be minimised for a clear understanding.

Sharing results and making changes

I summarised the user testing results in a presentation deck and shared them with our cross-functional team.

I kept a list of improvements to make to the UX and UI, and ticked them off as I progressed.

Step 10

UI Design

I created final screens using our Design System library, and added new components when we needed them.

Creating screens from components

There was a design system in place containing components that were useful to create screens from.

Using this, I created screens to be developer-ready in a quick manner, such as a new version of our tax calculator shown here.

I included joyful illustrations and structured content in a Pros & Cons format, making it easy to understand.

Creating new components

If a component had not been created in our Design System, I designed a new component and published it.

Here are some examples of the components I added to our initial design library as we progressed.

Final solutions

Our new product contained a dashboard, bookkeeping, a tax calculator and an annual tax summary that could be filed through ANNA with the help of the support team.

Dashboard

Customers told us they wanted to reach ‘inbox zero’ for tax admin. The dashboard I came up with presents tasks in a pleasant timeline format making it simple to see what needs doing, and it helps them get it done. I protected the content so that only important tasks due in the next fortnight are shown to the user.

Users also see an ever-present tax estimate on their dashboard.

I created wireframes, images, copy, and defined states of the UI, eg. empty states. A visual designer was onboard initially to set image style and define details like scrolling behaviour.

Bookkeeping Score

I designed an experience that makes bookkeeping delightful. In the mobile app, users tidy their books and are rewarded with a high score. I used the Card Stack pattern to give users focus and I included mention of tax savings to be made.

Customers told us they wanted their businesses to run on auto-pilot, and this feature is built upon that with the automated cleaning of books as a basis.

In collaboration with a visual designer, we fine-tuned the artwork, focusing on UI elements like meter colors.

The promotional chat skill I designed outperforms competitors, with over 30% of ANNA's customers engaging in bookkeeping tasks; completing a task increases subscription conversion rates by over 50%.

Tax Calculator

Users wanted to know how much they can pay themselves (and what the tax cost would be).

I created a tactile experience that includes sliders, so users can discover costs in a pleasant manner. From my user testing, I knew that users loved the three cards that help them compare ways to pay themselves.

The tool helps them manage taxes with confidence and save money when doing it.

Tax Calendar

We knew that customers were afraid of missing tax filing deadlines, so we included a calendar that is personalised to the business and their unique tax filing dates. Users tap their events and read useful information.

For this timeline view, I collaborated with a tax expert, wrote copy, mocked up screens with components, considered the wider flow, and helped with QA testing.

Corporation Tax Filing

Users were very keen to see a Corporation Tax estimate at any time throughout the year. I added this figure to the customer dashboard, linking to a full breakdown.

After viewing a breakdown of their estimate, users can file their taxes through ANNA, with a bit of support from internal staff. In our next round we would look to help our customers file taxes completely themselves.

The impact

We created a new product that generates engagement throughout the year, with users cleaning their books and checking tax estimates, ready for filing.

Outstanding growth

Conversion from trial to paid improved from 0.8% to 25% when we shifted from our MVP to our fully-featured product.

Subscriptions to +Taxes are rising rapidly at ANNA, and have monumentally improved our business value.

Paying customers

The features I designed generate 33% of all subscriptions to the tax filing plan. The remainder come from a separate method that is always going to be hard to compete with.

Customer love

Here's a quote we received from a customer, out of the blue.

More from Camille’s portfolio

Product Design example by Camille Brunette, ANNA Money Payroll

Payroll for ANNA Money

PRODUCT DESIGN

Product Design example by Camille Brunette, ANNA Money Tax Filing Product

+Taxes for ANNA Money

PRODUCT DESIGN

ANNA Money Invoicing

Invoicing for ANNA Money

PRODUCT DESIGN

SEO Microsite UX Design for Galderma

Galderma SEO Microsite

UX DESIGN

UX for Techspace meeting room bookings

Techspace

UX/UI DESIGN

UX/UI Design for Xero Pricing Plans

Xero Pricing Plans

UX/UI DESIGN