How we arrived at the One app architecture, and why the one app look the way it does

Operating philosophy

icons8-star.svg

Key verticals

Still competing for a space in the user’s minds, the app should communicate the key areas Freo’s present in at first glance

icons8-smiling.svg

Meaning everywhere

Users should find meaningful info in each area of the app that they visit

icons8-no_entry.svg

Endowment effect

Users visit places where they find more meaning, and stop visiting where they don’t

<aside> <img src="/icons/asterisk_green.svg" alt="/icons/asterisk_green.svg" width="40px" /> Endowment effect / Divestiture aversion / Loss aversion • People find it harder to part away from things they they feel is their own • It’s harder to separate people from things they feel like they’ve earned • Things that give people regular utility is hard to part away from

Learn more

</aside>

BEFORE WE BEGIN

Understanding constants and variables

Ubiquitous, unchanging and regularly used information should be put in the bottom nav.

Moreover, since the bottom nav fares quite low on the app’s heat-map, key product verticals were not placed there.

Things that can change, such as the products a user is eligible for should be put in chips

Constants: these should not change much over a user’s life with the product.

Constants: these should not change much over a user’s life with the product.

Architecture - 3 - Final.png

Variables: Users have more acceptance for changeable info when shown as chips. Eg. filters, tags.

Variables: Users have more acceptance for changeable info when shown as chips. Eg. filters, tags.

Architecture - 2 - Final.png

BOTTOM NAV CONTENTS

Home tab

Users can explore, discover, activate, and use products from here. Think of it as the user’s dashboard.

Learn about how a bespoke home screen is tailor-made here

Bottom nav BIG - 1.png

,,App screen entry animation.gif

More tab

A marketplace of personalised, curated offers by Freo’s partners.

Bottom nav BIG - 2.png

<aside> <img src="/icons/asterisk_green.svg" alt="/icons/asterisk_green.svg" width="40px" />

Hypothesis

Users go into the More tab because they did not resonate with a product’s primary positioning on the Home tab. Had it worked for them, they would have moved further into the product’s application journey on the Home tab.

This section can be used to provide users with rich-media sales about the intended and adjacent-value products. After the user converts for the intended product, rich-media sales can even all of Freo’s products, along with the customised partner offers

</aside>

When users spillover to More

Tab highlight - 1.1 - Green banner.gif

Universal scanner button

A prominent scanner button users can use to make payments from the their Spend limit, Borrow limit, or their own bank accounts with UPI

Users can also scan any web QR code

Interaction design

UP NEXT

Engaging users to drive up conversion


Draft below:

Product widgets

The architecture should be designed in a way that