Chip.in

Client Fintech mobile app
Team
3 - Lilly Evtimova, Elie-Pierre Bassil and myself
Timeframe
3 week Design Sprint
Tools
Miro, Zoom, Slack, Figma, Trello, Marvel
My RoleS
Stakeholder Management, Research, UX Design, Branding

Intro

Who are Chip.in?

Our client started life as Chippin, a shared payment service offered to merchants at the checkout stage of their retail Ecommerce platform.

They came to us to help transform the product from a B2B site integration to a consumer-focused mobile app solution.

Client Objectives:

  • To make the unaffordable affordable without the use of credit.
  • To give users control over how much they pay and who contributes.

What's the Social Good angle?

Our Opportunities:

Competitor Analysis

During our research we sorted our competitors into three categories. This helped us see how our solution could provide the most suitable contrast to them.
Buy Now Pay Later services (BNPL)
Main Competitor - Klarna
  • Klarna is the biggest competitor in payment splitting.
  • Transactions rose 46% in 2020 alone (source: Reuters), mostly by Gen Z.
  • Young people can expose themselves to financial risk associated with fees - can contribute to a negative credit rating.

Opportunity

To provide an alternative to BNPL by protecting users from debt risks associated with credit facilities.

Bill-splitting apps
Main Competitor - Splitwise
  • Splitwise an expenses sharing app to help users settle up after the point of sale. This means if others fail to pay, the user runs the risk of being out-of-pocket.

Opportunity

To capitalise on the pre-purchase space and eliminate the need to chase others for money.

Sharing facilities within app-based & online banks
Main Competitors: Venmo, Monzo and Revolut
  • Paypal’s US-only Venmo, UK-only Monzo, and EU-focused Revolut -- no level playing field.
  • Each platform requires existing sign ups by at least one user in a group context creating friction.
  • They expose users to costs associated with traditional banks such as interest fees on transactions and overdraft fees.

Opportunity

To empower users to unite easily for group purchases to make the previously unaffordable affordable.

User Interviews

We began to align our interviewees with our target users: those who want to make large purchases but who don’t want to run into risk by doing so.

Takeaways

  • Our 13 interviewees gave us a clear mandate that payment should occur quickly, and they did not favour a means to split individual payments between formats.

    E.g. two different cards for one payment, or part Paypal, part credit card.
  • Our interviewees were wary of services such as Klarna, with only one respondent saying they’d used the service before, and no others showing an indication they would in the future.

Personas

When thinking about Personas, I specifically wanted to target scenarios where:
For the design process we adhered to the Primary Persona, though it was useful to develop a Secondary Persona to illustrate the diverse scenarios in which the service could help.

Our Design Focus:

In a consumer retail market where BNPL companies are increasingly partnering with retailers whose target demographics skew toward Millennials and Gen-Z, we chose to bring Eric to the fore in order to give our solution the best opportunity to do the most Social Good.

Primary Persona

Secondary Persona

Problem Statement

Eric needs a simple, straightforward and effortless payment sharing solution he can trust.

He wants to share the cost of unaffordable items with friends, and find a way to split the cost of events and nights out so there's no chasing money afterwards.

User Journey

The team now had a clear idea of where each function or "Opportunity" could benefit Eric, our ideal user in the timeline of the use of the product.

We brought Eric along to the Design Studio we held on Zoom and Miro with our clients, Chippin.

Client Meetings & Design Studio

With the progress made so far, we met with our clients to discuss an updated path for the project in relation to the Persona we had developed.

What was important for the client?

Chip.in as a new payment option for eCommerce checkout
Chip.in as a way of paying for recurring bills
Chip.in as managing contributions to subscriptions
What is the minimum information Chip.in requires from the customer to work?
Payments with a virtual card
Chip.in as a Progressive Web App - no logins

Our role here was to prioritise what we felt we could achieve within the sprint - So our solution remained a mobile app rather than an integration to another service.

We returned to the Persona to support this as input from our users so far and concentrate our efforts around the scenario of ‘chipping in’ for tickets for a gig.

Maybe we could sprinkle some of these other objectives in at the end...!

Crazy Eights

We took part in a quick ideation session with the clients:

Directions: Fold your paper into 8 parts, and sketch a thought for 60 seconds. They can be in words or pictures, sequenced or stand-alone. All ideas are good!

We began by outlining the sequence, and finished with voting on the best elements overall that we wanted to take forward:

User Flow

At the same time, the User Flow presented a diagram of how the user interacts with the product - for us this was not necessarily every step but another way in looking at the major turning points in the journey.

Paper Prototype

Takeaways

  • Our Users are split into Instigators (the organiser of the event or 'chip.in') and Contributors (those who agree to contribute or chip in together).
  • Flow 1: the Instigator creates the chip.in sends out an invitation for others to contribute.
  • Flow 2: An invitee (or Contributor) receives a notification to contribute and pays their share within the timeframe.
  • Flow 3: When all Contributors have paid, the Instigator receives a notification to let them know the chip.in is ready to be redeemed.
  • A major challenge for us here was how to show different touchpoints occuring in the same flow - i.e. hopping to a second user using another device and back again.

Iterations & Testing

Through our iterations we tested with enough users to begin to notice firm trends - 6 users for the first paper prototype and 10 users for the next iteration in medium-fidelity.

This last Testing screen, the Payment page, proved a real point of contention for the team. The main challenge we found was how to define whether we were still in the flow of using the app, or whether we were outside, and the app could rely on authentication for payments from another app.

For the sake of the demonstration here, we've used the example of a Stripe checkout page to simulate a pay screen. Ultimately this would require some fine-tuning!

Onboarding

To help users learn the way the app functions and the language terms it uses we developed an onboarding flow that could be used on first start-up.

Our client was quite responsive to ideas we put forward around the notion of achieving the surprise and delight around having a chip.in fill up and be ready to use.

To put together our Onboarding flow we returned to the Design Studio to collaborate and vote for our favoured solution:

To view the final hi-fidelity Onboarding flow involving animations put together by Lilly, see the run-through below.

Branding

The brand "Chippin" had been a constant source of hesitation for users throughout the project because of its association with "chip-and-pin" payments.

I wanted to give it an update to simplify it and make it more relevant to the context of its use:

Moodboard

We collaborated with sources of inspiration for Fintech mockups and narrowed our focus with consideration to Eric's demographic and the fashion of competitors' apps that are widely used.

Slight gradients were a recurring theme in online banking apps, for example:

Style Guide

The style guide was developed by the three of us and published by Lilly.

Hi-Fidelity Prototype

Final Thoughts

Future Features:

Throughout this process, my main challenge was tuning my sense for the right time to incorporate ideation and defining the scope of the work. I could throw a few too many what-ifs into the mix!

I learned a great deal about being clear around setting goals for tasks, and was encouraged by seeing the effects of a positive outlook.

"The ability to capture a moment, a feeling and harness that into a design concept is a truly exceptional skill, which, standing alone would be a great reason to work with Tom. However, Tom's ability to present ideas, distill complexity and find ways to educate an audience surpassed all expectations.

We thought we had a passion and excitement for what we are working towards as an emerging Fintech business, but Tom's energy, knowledge and clear articulation of design ideas encouraged us all to think bigger, bolder and challenge our perceptions."
Client feedback
View Case Study
This will take you to Medium 🙂

Other Projects

Please enter your details below and I'll get back to you.

Thanks! Your submission has been received.
Oops! Something went wrong while submitting the form.