Mobile Product Design

Znap Cash

Znap Cash

Client

Znap Cash

Vertical

Product

Mobile Product Design

Key Services

Mobile Product Design

About Project

No items found.
Znap Cash

Let's work

Together

Logo

ZNAPCASH

Increase engagement for Cashback Platform Znap Cash

Mobile Product Design
Znap Cash mobile product design
Goal
Improve drop rates
Industry
Food and Nutrition
Type
Digital Product Design

About Znap Cash

Znap Cash’s App, Local Businesses can enable their consumers to make payments via cashback and then eventually become Loyal Buyers by nurturing consumers for a longer period of time. Simple yet immensely useful to all users across Dubai, offering rapid turnarounds for new store owners and a high volume of incoming orders.

Services

  • 1. Discovery & Strategy
  • 2. UX/UI Design
  • 3. App Development
  • 4. Testing

Project Description

Znap reached out to us to help them carry out all stages of product design with the goal of increasing consumer engagement and identifying reasons for the high drop-off rates and no consumer & brand loyalty. We did a series of steps including a UX Audit, Discovery, and alignment of future business goals followed up by the UX and eventual visual design.

Znap cash mockup for Project Description
Team Size
15+
Time
2.5 Months
Industry
Food and Nutrition

What is Znap?

A fintech platform born in the UAE providing Consumer Retention Mechanism along with smart payments to local businesses and helping customers stack up rewards via a simple secure user friendly app - Znap

Know more

Challenges and Objectives

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

High Drop rates

User's are not signing up

The product is very difficult to understand.

Users don't have enough motivation to
care about cashbacks.

It's not immediately clear on what the product does

There is no brand consistency and no brand recall.

Challenges

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

Challenges and Objectives

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

Spoke Design Labs

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

1

Simple and Easy Onboarding

Simple explaination of the product. No force Signup for the user.

1

Simple and Easy Onboarding

2

Centralized
cash system

A centralized cashback system -Znap Cash to see all the cashbacksthe user has received

2

Centralized
cash system

Centralized cash system
3

Stay in the loop with the expiring offers

Get notified about expiring cashbackso you are always in the loop.

3

Stay in the loop with the expiring offers

Stay in the loop with the expiring offers
4

All cashback
at one place

Get all the cashbacks readyat one place.

4

All cash backat one place

All cash back at one place
5

Redeemcash
back instantly

Get instant cashbacks from therestaurants instantly. Redeem themon your next visit.

5

Redeem cashback instantly

Redeem cashback instantly
6

Consistent
Design

Fixed the inconsistent design andcreated a fresh design so the user isalways interested.

6

Consistent Design

Consistent Design
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Before
After

Scope of work

Discovery & Strategy

  • Define idea value
  • Market & competitors research
  • VP & BM workshop
  • Idea validation, PoC
  • Product roadmap

UX/UI design

  • UI Style guide & Assets
  • App flow
  • Wireframes
  • UI Layouts & Graphics
  • UI Style guide & Assets

High fidelity prototype

  • Marvel prototype
  • Figma prototype
  • Protopie prototype
Znap cash ui idea

Colors

Before coming to us, the client had already created his brand book, had the logo, colors and more. We had to use everything that the client already has and keep in mind that this application is audience friendly. It must be comfortable for a young guy who is a digital native and loves bright colors as well as for a woman of age who has poor eyesight and does not often use such products

Primary Colors

Primary Colors
#00A4E6
Primary Colors
#141414
Primary Colors
#FFFFFF

Grey Colors

Grey Colors
#929292
Grey Colors
#141414
Grey Colors
#FAFAFA

Gradients

Orange Gradient
#929292
Yellow Gradient
#141414
Pink Gradient
#FAFAFA

Typography & Colors

Tyface Satoshi reflects the idea of the app - its simple, clear and straightforward.

Font Satoshi
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890”?”!’(%)[$]{@}/&\<-=>$><.TM

Low Fidelity Designs

Final UI Screens

High Fidelity Designs

Znap cash ui screen
Znap cash ui screen
Znap cash ui screen
Znap cash ui screen
Znap cash ui screen
Znap cash ui screen

Got a project in mind?Tell us about it.

If you want to learn more, just ask!